1// When color definition differs for dark and light variant 2// it gets @if ed depending on $variant 3 4$light_fg: #2e3436; 5$dark_fg: #eeeeec; 6$light_bg: $light_2; 7$dark_bg: darken(desaturate($dark_3, 100%), 4%); 8 9$accent_bg_color: gtkcolor(accent_bg_color); 10$accent_fg_color: gtkcolor(accent_fg_color); 11$accent_color: gtkcolor(accent_color); 12 13$destructive_bg_color: gtkcolor(destructive_bg_color); 14$destructive_fg_color: gtkcolor(destructive_fg_color); 15$destructive_color: gtkcolor(destructive_color); 16 17$success_color: gtkcolor(success_color); 18$warning_color: gtkcolor(warning_color); 19$error_color: gtkcolor(error_color); 20 21$base_color: if($variant == 'light', $light_1, lighten(desaturate($dark_4, 100%), 2%)); 22$text_color: if($variant == 'light', black, white); 23$bg_color: if($variant == 'light', $light_bg, $dark_bg); 24$fg_color: if($variant == 'light', $light_fg, $dark_fg); 25 26$borders_color: gtkalpha(currentColor, .15); 27$thin_borders_color: gtkalpha(currentColor, .05); 28$link_color: $accent_color; 29$link_visited_color: gtkmix($accent_color, $text_color, 80%); 30$dark_fill: if($variant == 'light', darken($bg_color, 9%), darken($bg_color, 5%)); 31$headerbar_bg_color: darken($bg_color, if($variant == 'dark', 5%, 10%)); 32$headerbar_fg_color: $fg_color; 33$headerbar_border_color: $fg_color; 34$menu_color: $base_color; 35 36$view_hover_color: gtkalpha(currentColor, .07); 37$view_active_color: gtkalpha(currentColor, .16); 38$view_selected_color: gtkalpha(currentColor, .1); 39$view_selected_hover_color: gtkalpha(currentColor, .13); 40$view_selected_active_color: gtkalpha(currentColor, .19); 41 42$trough_color: gtkalpha(currentColor, .15); 43$trough_hover_color: gtkalpha(currentColor, .2); 44$trough_active_color: gtkalpha(currentColor, .25); 45 46$fill_color: $accent_bg_color; 47$fill_text_color: $accent_fg_color; 48$fill_hover_color: gtkmix($accent_bg_color, currentColor, 90%); 49$fill_active_color: gtkmix($accent_bg_color, black, 80%); 50 51$slider_color: mix(white, $base_color, 80%); 52$slider_hover_color: white; 53 54$osd_fg_color: $dark_fg; 55$osd_text_color: white; 56$osd_bg_color: transparentize(black, 0.3); 57 58$sidebar_bg_color: mix($bg_color, $base_color, 50%); 59 60$tooltip_borders_color: transparentize(white, 0.9); 61$shadow_color: transparentize(black, 0.9); 62 63$drop_target_color: if($variant == 'light', $green_4, $green_5); 64 65//special cased widget colors 66$focus_border_color: gtkalpha($accent_bg_color, 0.5); 67$alt_focus_border_color: if($variant == 'light', transparentize(white, 0.2), transparentize(white,0.7)); 68$dim_label_opacity: 0.55; 69 70// High Contrast color overrides 71@if $contrast == 'high' { 72 73 $fg_color: if($variant == 'light', darken($fg_color, 3%), lighten($fg_color, 2%)); 74 $bg_color: if($variant == 'light', lighten($bg_color, 3%), darken($bg_color, 2%)); 75 $borders_color: gtkalpha(currentColor, .5); 76 $thin_borders_color: gtkalpha(currentColor, .25); 77 78 //focus rings 79 $focus_border_color: gtkalpha($accent_bg_color, 0.8); 80 $alt_focus_border_color: if($variant == 'light', white, transparentize(white,0.4)); 81 82 $dim_label_opacity: 0.9; 83 84 $trough_color: gtkalpha(currentColor, .3); 85 $trough_hover_color: gtkalpha(currentColor, .4); 86 $trough_active_color: gtkalpha(currentColor, .5); 87} 88