2024-03-25 13:34:36 -04:00
|
|
|
//
|
|
|
|
// High Contrast theme definitions
|
|
|
|
//
|
|
|
|
// this is an always dark theme, so no 'light' theme conditions
|
2023-05-25 17:25:11 -04:00
|
|
|
|
|
|
|
@import '_palette.scss';
|
2024-03-25 13:34:36 -04:00
|
|
|
@import '_default-colors.scss';
|
2023-05-25 17:25:11 -04:00
|
|
|
|
2024-03-25 13:34:36 -04:00
|
|
|
// global colors
|
|
|
|
$base_color: $dark_5;
|
|
|
|
$bg_color: lighten($base_color, 10%);
|
|
|
|
$fg_color: $light_1;
|
2023-05-25 17:25:11 -04:00
|
|
|
|
2024-03-25 13:34:36 -04:00
|
|
|
// OSD elements
|
|
|
|
$osd_fg_color: $light_1;
|
|
|
|
$osd_bg_color: $base_color;
|
2023-05-25 17:25:11 -04:00
|
|
|
|
2024-03-25 13:34:36 -04:00
|
|
|
// system elements
|
|
|
|
$system_base_color: $dark_5;
|
|
|
|
$system_fg_color: $light_1;
|
2023-05-25 17:25:11 -04:00
|
|
|
|
2024-03-25 13:34:36 -04:00
|
|
|
// panel colors
|
|
|
|
$panel_bg_color: $dark_5;
|
|
|
|
$panel_fg_color: $light_1;
|
2023-05-25 17:25:11 -04:00
|
|
|
|
2024-03-25 13:34:36 -04:00
|
|
|
// card elements
|
|
|
|
$card_bg_color: $bg_color;
|
|
|
|
$card_shadow_color: transparent;
|
|
|
|
$card_shadow_border_color: $card_bg_color;
|
2023-05-25 17:25:11 -04:00
|
|
|
|
2024-03-25 13:34:36 -04:00
|
|
|
//
|
|
|
|
// Derived Colors
|
|
|
|
//
|
|
|
|
// colors based on the global defines above
|
2023-05-25 17:25:11 -04:00
|
|
|
|
2024-03-25 13:34:36 -04:00
|
|
|
// borders
|
|
|
|
$borders_color: transparentize($fg_color, $border_opacity);
|
|
|
|
$outer_borders_color: $borders_color;
|
2023-05-25 17:25:11 -04:00
|
|
|
|
2024-03-25 13:34:36 -04:00
|
|
|
// osd colors
|
2023-05-25 17:25:11 -04:00
|
|
|
$osd_borders_color: transparentize($osd_fg_color, 0.8);
|
|
|
|
$osd_outer_borders_color: $osd_borders_color;
|
|
|
|
|
2024-03-25 13:34:36 -04:00
|
|
|
// system colors
|
2023-05-25 17:25:11 -04:00
|
|
|
$system_bg_color: lighten($system_base_color, 5%);
|
|
|
|
$system_borders_color: transparentize($system_fg_color, .9);
|
|
|
|
$system_insensitive_fg_color: mix($system_fg_color, $system_bg_color, 50%);
|
|
|
|
$system_overlay_bg_color: mix($system_bg_color, $system_fg_color, 90%);
|
|
|
|
|
|
|
|
// insensitive state
|
2024-03-25 13:34:36 -04:00
|
|
|
$insensitive_fg_color: $fg_color;
|
2023-05-25 17:25:11 -04:00
|
|
|
$insensitive_bg_color: mix($bg_color, $base_color, 60%);
|
|
|
|
$insensitive_borders_color: $borders_color;
|
|
|
|
|
|
|
|
// checked state
|
2024-03-25 13:34:36 -04:00
|
|
|
$checked_bg_color: lighten($bg_color, 18%);
|
|
|
|
$checked_fg_color: lighten($fg_color, 18%);
|
2023-05-25 17:25:11 -04:00
|
|
|
|
|
|
|
// hover state
|
2024-03-25 13:34:36 -04:00
|
|
|
$hover_bg_color: lighten($bg_color, 20%);
|
|
|
|
$hover_fg_color: lighten($fg_color, 20%);
|
2023-05-25 17:25:11 -04:00
|
|
|
|
|
|
|
// active state
|
2024-03-25 13:34:36 -04:00
|
|
|
$active_bg_color: lighten($bg_color, 22%);
|
|
|
|
$active_fg_color: lighten($fg_color, 22%);
|
|
|
|
|
2024-09-19 20:40:52 -04:00
|
|
|
// accent colors
|
|
|
|
$accent_borders_color: st-lighten(-st-accent-color, 30%);
|
2024-03-25 13:34:36 -04:00
|
|
|
|
|
|
|
//
|
|
|
|
// High Contrast specific definitions
|
|
|
|
//
|
|
|
|
|
|
|
|
// color for outline drawn onto all elements (may be a border or a box-shadow)
|
|
|
|
$hc_inset_color: transparentize($fg_color, 0.6);
|
|
|
|
|
|
|
|
// color used in a mixin in _drawing to boost a color's contrast
|
|
|
|
$hc_mix_color: $light_1;
|
2023-05-25 17:25:11 -04:00
|
|
|
|
2024-03-25 13:34:36 -04:00
|
|
|
// the mix factor used to boost contrast of a color in the above mixin
|
|
|
|
$hc_mix_factor: 87%;
|