fix badge-notificaiton color in favicon and notifications

This commit is contained in:
Henry Jameson 2024-02-28 22:28:15 +02:00
parent cf1345caca
commit 7575079da9
3 changed files with 23 additions and 7 deletions

View File

@ -9,6 +9,12 @@ export default {
notification: '.-notification'
},
defaultRules: [
{
component: 'Root',
directives: {
'--badgeNotification': 'color | --cRed'
}
},
{
directives: {
background: '--cGreen'

View File

@ -1,5 +1,3 @@
@import "../../variables";
.chat-message-wrapper {
&.hovered-message-chain {
.animated.Avatar {
@ -93,8 +91,7 @@
.error {
.status-content.media-body,
.created-at {
color: $fallback--cRed;
color: var(--badgeNotification, $fallback--cRed);
color: var(--badgeNotification);
}
}
@ -146,6 +143,5 @@
margin: 1.4em 0;
font-size: 0.9em;
user-select: none;
color: $fallback--text;
color: var(--faintedText, $fallback--text);
color: var(--textFaint);
}

View File

@ -15,9 +15,23 @@ export default {
defaultRules: [
{
directives: {
// These are here just to establish order,
// themes should override those
'--bg': 'color | #121a24',
'--fg': 'color | #182230',
'--text': 'color | #b9b9ba',
'--link': 'color | #d8a070',
'--cRed': 'color | #FF0000',
'--cBlue': 'color | #0095ff',
'--cGreen': 'color | #0fa00f',
'--cOrange': 'color | #ffa500',
// Fonts
'--font': 'generic | sans-serif',
'--monoFont': 'generic | monospace',
'--bg': 'color | #000000', // just to establish order
// Fallback no-background-image color
// (also useful in some other places like scrollbars)
'--wallpaper': 'color | --bg, -2'
}
}