From 74e561ab9a5c01a2922c780f16cf1266578f0b6e Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Sat, 7 Dec 2024 00:32:14 +0200
Subject: [PATCH] style(next): turn green the shield icon when the protected
 session is active

---
 src/public/stylesheets/theme-next.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css
index c13803f4d..278b0ea30 100644
--- 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;
 }