fix theme colors for floating-tabs tweak #106

bmFtZQ · Oct 28, 2023 · 296e90f · 296e90f
1 parent eba1454
commit 296e90f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 20 deletions.
diff --git a/chrome/global/colors.css b/chrome/global/colors.css
@@ -95,13 +95,7 @@
   background-color: var(--toolbar-field-focus-background-color) !important;
   color: var(--toolbar-field-focus-color) !important;
   border-color: transparent !important;
-  box-shadow: 0 2px 5px #0004, 0 0 0 1px #0002 !important;
-}
-
-@media (prefers-color-scheme: dark) {
-  #statuspanel-label {
-    box-shadow: 0 2px 5px #0004, 0 0 0 1px #0004 !important;
-  }
+  box-shadow: 0 2px 5px #0004, 0 0 0 1px light-dark(#0002, #0004) !important;
 }
 
 @media (-moz-platform: windows) {

diff --git a/chrome/global/tweaks.css b/chrome/global/tweaks.css
@@ -28,21 +28,14 @@ bugs with certain themes eg. dark text on dark background.) */
 
 @supports -moz-bool-pref("uc.tweak.floating-tabs") {
   :root:not(:-moz-lwtheme),
-  :root[style*="--lwt-accent-color: rgb(240, 240, 244)"] {
-    --lwt-accent-color: #f3f3f3 !important;
+  :root[privatebrowsingmode="temporary"][style*="--lwt-accent-color: rgb(28, 27, 34)"] {
+    --lwt-accent-color: light-dark(#f3f3f3, #202020) !important;
     --lwt-accent-color-inactive: unset !important;
-    --toolbar-bgcolor: #fff !important;
-    --lwt-tab-text: #262626 !important;
+    --toolbar-bgcolor: light-dark(#fff, #4D4D4D) !important;
+    --lwt-tab-text: light-dark(#262626, #fff) !important;
+    --chrome-content-separator-color: light-dark(#bfbfbf, #535353) !important;
     --uc-urlbar-shadow: none !important;
-  }
-
-  :root[lwt-default-theme-in-dark-mode="true"],
-  :root[style*="--lwt-accent-color: rgb(28, 27, 34)"] {
-    --lwt-accent-color: #202020 !important;
-    --toolbar-bgcolor: #4D4D4D !important;
-    --lwt-accent-color-inactive: unset !important;
-    --chrome-content-separator-color: #535353 !important;
-    --uc-tab-border-color: #ffffff0f !important;
+    --uc-tab-border-color: light-dark(#0000, #fff1) !important;
   }
 
   @media (-moz-gtk-csd-available) {