Tone down highlighted ribbon in popup panel

gorhill · Feb 18, 2022 · 38fad8d · 38fad8d
1 parent 6d90831
commit 38fad8d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/css/popup-fenix.css b/src/css/popup-fenix.css
@@ -190,6 +190,10 @@ body.needSave #revertRules {
     unicode-bidi: embed;
     visibility: hidden;
     }
+.toolRibbon .tool:hover {
+    color: var(--ink-1);
+        fill: var(--ink-1);
+    }
 .toolRibbon .tool.enabled {
     visibility: visible;
     }

diff --git a/src/css/themes/default.css b/src/css/themes/default.css
@@ -437,11 +437,11 @@
     --popup-cell-block-own-surface: rgb(var(--popup-cell-block-own-surface-rgb));
     --popup-cell-block-surface: rgb(var(--popup-cell-block-surface-rgb));
     --popup-power-ink: rgb(var(--popup-power-ink-rgb));
-    --popup-toolbar-surface: rgb(var(--primary-80) / 20%);
-    --popup-toolbar-surface-hover: rgb(var(--primary-80) / 25%);
+    --popup-toolbar-surface: rgb(var(--primary-80) / 15%);
+    --popup-toolbar-surface-hover: rgb(var(--primary-80) / 20%);
     --popup-ruleset-tool-ink: var(--ink-1);
-    --popup-ruleset-tool-surface: rgb(var(--primary-80) / 20%);
-    --popup-ruleset-tool-surface-hover: rgb(var(--primary-80) / 25%);
+    --popup-ruleset-tool-surface: rgb(var(--primary-80) / 15%);
+    --popup-ruleset-tool-surface-hover: rgb(var(--primary-80) / 20%);
     --popup-ruleset-tool-shadow: transparent;
 }