From f325ee15936be5c2df2b39968cc6cfab957db72e Mon Sep 17 00:00:00 2001
From: Ennea <Ennea@users.noreply.github.com>
Date: Wed, 1 Oct 2025 16:49:41 +0200
Subject: [PATCH] add css classes for unread indicators

---
 ChatTwo/Http/Frontend/src/components/TabPaneOpener.svelte | 5 +++++
 ChatTwo/Http/Frontend/static/static/start.css             | 6 ++++++
 2 files changed, 11 insertions(+)

diff --git a/ChatTwo/Http/Frontend/src/components/TabPaneOpener.svelte b/ChatTwo/Http/Frontend/src/components/TabPaneOpener.svelte
index 341d02e..19027fc 100644
--- a/ChatTwo/Http/Frontend/src/components/TabPaneOpener.svelte
+++ b/ChatTwo/Http/Frontend/src/components/TabPaneOpener.svelte
@@ -28,4 +28,9 @@
     button.visible {
         opacity: 1;
     }
+
+    button.unread svg {
+        stroke: var(--unread-color);
+        filter: drop-shadow(0 0 2px var(--unread-color));
+    }
 </style>
diff --git a/ChatTwo/Http/Frontend/static/static/start.css b/ChatTwo/Http/Frontend/static/static/start.css
index 8cf8ad2..952e19a 100644
--- a/ChatTwo/Http/Frontend/static/static/start.css
+++ b/ChatTwo/Http/Frontend/static/static/start.css
@@ -22,6 +22,7 @@
     --bg-input: #202020;
     --bg-input-hover: #282828;
     --focus-color: #4060a0;
+    --unread-color: #beffa0;
 
     --gradient-clickable: linear-gradient(to bottom, #404040, var(--bg-input) 65%, var(--bg-input));
     --gradient-clickable-hover: linear-gradient(to bottom, #505050, var(--bg-input-hover) 65%, var(--bg-input-hover));
@@ -175,6 +176,11 @@ aside#tabs {
         border-radius: 3px;
         background-color: var(--bg-input);
     }
+
+    li.unread button {
+        color: var(--unread-color);
+        text-shadow: 0 0 5px var(--unread-color);
+    }
 }
 
 /* message list */