mirror of
https://gitlab.com/LinxGem33/X-Arc-White.git
synced 2026-02-02 17:08:53 +08:00
114 lines
2.7 KiB
SCSS
Executable File
114 lines
2.7 KiB
SCSS
Executable File
//
|
|
// When color definition differs for dark and light variant,
|
|
// it gets @if ed depending on $variant
|
|
//
|
|
|
|
|
|
//
|
|
// Foreground colors
|
|
//
|
|
$fg_color: #263238;
|
|
$secondary_fg_color: scale-color($fg_color, $alpha: -25%);
|
|
|
|
$dim_fg_color: scale-color($fg_color, $alpha: -60%);
|
|
|
|
$selected_fg_color: #FFFFFF;
|
|
|
|
$insensitive_fg_color: scale-color($fg_color, $alpha: -60%);
|
|
$insensitive_secondary_fg_color: scale-color($secondary_fg_color, $alpha: -60%);
|
|
|
|
|
|
//
|
|
// Inverted foreground colors
|
|
//
|
|
$inverted_fg_color: #ECEFF1;
|
|
$inverted_secondary_fg_color: scale-color($inverted_fg_color, $alpha: -25%);
|
|
$inverted_dim_fg_color: scale-color($inverted_fg_color, $alpha: -60%);
|
|
|
|
|
|
//
|
|
// Background colors
|
|
//
|
|
$bg_color: #FAFBFC;
|
|
$base_color: #FFFFFF;
|
|
$secondary_dark_color: #ECEFF1;
|
|
|
|
$fill_color: scale-color($fg_color, $alpha: -85%);
|
|
$semi_fill_color: scale-color($fg_color, $alpha: -93%);
|
|
|
|
$panel_bg_color: mix(#263238, #000000, 50%);
|
|
|
|
$selected_bg_color: #00BCD4;
|
|
|
|
$insensitive_bg_color: mix($bg_color, $base_color, 60%);
|
|
$insensitive_fill_color: scale-color($fill_color, $alpha: -60%);
|
|
|
|
|
|
//
|
|
// Inverted background colors
|
|
//
|
|
$inverted_bg_color: #3E515A;
|
|
$inverted_base_color: #455A64;
|
|
$inverted_dim_bg_color: scale-color($inverted_bg_color, $alpha: -80%);
|
|
|
|
|
|
//
|
|
// Accent colors
|
|
//
|
|
$accent_color: #4DB6AC;
|
|
$secondary_accent_color: scale-color($accent_color, $alpha: -20%);
|
|
$accent_fill_color: scale-color($accent_color, $alpha: -90%);
|
|
$accent_active_fill_color: scale-color($accent_color, $alpha: -75%);
|
|
|
|
|
|
//
|
|
// Misc colors
|
|
//
|
|
$borders_color: scale-color(#000000, $alpha: -88%);
|
|
$borders_edge: scale-color(#000000, $alpha: -95%);
|
|
$top_hilight: $borders_edge;
|
|
$borders_highlight: scale-color(#FFFFFF, $alpha: -93%);
|
|
|
|
$link_color: #03A9F4;
|
|
$link_visited_color: #9C27B0;
|
|
|
|
$warning_color: #FF9800;
|
|
$error_color: #F44336;
|
|
$success_color: #00E676;
|
|
|
|
$suggested_color: #009688;
|
|
|
|
$insensitive_borders_color: $borders_color;
|
|
|
|
|
|
//
|
|
// OSD Foreground colors
|
|
//
|
|
$osd_fg_color: $inverted_fg_color;
|
|
$osd_secondary_fg_color: scale-color($osd_fg_color, $alpha: -25%);
|
|
|
|
$osd_dim_fg_color: scale-color($osd_fg_color, $alpha: -50%);
|
|
|
|
$insensitive_osd_fg_color: scale-color($osd_fg_color, $alpha: -60%);
|
|
$insensitive_osd_secondary_fg_color: scale-color($osd_secondary_fg_color, $alpha: -60%);
|
|
|
|
|
|
//
|
|
// OSD Background colors
|
|
//
|
|
$osd_bg_color: mix(#263238, #37474F, 75%);
|
|
$osd_base_color: $inverted_base_color;
|
|
|
|
$osd_fill_color: scale-color($osd_fg_color, $alpha: -60%);
|
|
$osd_semi_fill_color: scale-color($osd_fg_color, $alpha: -80%);
|
|
$osd_slight_fill_color: scale-color($osd_fg_color, $alpha: -88%);
|
|
|
|
$osd_indicator_color: $selected_bg_color;
|
|
|
|
$osd_borders_color: $borders_color;
|
|
$osd_outer_borders_color: transparent;
|
|
$tooltip_borders_color: $osd_borders_color;
|
|
|
|
$insensitive_osd_fill_color: scale-color($osd_fill_color, $alpha: -60%);
|
|
|