add css classes for unread indicators
This commit is contained in:
@@ -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 */
|
||||||
|
|||||||
Reference in New Issue
Block a user