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)); + } 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 */