42 lines
1.2 KiB
SCSS
42 lines
1.2 KiB
SCSS
|
// Color
|
||
|
|
$soft_blue: #c8e3f8;
|
||
|
|
$soft_blue_super_lighten: lighten( $soft_blue, 12% );
|
||
|
|
$soft_blue_very_lighten: lighten( $soft_blue, 10% );
|
||
|
|
$soft_blue_lighten: lighten( $soft_blue, 5% );
|
||
|
|
$soft_blue_very_darken: darken( $soft_blue, 30% );
|
||
|
|
|
||
|
|
$strong_blue: #1e88e5;
|
||
|
|
$strong_blue_darken: darken( $strong_blue, 10% );
|
||
|
|
$strong_blue_super_darken: darken( $strong_blue, 40% );
|
||
|
|
$strong_blue_lighten: lighten( $strong_blue, 17% );
|
||
|
|
$strong_blue_very_lighten: lighten( $strong_blue, 40% );
|
||
|
|
$strong_blue_super_light: lighten( $strong_blue, 46% );
|
||
|
|
|
||
|
|
$orange: #ffa608;
|
||
|
|
$orange_lighten: lighten( $orange, 10% );
|
||
|
|
$orange_very_lighten: lighten( $orange, 30% );
|
||
|
|
$orange_super_lighten: lighten( $orange, 40% );
|
||
|
|
$orange_darken: darken( $orange, 5% );
|
||
|
|
$orange_very_darken: darken( $orange, 10% );
|
||
|
|
|
||
|
|
$red_error: #990000;
|
||
|
|
$red: #ff0000;
|
||
|
|
$red_lighten: lighten( $red, 17% );
|
||
|
|
|
||
|
|
$grey_almost_white: #f8f8f8;
|
||
|
|
$grey_super_light: #efefef;
|
||
|
|
$grey_very_light: lightgrey;
|
||
|
|
$grey_light: #aaa;
|
||
|
|
$grey_normal: grey;
|
||
|
|
$grey_dark: #606060;
|
||
|
|
$grey_very_dark: #404040;
|
||
|
|
$grey_super_dark: #333;
|
||
|
|
|
||
|
|
$violet: #921ee5;
|
||
|
|
$violet_light: lighten($violet, 20%);
|
||
|
|
$violet_lighter: lighten($violet, 47%);
|
||
|
|
|
||
|
|
|
||
|
|
$link: $strong_blue;
|
||
|
|
|
||
|
|
$popup_border: $soft_blue;
|