theme: Only recolor the element with incognito eye, but not its children

Fixes https://gitlab.gnome.org/GNOME/epiphany/-/issues/1312

4 files changed, 31 insertions, 3 deletions

diff --git a/src/resources/themes/_Adwaita-base.scss b/src/resources/themes/_Adwaita-base.scss
index e21c78cdb..7580d1e29 100644
--- a/src/resources/themes/_Adwaita-base.scss
+++ b/src/resources/themes/_Adwaita-base.scss
@@ -144,4 +144,12 @@ window:not(.incognito-mode) .main-notebook tab:not(.reorderable-page) {
 
 #title-box-container {
   color: gtkalpha(themecolor(theme_fg_color), 0.2);
+
+  > clamp {
+    color: themecolor(theme_fg_color);
+
+    &:backdrop {
+      color: themecolor(theme_unfocused_fg_color);
+    }
+  }
 }
diff --git a/src/resources/themes/_Adwaita-colored-window.scss b/src/resources/themes/_Adwaita-colored-window.scss
index 1aadd4680..5567e9362 100644
--- a/src/resources/themes/_Adwaita-colored-window.scss
+++ b/src/resources/themes/_Adwaita-colored-window.scss
@@ -39,14 +39,18 @@ headerbar {
 
   border-color: $alt_borders_color;
 
+  > clamp {
+    color: themecolor($fg_color);
+  }
+
   &:backdrop {
     background-image: image($bg_color);
     border-color: $backdrop_borders_color;
     box-shadow: inset 0 1px $top_hilight;
-  }
 
-  #title-box-container {
-    color: transparentize($fg_color, 0.8); // this is the color of the overlayed icon
+    > clamp {
+      color: themecolor($backdrop_fg_color);
+    }
   }
 }
 
diff --git a/src/resources/themes/_shared-base.scss b/src/resources/themes/_shared-base.scss
index 682766ff3..405a58cd1 100644
--- a/src/resources/themes/_shared-base.scss
+++ b/src/resources/themes/_shared-base.scss
@@ -28,6 +28,14 @@
   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.scss b/src/resources/themes/elementary.scss
index cf6f85fc1..e34ec27c8 100644
--- a/src/resources/themes/elementary.scss
+++ b/src/resources/themes/elementary.scss
@@ -103,6 +103,14 @@ dzlsuggestionpopover > revealer > box {
 
 #title-box-container {
   color: themecolor(text_shadow_color);
+
+  > clamp {
+    color: themecolor(theme_fg_color);
+
+    &:backdrop {
+      color: themecolor(theme_unfocused_fg_color);
+    }
+  }
 }
 
 .bookmark-tag-widget image {