frodovdr
/
hyperion.ng
mirror of https://github.com/hyperion-project/hyperion.ng.git
1
0
Fork 0
Code Issues Releases Wiki Activity

fix: transparent btn dark mode :hover :focus

This commit is contained in:
brindosch 2020-06-04 11:55:45 +02:00
parent 081e375927 43a91bc21e
commit 4be47fd222
3 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
assets/webconfig/css/darkMode.css
View File

@ -47,6 +47,14 @@ h4 {
} }
/*Buttons*/ /*Buttons*/
.btn-transparent:hover {
color: #5db6ff;
}
.btn-transparent:focus{
color: #5db6ff;
}
.btn-default { .btn-default {
color: #DDDDDD; color: #DDDDDD;
background-color: #212121; background-color: #212121;

3
assets/webconfig/css/hyperion.css
View File

@ -168,7 +168,8 @@ table label{margin:0}
border-color: #602060; border-color: #602060;
} }
.btn-lang-select { /*minimal visible button*/
.btn-transparent {
background-color: transparent; background-color: transparent;
border-style: none; border-style: none;
} }

8
assets/webconfig/index.html
View File

@ -53,7 +53,7 @@
<!-- Bootstrap Core CSS --> <!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-colorpicker.min.css" rel="stylesheet"> <link href="css/bootstrap-colorpicker.min.css" rel="stylesheet">
<!-- BSToggle --> <!-- BSToggle -->
@ -178,7 +178,7 @@
<a> <a>
<div> <div>
<i class="fa fa-globe"></i> <i class="fa fa-globe"></i>
<select id="language-select" class="selectpicker" data-width="fit" data-style="btn-lang-select" > </select> <select id="language-select" class="selectpicker" data-width="fit" data-style="btn-transparent" > </select>
</div> </div>
</a> </a>
</li> </li>
@ -348,10 +348,10 @@
<!-- Bootstrap Core JavaScript --> <!-- Bootstrap Core JavaScript -->
<script src="js/lib/bootstrap.min.js"></script> <script src="js/lib/bootstrap.min.js"></script>
<!-- BSToggle --> <!-- BSToggle -->
<script src="js/lib/bootstrap-toggle.min.js"></script> <script src="js/lib/bootstrap-toggle.min.js"></script>
<!-- Bootstrap Select JavaScript --> <!-- Bootstrap Select JavaScript -->
<script src="js/lib/bootstrap-select.min.js"></script> <script src="js/lib/bootstrap-select.min.js"></script>