From 92bca7ea6e1ffbf55cb5592c48b45964ea1f22b9 Mon Sep 17 00:00:00 2001
From: Raymond Hill <rhill@raymondhill.net>
Date: Fri, 18 Feb 2022 07:30:34 -0500
Subject: [PATCH] Tone down highlighted ribbon in popup panel

---
 src/css/popup-fenix.css    | 4 ++++
 src/css/themes/default.css | 8 ++++----
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/css/popup-fenix.css b/src/css/popup-fenix.css
index a85c4a090..49c450672 100644
--- 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
index e8c9decbc..e869e7dab 100644
--- 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;
 }