51 lines
1.4 KiB
SCSS
51 lines
1.4 KiB
SCSS
$small-breakpoint: 600px;
|
|
$medium-breakpoint: 900px;
|
|
$large-breakpoint: 1200px;
|
|
$extra-large-breakpoint: 1800px;
|
|
|
|
$dark-highlight-1: #f99fb1;
|
|
$dark-highlight-2: #faa56c;
|
|
$dark-highlight-3: #d2b83a;
|
|
$dark-highlight-4: #96c839;
|
|
$dark-highlight-5: #3bd18a;
|
|
|
|
$dark-highlights: $dark-highlight-1, $dark-highlight-2, $dark-highlight-3, $dark-highlight-4, $dark-highlight-5;
|
|
|
|
$dark-theme: (
|
|
'background-1': #1f1731,
|
|
'background-2': #2a2041,
|
|
'foreground-1': #f2efff,
|
|
'foreground-2': #e6deff,
|
|
'accent-1': #41c8e5,
|
|
'accent-2': #f99add,
|
|
'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: #8b123c;
|
|
$light-highlight-2: #6a3b11;
|
|
$light-highlight-3: #514610;
|
|
$light-highlight-4: #384d10;
|
|
$light-highlight-5: #115133;
|
|
|
|
$light-highlights: $light-highlight-1, $light-highlight-2, $light-highlight-3, $light-highlight-4, $light-highlight-5;
|
|
|
|
$light-theme: (
|
|
'background-1': #e6deff,
|
|
'background-2': #f2efff,
|
|
'foreground-1': #1f1731,
|
|
'foreground-2': #2a2041,
|
|
'accent-1': #17477e,
|
|
'accent-2': #81156a,
|
|
'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,
|
|
);
|