55 lines
1.5 KiB
SCSS
55 lines
1.5 KiB
SCSS
|
$small-breakpoint: 600px;
|
||
|
|
$medium-breakpoint: 900px;
|
||
|
|
$large-breakpoint: 1200px;
|
||
|
|
$extra-large-breakpoint: 1800px;
|
||
|
|
|
||
|
|
$dark-highlight-1: #e95678;
|
||
|
|
$dark-highlight-2: #fac29a;
|
||
|
|
$dark-highlight-3: #b877db;
|
||
|
|
$dark-highlight-4: #25b2bc;
|
||
|
|
$dark-highlight-5: #09f7a0;
|
||
|
|
|
||
|
|
$dark-highlights: $dark-highlight-1, $dark-highlight-2, $dark-highlight-3, $dark-highlight-4, $dark-highlight-5;
|
||
|
|
|
||
|
|
$dark-theme: (
|
||
|
|
'background-1': #16161c,
|
||
|
|
'background-2': #1c1e26,
|
||
|
|
'background-3': #1a1c23,
|
||
|
|
'foreground-1': #fdf0ed,
|
||
|
|
'foreground-2': #fadad1,
|
||
|
|
'foreground-3': #f9cbbe,
|
||
|
|
'accent-1': #59e3e3,
|
||
|
|
'accent-2': #ee64ae,
|
||
|
|
'highlight-1': $dark-highlight-1,
|
||
|
|
'highlight-2': $dark-highlight-2,
|
||
|
|
'highlight-3': $dark-highlight-3,
|
||
|
|
'highlight-4': $dark-highlight-4,
|
||
|
|
'highlight-5': $dark-highlight-5,
|
||
|
|
'highlights': $dark-highlights,
|
||
|
|
);
|
||
|
|
|
||
|
|
$light-highlight-1: #da103f;
|
||
|
|
$light-highlight-2: #f77d26;
|
||
|
|
$light-highlight-3: #8931b9;
|
||
|
|
$light-highlight-4: #1eaeae;
|
||
|
|
$light-highlight-5: #1eb980;
|
||
|
|
|
||
|
|
$light-highlights: $light-highlight-1, $light-highlight-2, $light-highlight-3, $light-highlight-4, $light-highlight-5;
|
||
|
|
|
||
|
|
$light-theme: (
|
||
|
|
'background-1': #f9cbbe,
|
||
|
|
'background-2': #fadad1,
|
||
|
|
'background-3': scale-color(#fadad1, $lightness: 10%),
|
||
|
|
'foreground-1': #16161c,
|
||
|
|
'foreground-2': #1c1e26,
|
||
|
|
'foreground-3': #1a1c23,
|
||
|
|
'accent-1': #1d8991,
|
||
|
|
'accent-2': #f43e5c,
|
||
|
|
'highlight-1': $light-highlight-1,
|
||
|
|
'highlight-2': $light-highlight-2,
|
||
|
|
'highlight-3': $light-highlight-3,
|
||
|
|
'highlight-4': $light-highlight-4,
|
||
|
|
'highlight-5': $light-highlight-5,
|
||
|
|
'highlights': $light-highlights,
|
||
|
|
);
|