_colors.scss.template
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
$secondary_fg_color: rgba(%FG%, 0.7);
16
$disabled_fg_color: rgba(%FG%, 0.5);
17
$disabled_secondary_fg_color: rgba(%FG%, 0.3);
18
$track_color: rgba(%FG%, 0.3);
19
$divider_color: rgba(%FG%, 0.12);
20
$fill_color: rgba(%FG%, 0.04);
21
22
$titlebar_fg_color: %MENU_FG%;
23
$titlebar_secondary_fg_color: rgba(%MENU_FG%, 0.7);
24
$titlebar_disabled_fg_color: rgba(%MENU_FG%, 0.5);
25
$titlebar_disabled_secondary_fg_color: rgba(%MENU_FG%, 0.3);
26
$titlebar_track_color: rgba(%MENU_FG%, 0.3);
27
$titlebar_divider_color: rgba(%MENU_FG%, 0.12);
28
$titlebar_fill_color: rgba(%MENU_FG%, 0.04);
29
30
$inverse_fg_color: %SEL_FG%;
31
$inverse_secondary_fg_color: rgba(%SEL_FG%, 0.7);
32
$inverse_disabled_fg_color: rgba(%SEL_FG%, 0.5);
33
$inverse_disabled_secondary_fg_color: rgba(%SEL_FG%, 0.3);
34
$inverse_track_color: rgba(%SEL_FG%, 0.3);
35
$inverse_divider_color: rgba(%SEL_FG%, 0.12);
36
$inverse_fill_color: rgba(%SEL_FG%, 0.04);
37
38
// Background colors
39
$bg_color: %BG%;
40
$base_color: %TXT_BG%;
41
$alt_base_color: %INACTIVE_TXT_BG%;
42
$surface_color: %BTN_BG%;
43
$alt_lighter_bg_color: if($variant == 'light', %BG2%, %MENU_BG%); // for gnome-shell sub menu
44
45
$titlebar_bg_color: %MENU_BG%;
46
47
$panel_bg_color: rgba(black, %GNOME_SHELL_PANEL_OPACITY%);
48
$alt_panel_bg_color: rgba(black, 0.3);
49
$inverse_panel_bg_color: rgba(white, 0.1);
50
$solid_panel_bg_color: if($titlebar == 'dark', %MENU_BG3%, $panel_bg_color);
51
$opaque_panel_bg_color: %MENU_BG3%; // for Unity panel which cannot use translucent colors
52
53
$gdm_bg_color: %MENU_BG3%;
54
55
$hover_overlay_color: gtkalpha(currentColor, 0.08);
56
$focus_overlay_color: gtkalpha(currentColor, 0.12);
57
$hover_focus_overlay_color: gtkalpha(currentColor, 0.16);
58
$active_overlay_color: gtkalpha(currentColor, 0.12);
59
$checked_overlay_color: gtkalpha(currentColor, 0.24);
60
61
// Misc colors
62
$primary_color: %SEL_BG%;
63
$alt_primary_color: %SEL_BG2%;
64
$selected_overlay_color: rgba($primary_color, %MATERIA_SELECTION_OPACITY%);
65
66
$link_color: %TERMINAL_COLOR4%;
67
$visited_link_color: %TERMINAL_COLOR5%;
68
69
$warning_color: %TERMINAL_COLOR11%;
70
$error_color: %TERMINAL_COLOR9%;
71
$success_color: %TERMINAL_COLOR10%;
72
73
$suggested_color: $primary_color;
74
$destructive_color: $error_color;
75
76
$info_bg_color: %TERMINAL_COLOR12%;
77
$question_bg_color: $info_bg_color;
78
$warning_bg_color: $warning_color;
79
$error_bg_color: $error_color;
80
81
$tooltip_bg_color: rgba(%MENU_BG%, 0.9);
82
$tooltip_fg_color: %MENU_FG%;
83
84
$border_color: if($variant == 'light', rgba(black, 0.12), rgba(black, 0.26));
85
$alt_border_color: rgba(black, 0.26); // for non-native GTK+ apps (e.g. Firefox and Chrome)
86
$highlight_color: if($variant == 'light', rgba(white, 0.4), rgba(white, 0.1));
87
$titlebar_highlight_color: if($titlebar == 'dark', rgba(white, 0.1), rgba(white, 0.4));
88
$alt_highlight_color: rgba(white, 0.2); // for selection-mode headerbar which colored with $primary_color
89
$titlebar_indicator_color: if($titlebar == 'dark', currentColor, $primary_color);
90
91
// FIXME: Electron/Atom menu does not allow translucent colors
92
$opaque_fg_color: %FG%;
93
$opaque_secondary_fg_color: mix(%FG%, $surface_color, percentage(0.7));
94
$opaque_disabled_fg_color: mix(%FG%, $surface_color, percentage(0.5));
95
$opaque_divider_color: mix(%FG%, $surface_color, percentage(0.12));
96
97
// FIXME: gtk @placeholder_text_color does not allow translucent colors
98
$placeholder_text_color: mix(%FG%, $base_color, percentage(0.7));
99