From 85268bf12bae21b777f8a78673825ee151a76fbd Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Tue, 14 Mar 2023 15:31:57 +0300
Subject: [PATCH] Fine-tune light theme hotbar colors (#7351)

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../src/renderer/components/hotbar/hotbar-icon.module.scss   | 2 +-
 packages/core/src/renderer/themes/lens-dark.injectable.ts    | 1 +
 packages/core/src/renderer/themes/lens-light.injectable.ts   | 5 +++--
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/core/src/renderer/components/hotbar/hotbar-icon.module.scss b/packages/core/src/renderer/components/hotbar/hotbar-icon.module.scss
index 38df5c3d5f..7d0446934c 100644
--- a/packages/core/src/renderer/components/hotbar/hotbar-icon.module.scss
+++ b/packages/core/src/renderer/components/hotbar/hotbar-icon.module.scss
@@ -6,7 +6,7 @@
 .HotbarIcon {
   --corner: 0px 0px 0px 1px var(--clusterMenuBackground);
   --iconActiveShadow: var(--corner), var(--corner), 0 0 0px 3px var(--clusterMenuBackground), 0 0 0px 6px var(--textColorAccent);
-  --iconHoverShadow: 0 0 0px 3px var(--clusterMenuBackground), 0 0 0px 6px #ffffff50;
+  --iconHoverShadow: 0 0 0px 3px var(--clusterMenuBackground), 0 0 0px 6px var(--clusterMenuCellOutline);
 
   display: flex;
   cursor: pointer;
diff --git a/packages/core/src/renderer/themes/lens-dark.injectable.ts b/packages/core/src/renderer/themes/lens-dark.injectable.ts
index 01599ccf28..2f4975fb04 100644
--- a/packages/core/src/renderer/themes/lens-dark.injectable.ts
+++ b/packages/core/src/renderer/themes/lens-dark.injectable.ts
@@ -97,6 +97,7 @@ const lensDarkThemeInjectable = getInjectable({
       clusterMenuBackground: "#252729",
       clusterMenuBorderColor: "#252729",
       clusterMenuCellBackground: "#2e3136",
+      clusterMenuCellOutline: "#ffffff66",
       clusterSettingsBackground: "#1e2124",
       addClusterIconColor: "#252729",
       boxShadow: "#0000003a",
diff --git a/packages/core/src/renderer/themes/lens-light.injectable.ts b/packages/core/src/renderer/themes/lens-light.injectable.ts
index 8c9b0374ac..623e802c90 100644
--- a/packages/core/src/renderer/themes/lens-light.injectable.ts
+++ b/packages/core/src/renderer/themes/lens-light.injectable.ts
@@ -94,9 +94,10 @@ const lensLightThemeInjectable = getInjectable({
       drawerSubtitleBackground: "#f1f1f1",
       drawerItemNameColor: "#727272",
       drawerItemValueColor: "#555555",
-      clusterMenuBackground: "#d7d8da",
+      clusterMenuBackground: "#e2e2e2",
       clusterMenuBorderColor: "#c9cfd3",
-      clusterMenuCellBackground: "#bbbbbb",
+      clusterMenuCellBackground: "#d2d2d2",
+      clusterMenuCellOutline: "#22222266",
       clusterSettingsBackground: "#ffffff",
       addClusterIconColor: "#8d8d8d",
       boxShadow: "#0000003a",