A fork of the Materia GTK theme.

Important information: Google announced that, from September 2026, Android devices will require ALL apps to be signed by Google, effectively leading to an iOS situation. Value your right to a computer that does what you want; do not tolerate this monopolistic practice! Contact me if you don't understand why it is bad. Click to learn more.

 _colors.scss

View raw Download
text/plain • 2.54 kiB
ASCII text
        
            
1
// When color definition differs for dark and light variant,
2
// it gets @if ed depending on $variant
3
4
@function scale-alpha($c, $a) {
5
@return scale-color($c, $alpha: percentage(-1 + $a));
6
}
7
8
// Foreground colors
9
$fg_color: if($variant == 'light', scale-alpha(#000000, 0.8), #FFFFFF);
10
$secondary_fg_color: scale-alpha($fg_color, $secondary_opacity);
11
$tertiary_fg_color: scale-alpha($fg_color, $tertiary_opacity);
12
13
$selected_fg_color: #FFFFFF;
14
$secondary_selected_fg_color: scale-alpha($selected_fg_color, $secondary_opacity);
15
$tertiary_selected_fg_color: scale-alpha($selected_fg_color, $tertiary_opacity);
16
17
$insensitive_fg_color: scale-alpha($fg_color, $disabled_opacity);
18
$insensitive_secondary_fg_color: scale-alpha($secondary_fg_color, $disabled_opacity);
19
$insensitive_tertiary_fg_color: scale-alpha($tertiary_fg_color, $disabled_opacity);
20
21
$insensitive_selected_fg_color: scale-alpha($selected_fg_color, $disabled_opacity);
22
$insensitive_secondary_selected_fg_color: scale-alpha($secondary_selected_fg_color, $disabled_opacity);
23
$insensitive_tertiary_selected_fg_color: scale-alpha($tertiary_selected_fg_color, $disabled_opacity);
24
25
// Background colors
26
$base_color: if($variant == 'light', #FAFAFA, #607D8B);
27
$secondary_base_color: scale-alpha($fg_color, 0.05);
28
$bg_color: scale-alpha(#000000, $middle_opacity);
29
$osd_bg_color: scale-alpha(#000000, $lower_opacity);
30
$overview_bg_color: scale-alpha(#FFFFFF, 0.1);
31
$topbar_color: if($titlebar == 'dark', #263238, $bg_color);
32
33
$selected_bg_color: #42A5F5;
34
$secondary_selected_bg_color: #40C4FF;
35
$accent_bg_color: #FF4081;
36
37
// Misc colors
38
$track_color: scale-alpha($fg_color, $lower_opacity);
39
$semi_track_color: scale-alpha($fg_color, $lower_opacity / 2);
40
$insensitive_track_color: scale-alpha($insensitive_fg_color, $lower_opacity);
41
42
$selected_track_color: scale-alpha($selected_fg_color, $lower_opacity);
43
$selected_semi_track_color: scale-alpha($selected_fg_color, $lower_opacity / 2);
44
$selected_insensitive_track_color: scale-alpha($insensitive_selected_fg_color, $lower_opacity);
45
46
$borders_color: if($variant == 'light', scale-alpha(#000000, 0.1), scale-alpha(#000000, 0.2));
47
$highlight_color: if($variant == 'light', scale-alpha(#FFFFFF, 0.4), scale-alpha(#FFFFFF, 0.1));
48
$secondary_highlight_color: scale-alpha(#FFFFFF, 0.2);
49
50
$link_color: $selected_bg_color;
51
$link_visited_color: #E040FB;
52
53
$warning_color: #FF6D00;
54
$error_color: #DD2C00;
55
$success_color: #00C853;
56
57
$suggested_color: $accent_bg_color;
58
$destructive_color: #FF5252;
59
60
$info_bg_color: #66BB6A;
61
$question_bg_color: #42A5F5;
62
$warning_bg_color: #FFA726;
63
$error_bg_color: #EF5350;
64
65