50 lines
1.7 KiB
SCSS
50 lines
1.7 KiB
SCSS
// Named Colors
|
|
|
|
// base colors
|
|
$_base_color_dark: desaturate($dark_4, 100%);
|
|
$_base_color_light: desaturate($light_2, 100%);
|
|
|
|
// colors for destructive elements
|
|
$destructive_bg_color: if($variant == 'light', $red_3, $red_4);
|
|
$destructive_fg_color: $light_1;
|
|
$destructive_color: $destructive_bg_color;
|
|
|
|
// colors for levelbars, entries, labels and infobars
|
|
$success_bg_color: if($variant == 'light', $green_4, $green_5);
|
|
$success_fg_color: $light_1;
|
|
$success_color: $success_bg_color;
|
|
|
|
$warning_bg_color: if($variant == 'light', $yellow_4, $yellow_3);
|
|
$warning_fg_color: transparentize(black, .2);
|
|
$warning_color: $warning_bg_color;
|
|
|
|
$error_bg_color: if($variant == 'light', $red_3, $red_4);
|
|
$error_fg_color: $light_1;
|
|
$error_color: $error_bg_color;
|
|
|
|
// link colors
|
|
$link_color: if($variant == 'light', st-darken(-st-accent-color, 10%), st-lighten(-st-accent-color, 20%));
|
|
$link_visited_color: st-transparentize($link_color, .6);
|
|
|
|
// special cased widget definitions
|
|
$background_mix_factor: if($variant == 'light', 12%, 9%); // used to boost the color of backgrounds in different variants
|
|
$border_opacity: if($variant == 'light', .85, .9); // change the border opacity in different variants
|
|
|
|
// shadows
|
|
$shadow_color: if($variant == 'light', rgba(0,0,0,.05), rgba(0,0,0,0.2));
|
|
$text_shadow_color: if($variant == 'light', rgba(255,255,255,0.3), rgba(0,0,0,0.2));
|
|
|
|
// focus colors
|
|
$focus_color: -st-accent-color;
|
|
$focus_border_color: st-transparentize($focus_color, 0.5);
|
|
|
|
// High Contrast overrides
|
|
@if $contrast == 'high' {
|
|
// increase border opacity
|
|
$border_opacity: .5;
|
|
// remove shadows
|
|
$shadow_color: transparent;
|
|
$text_shadow_color: transparent;
|
|
// less transparent focus color
|
|
$focus_border_color: st-transparentize($focus_color, 0.2);
|
|
}
|