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 {