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.template

View raw Download
text/plain • 3.9 kiB
ASCII text
        
            
1
// When color definition differs for dark and light variant,
2
// it gets @if ed depending on $variant
3
4
@import 'color-palette';
5
6
@function gtkalpha($c, $a) {
7
@return unquote("alpha(#{$c}, #{$a})");
8
}
9
10
// Foreground colors
11
$dark_fg_color: %FG%;
12
$light_fg_color: %BG%;
13
14
$fg_color: %FG%;
15
$button_fg_color: %BTN_FG%; // extra fg color for raised buttons
16
$secondary_fg_color: rgba(%FG%, 0.7);
17
$hint_fg_color: rgba(%FG%, 0.5);
18
$disabled_fg_color: rgba(%FG%, 0.5);
19
$disabled_secondary_fg_color: rgba(%FG%, 0.3);
20
$track_color: rgba(%FG%, 0.3);
21
$divider_color: rgba(%FG%, 0.12);
22
23
$titlebar_fg_color: %MENU_FG%;
24
$titlebar_secondary_fg_color: rgba(%MENU_FG%, 0.7);
25
$titlebar_hint_fg_color: rgba(%MENU_FG%, 0.5);
26
$titlebar_disabled_fg_color: rgba(%MENU_FG%, 0.5);
27
$titlebar_disabled_secondary_fg_color: rgba(%MENU_FG%, 0.3);
28
$titlebar_track_color: rgba(%MENU_FG%, 0.3);
29
$titlebar_divider_color: rgba(%MENU_FG%, 0.12);
30
31
$inverse_fg_color: %SEL_FG%;
32
$inverse_secondary_fg_color: rgba(%SEL_FG%, 0.7);
33
$inverse_hint_fg_color: rgba(%SEL_FG%, 0.5);
34
$inverse_disabled_fg_color: rgba(%SEL_FG%, 0.5);
35
$inverse_disabled_secondary_fg_color: rgba(%SEL_FG%, 0.3);
36
$inverse_track_color: rgba(%SEL_FG%, 0.3);
37
$inverse_divider_color: rgba(%SEL_FG%, 0.12);
38
39
// Background colors
40
$bg_color: %BG%;
41
$base_color: %TXT_BG%;
42
$alt_base_color: %INACTIVE_TXT_BG%;
43
$popup_bg_color: %TXT_BG%;
44
$alt_lighter_bg_color: if($variant == 'light', %BG2%, %MENU_BG%); // for gnome-shell sub menu
45
$button_bg_color: %BTN_BG%;
46
47
$titlebar_bg_color: %MENU_BG%;
48
49
$panel_bg_color: rgba(black, %GNOME_SHELL_PANEL_OPACITY%);
50
$alt_panel_bg_color: rgba(black, 0.3);
51
$inverse_panel_bg_color: rgba(white, 0.1);
52
$solid_panel_bg_color: if($titlebar == 'dark', %MENU_BG3%, $panel_bg_color);
53
$opaque_panel_bg_color: %MENU_BG3%; // for Unity panel which cannot use translucent colors
54
55
$gdm_bg_color: %MENU_BG3%;
56
57
$fill_color: gtkalpha(currentColor, 0.24);
58
$semi_fill_color: gtkalpha(currentColor, 0.12);
59
$row_fill_color: gtkalpha(currentColor, 0.06);
60
61
// Misc colors
62
$primary_color: %SEL_BG%;
63
$alt_primary_color: %SEL_BG2%;
64
$secondary_color: %ACCENT_BG%;
65
$disabled_secondary_color: rgba($secondary_color, 0.5);
66
67
$link_color: %TERMINAL_COLOR4%;
68
$visited_link_color: %TERMINAL_COLOR5%;
69
70
$warning_color: %TERMINAL_COLOR11%;
71
$error_color: %TERMINAL_COLOR9%;
72
$success_color: %TERMINAL_COLOR10%;
73
74
$suggested_color: $secondary_color;
75
$destructive_color: $error_color;
76
77
$info_bg_color: %TERMINAL_COLOR12%;
78
$question_bg_color: $info_bg_color;
79
$warning_bg_color: $warning_color;
80
$error_bg_color: $error_color;
81
82
$tooltip_bg_color: rgba(%MENU_BG%, 0.9);
83
$tooltip_fg_color: %MENU_FG%;
84
85
$border_color: if($variant == 'light', rgba(black, 0.12), rgba(black, 0.26));
86
$alt_border_color: rgba(black, 0.26); // for non-native GTK+ apps (e.g. Firefox and Chrome)
87
$highlight_color: if($variant == 'light', rgba(white, 0.4), rgba(white, 0.1));
88
$titlebar_highlight_color: if($titlebar == 'dark', rgba(white, 0.1), rgba(white, 0.4));
89
$alt_highlight_color: rgba(white, 0.2); // for selection-mode headerbar which colored with $primary_color
90
$titlebar_indicator_color: if($titlebar == 'dark', currentColor, $primary_color);
91
92
// FIXME: Electron/Atom menu does not allow translucent colors
93
$opaque_fg_color: %FG%;
94
$opaque_secondary_fg_color: mix(%FG%, $popup_bg_color, percentage(0.7));
95
$opaque_disabled_fg_color: mix(%FG%, $popup_bg_color, percentage(0.5));
96
$opaque_divider_color: mix(%FG%, $popup_bg_color, percentage(0.12));
97
98
// FIXME: gtk @placeholder_text_color does not allow translucent colors
99
$placeholder_text_color: mix(%FG%, $base_color, percentage(0.7));
100