// scss-lint:disable ColorVariable @import "functions"; // default color scheme $bg_color: if($variant == "dark", #%FG%, #%BG%); $fg_color: if($variant == "dark", #%BG%, #%FG%); $base_color: if($variant == "dark", #%TXT_FG%, #%TXT_BG%); $text_color: if($variant == "dark", #%TXT_BG%, #%TXT_FG%); $button_bg_color: if($variant == "dark", #%BTN_FG%, #%BTN_BG%); $button_fg_color: if($variant == "dark", #%BTN_BG%, #%BTN_FG%); $header_button_bg_color: #%HDR_BTN_BG%; $header_button_fg_color: #%HDR_BTN_FG%; $selected_bg_color: #%SEL_BG%; $selected_fg_color: #%SEL_FG%; $tooltip_bg_color: #%BG%; $tooltip_fg_color: #%FG%; // white and black //$black: #000; //$white: #fff; $black: shade($fg_color, .4); $white: lighten($bg_color, .55); // dark colors $dark_bg_color: #%HDR_BG%; $dark_fg_color: #%HDR_FG%; // shadows /*$dark_shadow: #000;*/ /*$light_shadow: #fff;*/ $dark_shadow: shade($fg_color, .2); $light_shadow: lighten($bg_color, .4); /*$selected_borders_color: if($variant == 'light', darken($selected_bg_color, 30%), darken($selected_bg_color, 20%));*/ /*$borders_color: if($variant == 'light', shade($bg_color, .85), shade($bg_color, .88));*/ $selected_borders_color: if($variant == 'light', mix($selected_bg_color, $fg_color, .3), darken($selected_bg_color, 20%)); $borders_color: mix($bg_color, $fg_color, if(lightness($bg_color) < 50%, .18, .1)); $borders_edge: if($variant == 'light', transparentize($white, .2), transparentize($fg_color, .93)); // caret $primary_caret_color: #%CARET1_FG%; $secondary_caret_color: #%CARET2_FG%; $caret_aspect_ratio: %CARET_SIZE%; /*$button_border_strength: if(lightness($bg) > 50, 0, .1);*/ /*$button_shadow_strength: if(lightness($bg) > 50, 0, .1);*/ $button_border_strength: .16; $button_border: alpha($button_fg_color, $button_border_strength); $entry_border: $borders_color; $scrollbar_bg_color: if($variant == 'light', darken($bg_color, 5%), mix($base_color, $bg_color, .4)); $scrollbar_slider_color: mix($bg_color, $fg_color, .5); $scrollbar_slider_hover_color: mix($bg_color, $fg_color, .7); $scrollbar_slider_active_color: if($variant == 'light', darken($selected_bg_color, 5%), lighten($selected_bg_color, 10%)); $switch_disabled_bg_color: mix($bg_color, $base_color, .5); $switch_disabled_border_color: $bg_color; $switch_disabled_fg_color: $bg_color; $switch_disabled_slider_bg_color: $bg_color; $switch_bg_color: mix($bg_color, $base_color, .3); $switch_fg_color: $text_color; $switch_slider_bg_color: mix($text_color, $bg_color, .5); //$link_color: mix($selected_bg_color, $fg_color, .3); $link_color: #%TERMINAL_COLOR4%; $success_color: #%TERMINAL_COLOR10%; $warning_color: #%TERMINAL_COLOR11%; $error_color: #%TERMINAL_COLOR9%; $info_fg_color: #%TERMINAL_BACKGROUND%; $info_bg_color: #%TERMINAL_COLOR12%; $warning_fg_color: #%TERMINAL_BACKGROUND%; $warning_bg_color: $warning_color; $question_fg_color: #%TERMINAL_BACKGROUND%; $question_bg_color: $info_bg_color; $error_fg_color: #%TERMINAL_BACKGROUND%; $error_bg_color: $error_color; $toolbar_bg_color: $bg_color; $toolbar_fg_color: $fg_color; $titlebar_bg_focused: $dark_bg_color; $titlebar_bg_unfocused: $bg_color; $titlebar_fg_focused: $dark_fg_color; $titlebar_fg_unfocused: mix($fg_color, $bg_color, .4); $menu_bg_color: $dark_bg_color; $menu_fg_color: $dark_fg_color; $menubar_bg_color: $dark_bg_color; $menubar_fg_color: $dark_fg_color; $panel_bg_color: $dark_bg_color; $panel_fg_color: $dark_fg_color; $osd_base: $dark_bg_color; $osd_text_color: $dark_fg_color; $osd_bg: alpha($osd_base, .8); $osd_fg: $osd_text_color; $osd_insensitive_bg_color: mix($osd_fg, $osd_bg, .5); $osd_insensitive_fg_color: mix($osd_fg, $osd_base, .6); $osd_borders_color: shade($osd_bg, .85); $lightdm_bg_color: $dark_bg_color; $lightdm_fg_color: $dark_fg_color; $lightdm_button_bg_color: $header_button_bg_color; $lightdm_button_fg_color: $header_button_fg_color; $wm_bg_focused: $titlebar_bg_focused; $wm_bg_unfocused: $titlebar_bg_unfocused; $wm_border_focused: #%WM_BORDER_FOCUS%; $wm_border_unfocused: #%WM_BORDER_UNFOCUS%; $wm_title_focused: $titlebar_fg_focused; $wm_title_unfocused: $titlebar_fg_unfocused; $wm_icons_focused: $titlebar_fg_focused; $wm_icons_focused_prelight: $selected_bg_color; $wm_icons_focused_pressed: shade($selected_bg_color, .8); $wm_icons_unfocused: $titlebar_fg_unfocused; $wm_icons_unfocused_prelight: $selected_bg_color; $wm_icons_unfocused_pressed: shade($selected_bg_color, .8); //insensitive state derived colors $insensitive_fg_color: mix($fg_color, $bg_color, .5); $insensitive_bg_color: mix($bg_color, $base_color, .6); $insensitive_borders_color: $borders_color; //colors for the backdrop state, derived from the main colors. $backdrop_base_color: if($variant == 'light', darken($base_color, .01), lighten($base_color, .01)); $backdrop_text_color: mix($backdrop_base_color, $text_color, .8); $backdrop_bg_color: $bg_color; $backdrop_fg_color: mix($fg_color, $backdrop_bg_color, .5); $backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%)); $backdrop_selected_bg_color: $selected_bg_color; $backdrop_selected_fg_color: mix($selected_bg_color, $selected_fg_color, .66); $backdrop_borders_color: mix($bg_color, $borders_color, .9); $backdrop_dark_fill: mix($backdrop_bg_color, $backdrop_borders_color, .35); $backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, .5); $backdrop_osd_base: $osd_base; $backdrop_osd_bg: $osd_bg; $backdrop_osd_fg: mix($osd_fg, $backdrop_osd_base, .5); $backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%); $backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, .4); $backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color, $backdrop_base_color, .2)); $drop_target_color: #%SEL_BG%; // widget styles $_roundness: %ROUNDNESS%; $_spacing: %SPACING%; $roundness: %ROUNDNESS%px; $spacing: %SPACING%px; $gradient: %GRADIENT%; $contrast: .8; $outline_width: %OUTLINE_WIDTH%px; $button_outline_width: %BTN_OUTLINE_WIDTH%px; $button_outline_offset: %BTN_OUTLINE_OFFSET%px;