[epiphany] fix(shared-css): remove theme_fg_color definition on clamp



commit 0c2f7feacd4cc50ac3f9504252e1a2aa552ccd00
Author: Ian Santopietro <ian system76 com>
Date:   Wed Nov 11 15:19:16 2020 -0700

    fix(shared-css): remove theme_fg_color definition on clamp
    
    Removes the `color: @theme_fg_color` property from the shared-base.scss (and
    subsequently generated CSS). Having this styling present appears to cause
    issues with certain themes using dark-colored header bars in otherwise light
    themes (like Pop, Yaru, Materia, certain Arc variants, etc.) and doesn't appear
    to cause any changes from the expected behavior when used for the Adwaita,
    High-Contrast, or elementary themes which are included in the styling.

 src/resources/themes/Adwaita-dark.css        | 6 +-----
 src/resources/themes/Adwaita.css             | 6 +-----
 src/resources/themes/HighContrast.css        | 6 +-----
 src/resources/themes/HighContrastInverse.css | 6 +-----
 src/resources/themes/_shared-base.scss       | 9 ---------
 src/resources/themes/elementary.css          | 6 +-----
 src/resources/themes/shared.css              | 6 +-----
 7 files changed, 6 insertions(+), 39 deletions(-)
---
diff --git a/src/resources/themes/Adwaita-dark.css b/src/resources/themes/Adwaita-dark.css
index 5e0997c65..10a03ff65 100644
--- a/src/resources/themes/Adwaita-dark.css
+++ b/src/resources/themes/Adwaita-dark.css
@@ -6,11 +6,7 @@
 
 .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; }
 
-#title-box-container { color: alpha(@theme_fg_color,0.5); transition: background 200ms ease-out; }
-
-#title-box-container > clamp { color: @theme_fg_color; }
-
-#title-box-container > clamp:backdrop { color: @theme_unfocused_fg_color; }
+#title-box-container { transition: background 200ms ease-out; }
 
 .incognito-mode #title-box-container { background: -gtk-icontheme("user-not-tracked-symbolic") 16px 0/64px 
64px no-repeat; }
 
diff --git a/src/resources/themes/Adwaita.css b/src/resources/themes/Adwaita.css
index a6438de31..58d5b30ce 100644
--- a/src/resources/themes/Adwaita.css
+++ b/src/resources/themes/Adwaita.css
@@ -6,11 +6,7 @@
 
 .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; }
 
-#title-box-container { color: alpha(@theme_fg_color,0.5); transition: background 200ms ease-out; }
-
-#title-box-container > clamp { color: @theme_fg_color; }
-
-#title-box-container > clamp:backdrop { color: @theme_unfocused_fg_color; }
+#title-box-container { transition: background 200ms ease-out; }
 
 .incognito-mode #title-box-container { background: -gtk-icontheme("user-not-tracked-symbolic") 16px 0/64px 
64px no-repeat; }
 
diff --git a/src/resources/themes/HighContrast.css b/src/resources/themes/HighContrast.css
index b9a1d0cd3..62d64ccdc 100644
--- a/src/resources/themes/HighContrast.css
+++ b/src/resources/themes/HighContrast.css
@@ -6,11 +6,7 @@
 
 .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; }
 
-#title-box-container { color: alpha(@theme_fg_color,0.5); transition: background 200ms ease-out; }
-
-#title-box-container > clamp { color: @theme_fg_color; }
-
-#title-box-container > clamp:backdrop { color: @theme_unfocused_fg_color; }
+#title-box-container { transition: background 200ms ease-out; }
 
 .incognito-mode #title-box-container { background: -gtk-icontheme("user-not-tracked-symbolic") 16px 0/64px 
64px no-repeat; }
 
diff --git a/src/resources/themes/HighContrastInverse.css b/src/resources/themes/HighContrastInverse.css
index 2944dc90f..ee3642da6 100644
--- a/src/resources/themes/HighContrastInverse.css
+++ b/src/resources/themes/HighContrastInverse.css
@@ -6,11 +6,7 @@
 
 .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; }
 
-#title-box-container { color: alpha(@theme_fg_color,0.5); transition: background 200ms ease-out; }
-
-#title-box-container > clamp { color: @theme_fg_color; }
-
-#title-box-container > clamp:backdrop { color: @theme_unfocused_fg_color; }
+#title-box-container { transition: background 200ms ease-out; }
 
 .incognito-mode #title-box-container { background: -gtk-icontheme("user-not-tracked-symbolic") 16px 0/64px 
64px no-repeat; }
 
diff --git a/src/resources/themes/_shared-base.scss b/src/resources/themes/_shared-base.scss
index 731d8356f..868e70964 100644
--- a/src/resources/themes/_shared-base.scss
+++ b/src/resources/themes/_shared-base.scss
@@ -25,17 +25,8 @@
 }
 
 #title-box-container {
-  color: gtkalpha(themecolor(theme_fg_color), 0.5);
   transition: background 200ms ease-out;
 
-  > clamp {
-    color: themecolor(theme_fg_color);
-
-    &:backdrop {
-      color: themecolor(theme_unfocused_fg_color);
-    }
-  }
-
   .incognito-mode & {
     background: -gtk-icontheme($incognito_icon) 16px 0 / 64px 64px no-repeat;
 
diff --git a/src/resources/themes/elementary.css b/src/resources/themes/elementary.css
index a43cbffa8..50bfe2a5d 100644
--- a/src/resources/themes/elementary.css
+++ b/src/resources/themes/elementary.css
@@ -6,11 +6,7 @@
 
 .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; }
 
-#title-box-container { color: alpha(@theme_fg_color,0.5); transition: background 200ms ease-out; }
-
-#title-box-container > clamp { color: @theme_fg_color; }
-
-#title-box-container > clamp:backdrop { color: @theme_unfocused_fg_color; }
+#title-box-container { transition: background 200ms ease-out; }
 
 .incognito-mode #title-box-container { background: -gtk-icontheme("user-not-tracked-symbolic") 16px 0/64px 
64px no-repeat; }
 
diff --git a/src/resources/themes/shared.css b/src/resources/themes/shared.css
index e0deee568..d9394994a 100644
--- a/src/resources/themes/shared.css
+++ b/src/resources/themes/shared.css
@@ -6,11 +6,7 @@
 
 .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; }
 
-#title-box-container { color: alpha(@theme_fg_color,0.5); transition: background 200ms ease-out; }
-
-#title-box-container > clamp { color: @theme_fg_color; }
-
-#title-box-container > clamp:backdrop { color: @theme_unfocused_fg_color; }
+#title-box-container { transition: background 200ms ease-out; }
 
 .incognito-mode #title-box-container { background: -gtk-icontheme("user-not-tracked-symbolic") 16px 0/64px 
64px no-repeat; }
 


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]