style(next): turn green the shield icon when the protected session is…

… active
TriliumNext · Dec 6, 2024 · 74e561a · 74e561a
1 parent 164b3df
commit 74e561a
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css
@@ -150,6 +150,7 @@
    --launcher-pane-button-hover-background: white;
    --launcher-pane-button-hover-shadow: 4px 4px 4px rgba(0, 0, 0, .075);
 
+   --protected-session-active-icon-color: #16b516;
    --sync-status-error-pulse-color: #ff5528;
 
    --root-background: var(--left-pane-background-color);
@@ -300,6 +301,7 @@
         --launcher-pane-button-hover-background: #ffffff1c;
         --launcher-pane-button-hover-shadow: 4px 4px 4px rgba(0, 0, 0, .2);
 
+        --protected-session-active-icon-color: #8edd8e;
         --sync-status-error-pulse-color: #f47871;
 
         --root-background: var(--left-pane-background-color);
@@ -480,6 +482,16 @@
     align-items: center;
 }
 
+/* Protected session enabled button */
+
+#launcher-pane button.bx-check-shield,
+#launcher-pane button.bx-check-shield:hover {
+    color: var(--protected-session-active-icon-color);
+    transition: color 500ms ease-in-out;
+}
+
+/* Sync status button */
+
 #launcher-pane .sync-status .sync-status-icon {
     top: 3px;
 }