|
98
|
1 // Import the default colours
|
|
|
2 @import 'colors';
|
|
|
3
|
|
|
4 // Override some colours
|
|
|
5 $base_color: #C6C6C6;
|
|
|
6 $bg_color: #C6C6C6;
|
|
|
7 $fg_color: #161616;
|
|
|
8 $selected_bg_color: #5E7F3E;
|
|
|
9 $selected_borders_color: darken($selected_bg_color, 20%);
|
|
|
10 $borders_color: darken($bg_color,30%);
|
|
|
11 $alt_borders_color: if($variant == 'light', darken($bg_color, 35%), darken($bg_color, 17%));
|
|
|
12 $borders_edge: transparentize(lighten($bg_color, 30%), 0.9);
|
|
|
13 $dark_fill: mix($borders_color, $bg_color, 35%);
|
|
|
14 $link_color: darken($selected_bg_color,10%);
|
|
|
15 $link_visited_color: darken($selected_bg_color,20%);
|
|
|
16 $top_hilight: $borders_edge;
|
|
|
17 $popover_bg_color: $bg_color;
|
|
|
18 $popover_hover_color: lighten($bg_color, 5%);
|
|
|
19 $menu_color: $bg_color;
|
|
|
20 $menu_selected_color: if($variant == 'light', darken($bg_color, 6%), darken($bg_color, 8%));
|
|
|
21 $destructive_color: darken($destructive_color, 15%);
|
|
|
22
|
|
|
23 $scrollbar_bg_color: darken($bg_color, 7%);
|
|
|
24
|
|
|
25 $sidebar_bg_color: darken($bg_color,5%);
|
|
|
26
|
|
|
27 //insensitive state derived colors
|
|
|
28 $insensitive_fg_color: mix($fg_color, $bg_color, 50%);
|
|
|
29 $insensitive_bg_color: mix($bg_color, $base_color, 60%);
|
|
|
30 $insensitive_borders_color: $borders_color;
|
|
|
31
|
|
|
32 //colors for the backdrop state, derived from the main colors.
|
|
|
33 $backdrop_base_color: darken($base_color, 1%);
|
|
|
34 $backdrop_text_color: mix($text_color, $backdrop_base_color, 80%);
|
|
|
35 $backdrop_bg_color: $bg_color;
|
|
|
36 $backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%);
|
|
|
37 $backdrop_insensitive_color: darken($backdrop_bg_color, 15%);
|
|
|
38 $backdrop_selected_fg_color: $selected_fg_color;
|
|
|
39 $backdrop_selected_bg_color: desaturate($selected_bg_color,100%);
|
|
|
40 $backdrop_borders_color: mix($borders_color, $bg_color, 90%);
|
|
|
41 $backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%);
|
|
|
42 $backdrop_sidebar_bg_color: darken($backdrop_bg_color,5%);
|
|
|
43 $backdrop_menu_color: $backdrop_bg_color;
|
|
|
44
|
|
|
45 $scrollbar_slider_active_color: $selected_bg_color;
|
|
|
46 $backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, 50%);
|
|
|
47 $backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%);
|
|
|
48
|
|
|
49 //special cased widget colors
|
|
|
50 $suggested_bg_color: $selected_bg_color;
|
|
|
51 $suggested_border_color: $selected_borders_color;
|
|
|
52 $progress_bg_color: $selected_bg_color;
|
|
|
53 $progress_border_color: $selected_borders_color;
|
|
|
54 $checkradio_bg_color: if($variant == 'light', $selected_bg_color, lighten($selected_bg_color,10%));
|
|
|
55 $checkradio_fg_color: $selected_fg_color;
|
|
|
56 $checkradio_borders_color: if($variant == 'light', darken($checkradio_bg_color,20%), darken($checkradio_bg_color,40%));
|
|
|
57 $focus_border_color: if($variant == 'light', transparentize($selected_bg_color, 0.5), transparentize($selected_bg_color, 0.3));
|
|
|
58 $switch_bg_color: $selected_bg_color;
|
|
|
59 $switch_borders_color: if($variant == 'light',darken($switch_bg_color,15%),darken($switch_bg_color,30%));
|
|
|
60
|
|
|
61 // Add our own colours
|
|
|
62 $text_input_color: #F0F0F0;
|
|
|
63 $backdrop_text_input_color: darken($text_input_color, 1%);
|
|
|
64 $bg_dark_color: #3D3D3D;
|
|
|
65 $fg_dark_color: #dddddd;
|
|
|
66 $insensitive_dark_fg_color: mix($fg_dark_color, $bg_dark_color, 50%);
|
|
|
67 $titlebar_highlight: #4c4c4c;
|
|
|
68 $header_button_raised_gradient_color_a: lighten($bg_dark_color, 10%);
|
|
|
69 $header_button_checked: darken($bg_dark_color, 5%);
|
|
|
70 $header_button_border: darken($bg_dark_color, 5%);
|
|
|
71 $header_button_border_unfocused: darken($bg_dark_color, 5%);
|
|
|
72 $menu_fg_dark_color: #cccccc;
|
|
|
73 $focused_entry_outer: transparentize($selected_bg_color, 0.45);
|
|
|
74 $bg_gradient_1: lighten($bg_color, 20%);
|
|
|
75 $bg_gradient_2: lighten($bg_color, 10%);
|
|
|
76 $bg_gradient_3: lighten($bg_color, 5%);
|
|
|
77 $bg_prelight: $bg_gradient_1;
|
|
|
78 $selected_bg_color_hover: lighten($selected_bg_color, 10%);
|
|
|
79 $selected_bg_color_shade: darken($selected_bg_color, 10%);
|
|
|
80 $selected_bg_border: darken($selected_bg_color, 20%);
|
|
|
81 $title_fg: #fff;
|
|
|
82 $header_separator: lighten($bg_dark_color, 10%);
|
|
|
83 $fg_color_emphasis: darken($fg_color, 50%);
|
|
|
84 $fg_color_de_emphasis: lighten($fg_color, 20%);
|
|
|
85 $unfocused_fg_color: $backdrop_fg_color;
|
|
|
86 $unfocused_insensitive_fg_color: lighten($insensitive_fg_color, 20%);
|
|
|
87 $transparent_outline: #383436; |
