add css classes for unread indicators

This commit is contained in:
Ennea
2025-10-01 16:49:41 +02:00
parent 9f097b4df3
commit f325ee1593
2 changed files with 11 additions and 0 deletions
@@ -28,4 +28,9 @@
button.visible { button.visible {
opacity: 1; opacity: 1;
} }
button.unread svg {
stroke: var(--unread-color);
filter: drop-shadow(0 0 2px var(--unread-color));
}
</style> </style>
@@ -22,6 +22,7 @@
--bg-input: #202020; --bg-input: #202020;
--bg-input-hover: #282828; --bg-input-hover: #282828;
--focus-color: #4060a0; --focus-color: #4060a0;
--unread-color: #beffa0;
--gradient-clickable: linear-gradient(to bottom, #404040, var(--bg-input) 65%, var(--bg-input)); --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)); --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; border-radius: 3px;
background-color: var(--bg-input); background-color: var(--bg-input);
} }
li.unread button {
color: var(--unread-color);
text-shadow: 0 0 5px var(--unread-color);
}
} }
/* message list */ /* message list */