175 lines
4.7 KiB
CSS
175 lines
4.7 KiB
CSS
:root {
|
|
--servertd-height: 0px;
|
|
/* Default value */
|
|
--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: color-mix(in srgb, #2f2f2f 70%, var(--accent-color));
|
|
--black: #000;
|
|
--shadow: #000;
|
|
--focus: #8888ff;
|
|
--message-bg-hover: color-mix(in srgb, #191919 85%, var(--accent-color));
|
|
--typing-bg: #161616;
|
|
--timestamp-color: #a2a2a2;
|
|
--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, #2a2a2a 90%, var(--accent-color));
|
|
--channel-hover: color-mix(in srgb, #121212 70%, var(--accent-color));
|
|
--blank-bg: #323232;
|
|
--light-border: #92929B;
|
|
--settings-hover: color-mix(in srgb, #000000 95%, var(--accent-color) 5%);
|
|
--quote-bg: #7a798e;
|
|
--button-bg: color-mix(in srgb, #303030 80%, var(--accent-color));
|
|
--button-hover: #282832;
|
|
--textarea-bg: color-mix(in srgb, #484848 80%, var(--accent-color));
|
|
--filename: #47bbff;
|
|
--mention-bg: #F00;
|
|
--pronouns: #797979;
|
|
--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));
|
|
--channel-name-bg: color-mix(in srgb, #2a2a2a 80%, var(--accent-color));
|
|
--server-name-bg: color-mix(in srgb, #232323 90%, var(--accent-color));
|
|
--reply-border: #474b76;
|
|
--reply-bg: #0b0d20;
|
|
--reply-text: #acacac;
|
|
--spoiler-hover: #111111;
|
|
--spoiler-open-bg: #1e1e1e;
|
|
--unknown-file-bg: #141316;
|
|
--unknown-file-border: #474555;
|
|
--login-border: #131315;
|
|
--loading-bg: #22232c;
|
|
--dialog-bg: #33363d;
|
|
--dialog-border: #1c1b31;
|
|
--scrollbar-track: #34313c;
|
|
--scrollbar-thumb: #201f29;
|
|
--scrollbar-thumb-hover: #16161f;
|
|
--markdown-timestamp: #2f2f33;
|
|
--embed: color-mix(in srgb, #131313 90%, var(--accent-color));
|
|
--link: #8888ff;
|
|
--discovery-bg: #37373b;
|
|
--message-jump:#7678b0;
|
|
--icon-color:white;
|
|
--server-list: color-mix(in srgb, #1d1d1d 90%, var(--accent-color));
|
|
}
|
|
.WHITE-theme {
|
|
color-scheme: light;
|
|
--primary-text: #000;
|
|
--primary-bg: #FFF;
|
|
--black: #FFF;
|
|
--red: #dd6c6c;
|
|
--green: #639d63;
|
|
--shadow: #777;
|
|
--focus: #47bbff;
|
|
--message-bg-hover: #dedee2;
|
|
--typing-bg: #dad8d8;
|
|
--timestamp-color: #929297;
|
|
--code-bg: #cbcbcc;
|
|
--user-info-bg: #b0abc2;
|
|
--user-dock-bg: #b2b2c4;
|
|
--channels-bg: #cbcbd8;
|
|
--channel-hover: #b8b5cc;
|
|
--blank-bg: #ceccdd;
|
|
--light-border: #96959e;
|
|
--settings-hover: #b5b1bb;
|
|
--quote-bg: #7a798e;
|
|
--button-bg: #b7b7cc;
|
|
--button-hover: #FFF;
|
|
--textarea-bg: #b1b6ce;
|
|
--filename: #47bbff;
|
|
--mention-bg: #F00;
|
|
--pronouns: #6a6a6d;
|
|
--profile-bg: #cacad8;
|
|
--profile-info-bg: #bbbbce;
|
|
--server-border: #bebed3;
|
|
--channel-name-bg: #c0c0d4;
|
|
--server-name-bg: #a3a3b5;
|
|
--reply-border: #b1b2bd;
|
|
--reply-bg: #d4d6e9;
|
|
--reply-text: #2e2e30;
|
|
--spoiler-hover: #b9b9b9;
|
|
--spoiler-open-bg: #dadada;
|
|
--unknown-file-bg: #bdbdbd;
|
|
--unknown-file-border: #adadad;
|
|
--login-border: #c3c0e0;
|
|
--loading-bg: #b5b7cc;
|
|
--dialog-bg: #c1c8d6;
|
|
--dialog-border: #b9b7db;
|
|
--scrollbar-track: #d5d1e2;
|
|
--scrollbar-thumb: #b0afc0;
|
|
--scrollbar-thumb-hover: #a5a5b8;
|
|
--markdown-timestamp: #c8c8da;
|
|
--embed: #f2f3f5;
|
|
--link: #3333ee;
|
|
--discovery-bg: #c6c6d8;
|
|
--message-jump:#ccceff;
|
|
--icon-color:black;
|
|
}
|
|
.Light-theme {
|
|
color-scheme: light;
|
|
|
|
--primary-text: #000;
|
|
--primary-bg: #8e90c3;
|
|
--black: #fff;
|
|
--shadow: #000;
|
|
--focus: #5e50c5;
|
|
|
|
--message-bg-hover: #5757b5;
|
|
--typing-bg: #d4d6e9;
|
|
--profile-bg: #8075bf;
|
|
--profile-info-bg: #8075bf;
|
|
--timestamp-color: #000000;
|
|
--code-bg: #a89adf;
|
|
--info-bg: #6060a3;
|
|
--user-info-bg: #796f9a;
|
|
--user-dock-bg: #83839d;
|
|
--channels-bg: #c2c2d1;
|
|
--channel-hover: #726e88;
|
|
--blank-bg: #5e50c5;
|
|
--light-border: #000000;
|
|
--settings-hover: #b5b1bb;
|
|
--quote-bg: #7a798e;
|
|
--button-bg: #96969e;
|
|
--button-hover: #8e90c3;
|
|
--textarea-bg: #abb1cd;
|
|
--filename: #47bbff;
|
|
--mention-bg: #F00;
|
|
--pronouns: #202020;
|
|
--channel-name-bg: #c0c0d4;
|
|
--server-name-bg: #a3a3b5;
|
|
|
|
--server-border: #aaaac4;
|
|
--server-hover: #7f7fa8;
|
|
|
|
--reply-border: #474b76;
|
|
--reply-bg: #d4d6e9;
|
|
--reply-text: #38383d;
|
|
|
|
--spoiler-hover: #34333a;
|
|
--spoiler-open-bg: #767587;
|
|
|
|
--unknown-file-bg: #bdbdbd;
|
|
--unknown-file-border: #adadad;
|
|
|
|
--login-border: #c3c0e0;
|
|
--loading-bg: #b5b7cc;
|
|
|
|
--dialog-bg: #c1c8d6;
|
|
--dialog-border: #b9b7db;
|
|
|
|
--scrollbar-track: #d2cedf;
|
|
--scrollbar-thumb: #bdbcca;
|
|
--scrollbar-thumb-hover: #a7a7be;
|
|
--markdown-timestamp: #c8c8da;
|
|
--embed: #cdccd1;
|
|
--link: #5566cc;
|
|
--discovery-bg: #c6c6d8;
|
|
--message-jump:#ccceff;
|
|
--icon-color:black;
|
|
}
|