_colors.scss
ASCII text
1
// When color definition differs for dark and light variant,
2
// it gets @if ed depending on $variant
3
4
@function gtkalpha($c, $a) {
5
@return unquote("alpha(#{$c}, #{$a})");
6
}
7
8
@function gtkopacity($c, $a) {
9
@return scale-color($c, $alpha: percentage(-1 + $a));
10
}
11
12
//foreground colors
13
$fg_color: if($variant == 'light', gtkopacity(#000000, 0.8), #FFFFFF);
14
$secondary_fg_color: gtkopacity($fg_color, 0.75);
15
$tertiary_fg_color: gtkopacity($fg_color, 0.6);
16
17
$selected_fg_color: #FFFFFF;
18
$secondary_selected_fg_color: gtkopacity($selected_fg_color, 0.75);
19
$tertiary_selected_fg_color: gtkopacity($selected_fg_color, 0.6);
20
21
$insensitive_fg_color: gtkopacity($fg_color, 0.4);
22
$insensitive_secondary_fg_color: gtkopacity($secondary_fg_color, 0.4);
23
$insensitive_tertiary_fg_color: gtkopacity($tertiary_fg_color, 0.4);
24
25
$insensitive_selected_fg_color: gtkopacity($fg_color, 0.4);
26
$insensitive_secondary_selected_fg_color: gtkopacity($secondary_fg_color, 0.4);
27
$insensitive_tertiary_selected_fg_color: gtkopacity($tertiary_fg_color, 0.4);
28
29
//background colors
30
$bg_color: if($variant == 'light', #EEEEEE, #37474F);
31
$base_color: if($variant == 'light', #FFFFFF, #455A64);
32
$secondary_base_color: mix($base_color, $bg_color, 50%);
33
$light_color: if($variant =='light', #FAFAFA, #546E7A);
34
$dark_color: if($variant =='light', #E0E0E0, mix(#263238, #37474F, 50%));
35
36
$selected_bg_color: #26A69A;
37
$secondary_selected_bg_color: #00BFA5;
38
39
//miscellaneous colors
40
$track_color: gtkalpha(currentColor, 0.2);
41
$borders_color: if($variant == 'light', gtkopacity(#000000, 0.1), gtkopacity(#000000, 0.2));
42
$highlight_color: if($variant == 'light', gtkopacity(#FFFFFF, 0.4), gtkopacity(#FFFFFF, 0.1));
43
44
$link_color: #448AFF;
45
$link_visited_color: #E040FB;
46
47
$warning_color: #FF6D00;
48
$error_color: #DD2C00;
49
$success_color: #00C853;
50
51
$suggested_color: #FF4081;
52
$destructive_color: #FF5252;
53
$selection_color: #00BCD4;
54
55
$info_bg_color: #66BB6A;
56
$question_bg_color: #42A5F5;
57
$warning_bg_color: #FFA726;
58
$error_bg_color: #EF5350;
59
60