From 5631c8935bbaf97858dae3db3be38a4b57f301cb Mon Sep 17 00:00:00 2001
From: Bruno Charest <bruno.charest@gmail.com>
Date: Tue, 17 Feb 2026 21:52:01 -0500
Subject: [PATCH] =?UTF-8?q?feat:=20am=C3=A9liorer=20la=20coh=C3=A9rence=20?=
 =?UTF-8?q?des=20couleurs=20dans=20le=20th=C3=A8me=20sombre=20pour=20les?=
 =?UTF-8?q?=20tags=20et=20actions=20des=20notes,=20simplifier=20l'h=C3=A9r?=
 =?UTF-8?q?itage=20de=20couleur=20avec=20inherit,=20uniformiser=20le=20sty?=
 =?UTF-8?q?le=20des=20boutons=20de=20palette=20(36px,=20border-radius=200.?=
 =?UTF-8?q?375rem),=20et=20ajouter=20=C3=A9tats=20hover=20pour=20meilleure?=
 =?UTF-8?q?=20interaction=20visuelle?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 shaarli-pro/css/custom_views.css | 34 ++++++++++++++------------------
 1 file changed, 15 insertions(+), 19 deletions(-)

diff --git a/shaarli-pro/css/custom_views.css b/shaarli-pro/css/custom_views.css
index f1ee821..33fad95 100644
--- a/shaarli-pro/css/custom_views.css
+++ b/shaarli-pro/css/custom_views.css
@@ -672,6 +672,7 @@ body.view-notes .content-container {
 
 [data-theme="dark"] .note-tag {
     background: rgba(255, 255, 255, 0.1);
+    color: #9aa0a6;
 }
 
 /* Hover Actions */
@@ -683,6 +684,7 @@ body.view-notes .content-container {
     margin-top: 8px;
     margin-left: -8px;
     /* Alignment fix */
+    color: var(--text-light, #5f6368);
     opacity: 0;
     /* Hidden by default */
     transition: opacity 0.2s;
@@ -691,6 +693,10 @@ body.view-notes .content-container {
     z-index: 2;
 }
 
+[data-theme="dark"] .note-hover-actions {
+    color: #9aa0a6;
+}
+
 /* Show actions on hover */
 .note-card:hover .note-hover-actions {
     opacity: 1;
@@ -715,19 +721,13 @@ body.view-notes .content-container {
     display: flex;
     align-items: center;
     justify-content: center;
-    color: var(--text-light, #5f6368);
+    color: inherit;
     cursor: pointer;
     font-size: 1.1rem;
     transition: background-color 0.2s, color 0.2s;
     text-decoration: none;
 }
 
-[data-theme="dark"] .note-hover-actions > button,
-[data-theme="dark"] .note-hover-actions > a,
-[data-theme="dark"] .note-hover-actions > div > button {
-    color: #9aa0a6;
-}
-
 .note-hover-actions > button:hover,
 .note-hover-actions > a:hover,
 .note-hover-actions > div > button:hover {
@@ -735,35 +735,31 @@ body.view-notes .content-container {
     color: var(--text-color);
 }
 
-[data-theme="dark"] .note-hover-actions > button:hover,
-[data-theme="dark"] .note-hover-actions > a:hover,
-[data-theme="dark"] .note-hover-actions > div > button:hover {
-    color: #e8eaed;
-}
-
 .bookmark-palette {
     display: inline-flex;
     align-items: center;
     position: relative;
+    color: var(--text-muted);
 }
 
 .bookmark-palette > button {
     background: none;
     border: none;
-    width: 34px;
-    height: 34px;
-    border-radius: 50%;
+    width: 36px;
+    height: 36px;
+    border-radius: 0.375rem;
     display: flex;
     align-items: center;
     justify-content: center;
-    color: var(--text-light, #5f6368);
+    color: inherit;
     cursor: pointer;
     font-size: 1.1rem;
     transition: background-color 0.2s, color 0.2s;
 }
 
-[data-theme="dark"] .bookmark-palette > button {
-    color: #9aa0a6;
+.bookmark-palette > button:hover {
+    background: var(--primary-light);
+    color: var(--primary);
 }
 
 .palette-popup {