101 lines
No EOL
3.2 KiB
CSS
101 lines
No EOL
3.2 KiB
CSS
/* direct copy of of colors.css with --ayu-accent swapped out for my green goo :] */
|
|
|
|
/* i use ayu since i feel like it fits the theme better
|
|
https://raw.githubusercontent.com/ayu-theme/ayu-colors
|
|
for a quick ref/cheatsheet try https://raw.githubusercontent.com/ayu-theme/ayu-colors/refs/heads/master/colors.svg
|
|
(only works in chromium for some reason)
|
|
|
|
and also:
|
|
|
|
--ayu-s-tag for blue
|
|
--ayu-v-added for green
|
|
--ayu-s-constant for purple
|
|
--ayu-s-keyword for orange
|
|
--ayu-s-special for yellow
|
|
--ayu-s-markup OR --ayu-error for red
|
|
|
|
--ayu-e-bg AND --ayu-ui-fg used for "regular" viewing colors, otherwise use
|
|
--ayu-ui-fg AND --ayu-ui-bg for more "unimportant" sections
|
|
--ayu-uip-bg can be used as a "subbackground" color of sorts
|
|
--ayu-accent for the "accent" yellow, used for the "branding"
|
|
*/
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
/* ayu light */
|
|
:root {
|
|
--ayu-s-tag: #55B4D4;
|
|
--ayu-s-func: #F2AE49;
|
|
--ayu-s-entity: #399EE6;
|
|
--ayu-s-string: #86B300;
|
|
--ayu-s-regexp: #4CBF99;
|
|
--ayu-s-markup: #F07171;
|
|
--ayu-s-keyword: #FA8D3E;
|
|
--ayu-s-special: #E6BA7E;
|
|
--ayu-s-comment: #787B8099;
|
|
--ayu-s-constant: #A37ACC;
|
|
--ayu-s-operator: #ED9366;
|
|
--ayu-v-added: #6CBF43;
|
|
--ayu-v-modified: #478ACC;
|
|
--ayu-v-removed: #FF7383;
|
|
--ayu-e-fg: #5C6166;
|
|
--ayu-e-bg: #FCFCFC;
|
|
--ayu-e-line: #8A91991A;
|
|
--ayu-es-active: #035BD626;
|
|
--ayu-es-inactive: #035BD612;
|
|
--ayu-efm-active: #9F40FF2B;
|
|
--ayu-efm-inactive: #9F40FFCC;
|
|
--ayu-eg-active: #8A9199CC;
|
|
--ayu-eg-normal: #8A919966;
|
|
--ayu-eig-active: #8A919959;
|
|
--ayu-eig-normal: #8A91992E;
|
|
--ayu-ui-fg: #8A9199;
|
|
--ayu-ui-bg: #F8F9FA;
|
|
--ayu-ui-line: #6B7D8F1F;
|
|
--ayu-uis-active: #56728F1F;
|
|
--ayu-uis-normal: #6B7D8F1F;
|
|
--ayu-uip-bg: #F3F4F5;
|
|
--ayu-uip-shadow: #00000026;
|
|
--ayu-accent: #65FF88;
|
|
--ayu-error: #E65050;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
/* ayu dark */
|
|
:root {
|
|
--ayu-s-tag: #39BAE6;
|
|
--ayu-s-func: #FFB454;
|
|
--ayu-s-entity: #59C2FF;
|
|
--ayu-s-string: #AAD94C;
|
|
--ayu-s-regexp: #95E6CB;
|
|
--ayu-s-markup: #F07178;
|
|
--ayu-s-keyword: #FF8F40;
|
|
--ayu-s-special: #E6B673;
|
|
--ayu-s-comment: #ACB6BF8C;
|
|
--ayu-s-constant: #D2A6FF;
|
|
--ayu-s-operator: #F29668;
|
|
--ayu-v-added: #7FD962;
|
|
--ayu-v-modified: #73B8FF;
|
|
--ayu-v-removed: #F26D78;
|
|
--ayu-e-fg: #BFBDB6;
|
|
--ayu-e-bg: #0D1017;
|
|
--ayu-e-line: #131721;
|
|
--ayu-es-active: #409FFF4D;
|
|
--ayu-es-inactive: #409FFF21;
|
|
--ayu-efm-active: #6C5980;
|
|
--ayu-efm-inactive: #6C598066;
|
|
--ayu-eg-active: #6C7380E6;
|
|
--ayu-eg-normal: #6C738099;
|
|
--ayu-eig-active: #6C738080;
|
|
--ayu-eig-normal: #6C738033;
|
|
--ayu-ui-fg: #565B66;
|
|
--ayu-ui-bg: #0B0E14;
|
|
--ayu-ui-line: #11151C;
|
|
--ayu-uis-active: #47526640;
|
|
--ayu-uis-normal: #47526633;
|
|
--ayu-uip-bg: #0F131A;
|
|
--ayu-uip-shadow: #00000080;
|
|
--ayu-accent: #65FF88;
|
|
--ayu-error: #D95757;
|
|
}
|
|
} |