28 lines
651 B
SCSS
28 lines
651 B
SCSS
@use 'sass:color';
|
|
|
|
body {
|
|
$accents: (
|
|
'red' #dc322f,
|
|
'orange' #cb4b16,
|
|
'yellow' #b58900,
|
|
'green' #859900,
|
|
'cyan' #2aa198,
|
|
'blue' #268bd2,
|
|
'violet' #6c71c4,
|
|
'magenta' #d33682,
|
|
);
|
|
|
|
--background-primary: #{color.adjust(#002b36, $lightness: -5%)};
|
|
--background-secondary: #002b36;
|
|
--background-tertiary: #000;
|
|
--foreground: #fdf6e3;
|
|
|
|
@each $name, $color in $accents {
|
|
/* stylelint-disable custom-property-pattern */
|
|
--#{$name}: #{$color};
|
|
--light-#{$name}: #{color.adjust($color, $lightness: 10%)};
|
|
--dark-#{$name}: #{color.adjust($color, $lightness: -10%)};
|
|
/* stylelint-enable */
|
|
}
|
|
}
|