Browse Source

Fixed css bug on desktop for darktheme

Toby Chui 3 years ago
parent
commit
cabc0f1e7e
1 changed files with 14 additions and 0 deletions
  1. 14 0
      web/desktop.system

+ 14 - 0
web/desktop.system

@@ -345,6 +345,14 @@
             border-bottom: 2px solid #34b7eb;
             border-bottom: 2px solid #34b7eb;
         }
         }
 
 
+        i.darkTheme{
+            color: white;
+        }
+
+        #listMenu #searchBar.darkTheme::selection{
+            background: white;
+        }
+
         #listMenu.darkTheme .searchBar input{
         #listMenu.darkTheme .searchBar input{
             background-color: #17161f !important;
             background-color: #17161f !important;
             color: white !important;
             color: white !important;
@@ -6443,6 +6451,9 @@
             $("#powerIcon").attr("src","img/system/power-white.svg");
             $("#powerIcon").attr("src","img/system/power-white.svg");
             $("#quickAccessPanel").addClass("darkTheme");
             $("#quickAccessPanel").addClass("darkTheme");
             $("#quickAccessPanel").find(".button").addClass("inverted");
             $("#quickAccessPanel").find(".button").addClass("inverted");
+            $("#searchBar").addClass("darkTheme");
+            $("#searchBar").parent().find("i").addClass("darkTheme");
+            $("#usergroups").css("color", "white");
         }
         }
 
 
         function setWhiteTheme(){
         function setWhiteTheme(){
@@ -6450,6 +6461,9 @@
             $("#powerIcon").attr("src","img/system/power.svg");
             $("#powerIcon").attr("src","img/system/power.svg");
             $("#quickAccessPanel").removeClass("darkTheme");
             $("#quickAccessPanel").removeClass("darkTheme");
             $("#quickAccessPanel").find(".button").removeClass("inverted");
             $("#quickAccessPanel").find(".button").removeClass("inverted");
+            $("#searchBar").removeClass("darkTheme");
+            $("#searchBar").parent().find("i").removeClass("darkTheme");
+            $("#usergroups").css("color", "");
         }
         }
 
 
         function hexToRgbA(hex, transparent=1){
         function hexToRgbA(hex, transparent=1){