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.

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; }