47 lines
No EOL
1.9 KiB
CSS
47 lines
No EOL
1.9 KiB
CSS
/*
|
|
/ colors
|
|
/ ======
|
|
/ default colors and extra colors specified here
|
|
/ colors yoinked as is from https://gogh-co.github.io/Gogh/
|
|
/ maybe some modifications here and there, but otherwise what is named is what is used
|
|
*/
|
|
|
|
:root {
|
|
--background: light-dark(#fafafa, #121418);
|
|
--foreground: light-dark(#575f66, #caccd3);
|
|
--accent: light-dark(#f2ae49, #efbd58);
|
|
--link: light-dark(hsl(from var(--accent) h s calc(l - 30)), var(--accent))
|
|
|
|
/* light theme is Ayu Light, dark theme is modified Astrodark */
|
|
|
|
--black: light-dark(#8A9199, #576176);
|
|
--red: light-dark(#F51818, #FAA5AB);
|
|
--green: light-dark(#86B300, #A5CD84);
|
|
--yellow: light-dark(#F2AE49, #EFBD58);
|
|
--blue: light-dark(#399EE6, #8DC3F1);
|
|
--purple: light-dark(#A37ACC, #DEAEED);
|
|
--cyan: light-dark(#4CBF99, #27FFDF);
|
|
--white: light-dark(#FAFAFA, #CACCD3);
|
|
|
|
--dark-black: light-dark(#575F66, #111317);
|
|
--dark-red: light-dark(#F51818, #F8747E);
|
|
--dark-green: light-dark(#86B300, #75AD47);
|
|
--dark-yellow: light-dark(#F2AE49, #D09214);
|
|
--dark-blue: light-dark(#399EE6, #50A4E9);
|
|
--dark-purple: light-dark(#A37ACC, #CC83E3);
|
|
--dark-cyan: light-dark(#4CBF99, #00B298);
|
|
--dark-white: light-dark(#FAFAFA, #ADB0BB);
|
|
|
|
--border: light-dark(hsl(from var(--foreground) h s calc(l + 45)), hsl(from var(--background) h s calc(l + 15)));
|
|
--hover: light-dark(hsl(from var(--background) h s calc(l - 20)), hsl(from var(--background) h s calc(l + 10)));
|
|
--shadow: light-dark(rgba(from var(--foreground) r g b / .8), rgba(from var(--background) r g b / .8));
|
|
--focused: light-dark(var(--dark-purple), var(--dark-purple))
|
|
|
|
--pagefind-ui-font: var(--font-family);
|
|
--pagefind-ui-primary: var(--foreground);
|
|
--pagefind-ui-text: var(--foreground);
|
|
--pagefind-ui-background: var(--background);
|
|
--pagefind-ui-border: var(--accent);
|
|
--pagefind-ui-tag: var(--background);
|
|
--site-border: .1rem solid var(--border);
|
|
} |