From 47b85966d24f7ed56f10dd9cf35cbebe0b635fd6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=ADctor=20Losada=20Hern=C3=A1ndez?=
 <losada.hernandez.victor@gmail.com>
Date: Sun, 6 Sep 2026 18:13:11 +0200
Subject: [PATCH] better hover colors

---
 client/components/dropdown/dropdown.less          |  6 +++++-
 client/homebrew/editor/snippetbar/snippetbar.less | 14 ++++----------
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/client/components/dropdown/dropdown.less b/client/components/dropdown/dropdown.less
index 8148a7c85..7c4a33838 100644
--- a/client/components/dropdown/dropdown.less
+++ b/client/components/dropdown/dropdown.less
@@ -7,7 +7,7 @@
 @property --activeTriggerColor {
 	syntax: '<color>';
 	inherits: true;
-	initial-value: #DDD;
+	initial-value: #999;
 }
 
 :root{
@@ -30,4 +30,8 @@
 }
 .menu-wrapper:has(:popover-open) > button {                        // if menu is open...
 	background-color: var(--activeTriggerColor, hsl(from var(--menuColor) h s calc(l * .85)));  // tint menu triggers based on menu color
+}
+
+.darkMode .menu-wrapper:has(:popover-open) > button {                        // if menu is open...
+	--activeTriggerColor : #444;  // tint menu triggers based on menu color
 }
\ No newline at end of file
diff --git a/client/homebrew/editor/snippetbar/snippetbar.less b/client/homebrew/editor/snippetbar/snippetbar.less
index 9149778bf..177518591 100644
--- a/client/homebrew/editor/snippetbar/snippetbar.less
+++ b/client/homebrew/editor/snippetbar/snippetbar.less
@@ -3,10 +3,9 @@
 @import (less) '@themes/fonts/5e/fonts.less';
 
 .snippetBar {
-	--activeTriggerColor: inherit;
 	--menuColor      : #DDDDDD;
 	--textColor      : black;
-	--hoverMenuColor : #;
+	--hoverMenuColor : #999;
 
 	@menuHeight      : 25px;
 	position         : relative;
@@ -47,7 +46,7 @@
 
 				&.editorTool:not(.active) { cursor : not-allowed; }
 
-				&:hover,&.selected { background-color : #999999; }
+				&:hover,&.selected { background-color : var(--hoverMenuColor) }
 				&.text {
 					.tooltipLeft('Brew Editor');
 				}
@@ -104,11 +103,6 @@
 						background-color : #999999;
 					}
 				}
-				&.divider {
-					width      : 5px;
-					background : linear-gradient(currentColor, currentColor) no-repeat center/1px 100%;
-					&:hover { background-color : inherit; }
-				}
 			}
 			.themeSelector {
 				position         : absolute;
@@ -210,7 +204,7 @@
 			border-radius : 12px;
 		}
 		&:hover {
-			background-color : #999999;
+			background-color : var(--hoverMenuColor);
 		}
 		&:disabled {
 			color: gray;
@@ -237,7 +231,7 @@
 }
 
 .editor.darkMode .snippetBar {
-	--activeTriggerColor: #888;
 	--menuColor      : #666;
 	--textColor      : #eee;
+	--hoverMenuColor : #444;
 }