ASCII text
1
// When color definition differs for dark and light variant,
2
// it gets @if ed depending on $variant
3
@import 'color-palette';
5
@function gtkalpha($c, $a) {
7
@return unquote("alpha(#{$c}, #{$a})");
8
}
9
// Foreground colors
11
$dark_fg_color: %FG%;
12
$light_fg_color: %BG%;
13
$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
$fill_color: rgba(%FG%, 0.04);
23
$titlebar_fg_color: %MENU_FG%;
25
$titlebar_secondary_fg_color: rgba(%MENU_FG%, 0.7);
26
$titlebar_hint_fg_color: rgba(%MENU_FG%, 0.5);
27
$titlebar_disabled_fg_color: rgba(%MENU_FG%, 0.5);
28
$titlebar_disabled_secondary_fg_color: rgba(%MENU_FG%, 0.3);
29
$titlebar_track_color: rgba(%MENU_FG%, 0.3);
30
$titlebar_divider_color: rgba(%MENU_FG%, 0.12);
31
$titlebar_fill_color: rgba(%MENU_FG%, 0.04);
32
$inverse_fg_color: %SEL_FG%;
34
$inverse_secondary_fg_color: rgba(%SEL_FG%, 0.7);
35
$inverse_hint_fg_color: rgba(%SEL_FG%, 0.5);
36
$inverse_disabled_fg_color: rgba(%SEL_FG%, 0.5);
37
$inverse_disabled_secondary_fg_color: rgba(%SEL_FG%, 0.3);
38
$inverse_track_color: rgba(%SEL_FG%, 0.3);
39
$inverse_divider_color: rgba(%SEL_FG%, 0.12);
40
$inverse_fill_color: rgba(%SEL_FG%, 0.04);
41
// Background colors
43
$bg_color: %BG%;
44
$base_color: %TXT_BG%;
45
$alt_base_color: %INACTIVE_TXT_BG%;
46
$popup_bg_color: %TXT_BG%;
47
$alt_lighter_bg_color: if($variant == 'light', %BG2%, %MENU_BG%); // for gnome-shell sub menu
48
$button_bg_color: %BTN_BG%;
49
$titlebar_bg_color: %MENU_BG%;
51
$panel_bg_color: rgba(black, %GNOME_SHELL_PANEL_OPACITY%);
53
$alt_panel_bg_color: rgba(black, 0.3);
54
$inverse_panel_bg_color: rgba(white, 0.1);
55
$solid_panel_bg_color: if($titlebar == 'dark', %MENU_BG3%, $panel_bg_color);
56
$opaque_panel_bg_color: %MENU_BG3%; // for Unity panel which cannot use translucent colors
57
$gdm_bg_color: %MENU_BG3%;
59
$hover_bg_color: gtkalpha(currentColor, 0.08);
61
$focus_bg_color: gtkalpha(currentColor, 0.12);
62
$hover_focus_bg_color: gtkalpha(currentColor, 0.16);
63
$active_bg_color: gtkalpha(currentColor, 0.12);
64
$checked_bg_color: gtkalpha(currentColor, 0.24);
65
// Misc colors
67
$primary_color: %SEL_BG%;
68
$alt_primary_color: %SEL_BG2%;
69
$secondary_color: %ACCENT_BG%;
70
$disabled_secondary_color: rgba($secondary_color, 0.5);
71
$link_color: %TERMINAL_COLOR4%;
73
$visited_link_color: %TERMINAL_COLOR5%;
74
$warning_color: %TERMINAL_COLOR11%;
76
$error_color: %TERMINAL_COLOR9%;
77
$success_color: %TERMINAL_COLOR10%;
78
$suggested_color: $secondary_color;
80
$destructive_color: $error_color;
81
$info_bg_color: %TERMINAL_COLOR12%;
83
$question_bg_color: $info_bg_color;
84
$warning_bg_color: $warning_color;
85
$error_bg_color: $error_color;
86
$tooltip_bg_color: rgba(%MENU_BG%, 0.9);
88
$tooltip_fg_color: %MENU_FG%;
89
$border_color: if($variant == 'light', rgba(black, 0.12), rgba(black, 0.26));
91
$alt_border_color: rgba(black, 0.26); // for non-native GTK+ apps (e.g. Firefox and Chrome)
92
$highlight_color: if($variant == 'light', rgba(white, 0.4), rgba(white, 0.1));
93
$titlebar_highlight_color: if($titlebar == 'dark', rgba(white, 0.1), rgba(white, 0.4));
94
$alt_highlight_color: rgba(white, 0.2); // for selection-mode headerbar which colored with $primary_color
95
$titlebar_indicator_color: if($titlebar == 'dark', currentColor, $primary_color);
96
// FIXME: Electron/Atom menu does not allow translucent colors
98
$opaque_fg_color: %FG%;
99
$opaque_secondary_fg_color: mix(%FG%, $popup_bg_color, percentage(0.7));
100
$opaque_disabled_fg_color: mix(%FG%, $popup_bg_color, percentage(0.5));
101
$opaque_divider_color: mix(%FG%, $popup_bg_color, percentage(0.12));
102
// FIXME: gtk @placeholder_text_color does not allow translucent colors
104
$placeholder_text_color: mix(%FG%, $base_color, percentage(0.7));
105