colors on vesktop
parent
a358cd1ee9
commit
8f30595824
|
|
@ -31,9 +31,9 @@
|
||||||
--bg-3: #641a1a; /* color of neutral buttons when hovered. */
|
--bg-3: #641a1a; /* color of neutral buttons when hovered. */
|
||||||
|
|
||||||
/* state modifiers */
|
/* state modifiers */
|
||||||
--hover: #641a1a; /* color of hovered elements. */
|
--hover: #5018dd;/* color of hovered elements. */
|
||||||
--active: #5018dd; /* color of elements when clicked. */
|
--active: #E40046;/* color of elements when clicked. */
|
||||||
--selected: #E40046; /* color of selected elements. */
|
--selected: #5018dd; /* color of selected elements. */
|
||||||
|
|
||||||
/* text colors */
|
/* text colors */
|
||||||
--txt-dark: var(--bg-0); /* color of dark text on colored backgrounds. */
|
--txt-dark: var(--bg-0); /* color of dark text on colored backgrounds. */
|
||||||
|
|
@ -49,7 +49,7 @@
|
||||||
--acc-2: #5018dd; /* color of accent buttons when clicked. */
|
--acc-2: #5018dd; /* color of accent buttons when clicked. */
|
||||||
|
|
||||||
/* borders */
|
/* borders */
|
||||||
--border-width: 2px; /* panel border thickness. */
|
--border-width: 5px; /* panel border thickness. */
|
||||||
--border-color: #5018dd; /* panel border color. */
|
--border-color: #5018dd; /* panel border color. */
|
||||||
--border-hover-color: #E40046; /* panel border color when hovered. */
|
--border-hover-color: #E40046; /* panel border color when hovered. */
|
||||||
--border-transition: 0.2s ease; /* panel border transition. */
|
--border-transition: 0.2s ease; /* panel border transition. */
|
||||||
|
|
@ -61,8 +61,8 @@
|
||||||
--streaming-dot: var(--purple); /* color of streaming dot. */
|
--streaming-dot: var(--purple); /* color of streaming dot. */
|
||||||
|
|
||||||
/* mention/ping and message colors */
|
/* mention/ping and message colors */
|
||||||
--mention-txt: #f50505; /* color of mention text. */
|
--mention-txt: #5018dd; /* color of mention text. */
|
||||||
--mention-bg: #5018dd; /* background highlight of mention text. */
|
--mention-bg: #E40046; /* background highlight of mention text. */
|
||||||
--mention-overlay: color-mix(in oklch, var(--acc-0), transparent 90%); /* overlay color of messages that mention you. */
|
--mention-overlay: color-mix(in oklch, var(--acc-0), transparent 90%); /* overlay color of messages that mention you. */
|
||||||
--mention-hover-overlay: color-mix(in oklch, var(--acc-0), transparent 95%); /* overlay color of messages that mention you when hovered. */
|
--mention-hover-overlay: color-mix(in oklch, var(--acc-0), transparent 95%); /* overlay color of messages that mention you when hovered. */
|
||||||
--reply-overlay: var(--active); /* overlay color of message you are replying to. */
|
--reply-overlay: var(--active); /* overlay color of message you are replying to. */
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue