accent color support
This commit is contained in:
parent
3c5cb3df6c
commit
c27a9af9bd
8 changed files with 134 additions and 21 deletions
|
@ -4,36 +4,37 @@
|
|||
--red: red;
|
||||
--green: green;
|
||||
--yellow:yellow;
|
||||
--accent-color:#242443;
|
||||
}
|
||||
.Dark-theme { /* thanks to TomatoCake for the updated CSS vars and such*/
|
||||
color-scheme: dark;
|
||||
--primary-text: #FFF;
|
||||
--primary-bg: #282832;
|
||||
--primary-bg: color-mix(in srgb, #2f2f2f 70%, var(--accent-color));
|
||||
--black: #000;
|
||||
--shadow: #000;
|
||||
--focus: #8888ff;
|
||||
--message-bg-hover: #1e1e28;
|
||||
--message-bg-hover: color-mix(in srgb, #191919 85%, var(--accent-color));
|
||||
--typing-bg: #161616;
|
||||
--timestamp-color: #a2a2a2;
|
||||
--code-bg: #101014;
|
||||
--user-info-bg: #323039;
|
||||
--user-dock-bg: #1a1a23;
|
||||
--channels-bg: #32323c;
|
||||
--channel-hover: #1c1b25;
|
||||
--code-bg: color-mix(in srgb, #121212 95%, var(--accent-color));
|
||||
--user-info-bg: color-mix(in srgb,#383838 85%, var(--accent-color));
|
||||
--user-dock-bg: color-mix(in srgb,#111111 90%, var(--accent-color));
|
||||
--channels-bg: color-mix(in srgb,#3f3f3f 70%, var(--accent-color));
|
||||
--channel-hover:color-mix(in srgb, #2c2c2c 70%, var(--accent-color));
|
||||
--blank-bg: #1b1b1b;
|
||||
--light-border: #92929B;
|
||||
--settings-hover: #0e0d10;
|
||||
--settings-hover: color-mix(in srgb, #000000 95%, var(--accent-color) 5%);
|
||||
--quote-bg: #7a798e;
|
||||
--button-bg: #1b1b28;
|
||||
--button-bg: color-mix(in srgb, #303030 80%, var(--accent-color));
|
||||
--button-hover: #282832;
|
||||
--textarea-bg: #26272c;
|
||||
--textarea-bg: color-mix(in srgb, #272727 85%, var(--accent-color));
|
||||
--filename: #47bbff;
|
||||
--mention-bg: #F00;
|
||||
--pronouns: #797979;
|
||||
--profile-bg: #2e2d33;
|
||||
--profile-info-bg: #1a1a1e;
|
||||
--server-border: #1b1b24;
|
||||
--server-bg: #252530;
|
||||
--profile-bg: color-mix(in srgb, #232323 90%, var(--accent-color));
|
||||
--profile-info-bg: color-mix(in srgb, #121212 90%, var(--accent-color));
|
||||
--server-border: color-mix(in srgb, #000000 80%, var(--accent-color));
|
||||
--server-bg: color-mix(in srgb, #2a2a2a 80%, var(--accent-color));
|
||||
--reply-border: #474b76;
|
||||
--reply-bg: #0b0d20;
|
||||
--reply-text: #acacac;
|
||||
|
@ -49,7 +50,7 @@
|
|||
--scrollbar-thumb: #201f29;
|
||||
--scrollbar-thumb-hover: #16161f;
|
||||
--markdown-timestamp: #2f2f33;
|
||||
--embed: #1a1823;
|
||||
--embed: color-mix(in srgb, #131313 90%, var(--accent-color));
|
||||
--link: #8888ff;
|
||||
--discovery-bg: #37373b;
|
||||
--message-jump:#7678b0;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue