From: Alexander Moisseev <moiseev@mezonplus.ru>
Date: Tue, 11 Nov 2025 17:47:18 +0000 (+0300)
Subject: [Minor] WebUI: Restore hover colors for symbols
X-Git-Tag: 3.14.1~22^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=0a6965e9e2ba44c3078a48887bc968c272062673;p=thirdparty%2Frspamd.git

[Minor] WebUI: Restore hover colors for symbols

Fix regression introduced in #5725 where symbol hover states were
unified to a single color, losing the visual distinction between symbol types.
---

diff --git a/interface/css/rspamd.css b/interface/css/rspamd.css
index a43f1e5e1c..4900243850 100644
--- a/interface/css/rspamd.css
+++ b/interface/css/rspamd.css
@@ -49,6 +49,11 @@ THE SOFTWARE.
     --rspamd-table-warning-bg: #fff8e6;
     --rspamd-bs-table-bg: #f8f9fa;
 
+    /* Per-type hover colors (light theme) */
+    --rspamd-symbol-negative-hover-bg: #dcf9d3;
+    --rspamd-symbol-positive-hover-bg: #fbd6d1;
+    --rspamd-symbol-special-hover-bg: #cddbff;
+
     /* Light mode logo display rules */
     --rspamd-display-logo-light: inline;
     --rspamd-display-logo-dark: none;
@@ -72,6 +77,11 @@ THE SOFTWARE.
     --rspamd-table-warning-bg: #43380b;
     --rspamd-bs-table-bg: #272b2f;
 
+    /* Per-type hover colors (dark theme) */
+    --rspamd-symbol-negative-hover-bg: #274f27;
+    --rspamd-symbol-positive-hover-bg: #4b2b2b;
+    --rspamd-symbol-special-hover-bg: #41426a;
+
     /* Dark mode logo display rules */
     --rspamd-display-logo-light: none;
     --rspamd-display-logo-dark: inline;
@@ -347,13 +357,13 @@ table#symbolsTable input[type="number"] {
     background-color: var(--rspamd-symbol-special-bg);
 }
 .symbol-negative:hover {
-    background-color: var(--rspamd-symbol-hover-bg);
+    background-color: var(--rspamd-symbol-negative-hover-bg);
 }
 .symbol-positive:hover {
-    background-color: var(--rspamd-symbol-hover-bg);
+    background-color: var(--rspamd-symbol-positive-hover-bg);
 }
 .symbol-special:hover {
-    background-color: var(--rspamd-symbol-hover-bg);
+    background-color: var(--rspamd-symbol-special-hover-bg);
 }
 
 /* For symbol description display on hover/focus */