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