/* 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; } }