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