mirror of
https://github.com/fooflington/selfdefined.git
synced 2025-10-30 21:58:32 +00:00
7f7943d2fc
* feat(dark mode): set up first set of colors * feat(dark mode): define state colours * 🧹 * feat(dark mode): variablify all teh wordz * feat(dark mode): set colors on body * feat(dark mode): replace hard coded color value * feat(dark mode): 🌑 * feat(a11y): update link focus styles - restores visible focus in windows high contrast mode - increases visibility in boxes with bg colour * feat(dark mode): enable postcss * 💅 * feat(dark mode): add user control * chore: use generic headline name * feat(dark mode): hide switch until script loads * feat(dark mode): increase link contrast * add content warning to footer nav partial * feat(dark mode): replace hard coded colour value in alertbox * feat(dark mode): tone down text colour * feat(dark mode): properly invert code elements * 🧹 move box styles into own partial * feat(dark mode): use darker colour as background for links
21 lines
564 B
SCSS
21 lines
564 B
SCSS
$colors: (
|
|
red: hsl(0, 100%, 50%),
|
|
green: hsl(120, 100%, 25%),
|
|
dark-red: hsl(0, 100%, 32.2%),
|
|
pink: hsl(349.5, 100%, 87.6%),
|
|
berry: hsl(350deg 54% 44%),
|
|
dark-green: hsl(120s, 100%, 15%),
|
|
pale-green: hsl(120, 73%, 80%),
|
|
yellow: hsl(50, 100%, 50%),
|
|
dark-yellow: hsl(50, 100%, 20%),
|
|
pale-yellow: hsl(50, 100%, 86%),
|
|
black: hsl(0, 0%, 13%),
|
|
black-transparent: hsla(0, 0%, 13%, 85%),
|
|
white-transparent: hsl(0, 0%, 100%, 85%),
|
|
light-grey: hsl(0, 0%, 92%),
|
|
dark-grey: hsl(0, 0%, 31%),
|
|
mid-grey: hsl(0, 0%, 46.3%)
|
|
);
|
|
|
|
$browser-context: 16;
|