29 lines
No EOL
890 B
SCSS
29 lines
No EOL
890 B
SCSS
@use 'sass:color';
|
|
|
|
$dark-theme: false !default;
|
|
|
|
$color-1: #B29B89;
|
|
$color-2: #89B29B;
|
|
$color-3: #9B89B2;
|
|
$color-highlight: #cf2d2dff;
|
|
|
|
$text-color: color.adjust($color-1, $lightness: -30%);
|
|
$text-highlight: color.adjust($color-1, $lightness: +30%);
|
|
|
|
$link-color: color.adjust($color-3, $lightness: -25%);
|
|
$link-hover-color: color.adjust($color-3, $lightness: +20%);
|
|
|
|
@if $dark-theme {
|
|
$text-color: color.adjust($color-1, $lightness: -10%);
|
|
$text-highlight: color.adjust($color-1, $lightness: +10%);
|
|
$color-highlight: color.adjust($color-highlight, $lightness: +10%);
|
|
|
|
$link-color: color.adjust($color-3, $lightness: -5%);
|
|
$link-hover-color: color.adjust($color-3, $lightness: +10%);
|
|
|
|
$color-1: color.adjust($color-1, $lightness: -47%);
|
|
$color-2: color.adjust($color-2, $lightness: -47%);
|
|
$color-3: color.adjust($color-2, $lightness: -47%);
|
|
}
|
|
|
|
$margin: 5px; |