-
Notifications
You must be signed in to change notification settings - Fork 254
/
_colors.scss
101 lines (81 loc) · 4.84 KB
/
_colors.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
// When color definition differs for dark and light variant,
// it gets @if ed depending on $variant
@import 'color-palette';
$google_blue_color: #4285F4;
$google_green_color: #34A853;
$google_yellow_color: #FBBC05;
$google_red_color: #EA4335;
@function gtkalpha($c, $a) {
@return unquote("alpha(#{$c}, #{$a})");
}
// Foreground colors
$dark_fg_color: rgba(black, 0.87);
$light_fg_color: white;
$fg_color: if($variant == 'light', rgba(black, 0.87), white);
$secondary_fg_color: if($variant == 'light', rgba(black, 0.54), rgba(white, 0.7));
$disabled_fg_color: if($variant == 'light', rgba(black, 0.38), rgba(white, 0.5));
$disabled_secondary_fg_color: if($variant == 'light', rgba(black, 0.26), rgba(white, 0.3));
$track_color: if($variant == 'light', rgba(black, 0.26), rgba(white, 0.3));
$divider_color: if($variant == 'light', rgba(black, 0.12), rgba(white, 0.12));
$fill_color: if($variant == 'light', rgba(black, 0.04), rgba(white, 0.04));
$titlebar_fg_color: if($topbar == 'light', rgba(black, 0.87), white);
$titlebar_secondary_fg_color: if($topbar == 'light', rgba(black, 0.54), rgba(white, 0.7));
$titlebar_disabled_fg_color: if($topbar == 'light', rgba(black, 0.38), rgba(white, 0.5));
$titlebar_disabled_secondary_fg_color: if($topbar == 'light', rgba(black, 0.26), rgba(white, 0.3));
$titlebar_track_color: if($topbar == 'light', rgba(black, 0.26), rgba(white, 0.3));
$titlebar_divider_color: if($topbar == 'light', rgba(black, 0.12), rgba(white, 0.12));
$titlebar_fill_color: if($topbar == 'light', rgba(black, 0.04), rgba(white, 0.04));
$inverse_fg_color: white;
$inverse_secondary_fg_color: rgba(white, 0.7);
$inverse_disabled_fg_color: rgba(white, 0.5);
$inverse_disabled_secondary_fg_color: rgba(white, 0.3);
$inverse_track_color: rgba(white, 0.3);
$inverse_divider_color: rgba(white, 0.12);
$inverse_fill_color: rgba(white, 0.04);
// Background colors
$bg_color: if($variant == 'light', #F2F2F2, #282828);
$base_color: if($variant == 'light', #FFFFFF, #303030);
$alt_base_color: if($variant == 'light', #FAFAFA, #2C2C2C);
$surface_color: if($variant == 'light', #FFFFFF, #424242);
$titlebar_bg_color: if($topbar == 'dark', #383838, #E0E0E0);
$panel_bg_color: rgba(black, 0.6);
$alt_panel_bg_color: rgba(black, 0.3);
$inverse_panel_bg_color: rgba(white, 0.1);
$solid_panel_bg_color: if($topbar == 'dark', #212121, $panel_bg_color);
$opaque_panel_bg_color: if($topbar == 'dark', #212121, #CBCBCB); // for Unity panel which cannot use translucent colors
$gdm_bg_color: #303030;
$hover_overlay_color: gtkalpha(currentColor, 0.08);
$focus_overlay_color: gtkalpha(currentColor, 0.12);
$hover_focus_overlay_color: gtkalpha(currentColor, 0.16);
$active_overlay_color: gtkalpha(currentColor, 0.12);
$checked_overlay_color: gtkalpha(currentColor, 0.24);
// Misc colors
$primary_color: $google_blue_color;
$alt_primary_color: #7BAAF7;
$selected_overlay_color: rgba($primary_color, 0.32);
$link_color: $primary_color;
$visited_link_color: $purple_A200;
$warning_color: $google_yellow_color;
$error_color: $google_red_color;
$success_color: $google_green_color;
$suggested_color: $primary_color;
$destructive_color: $google_red_color;
$info_bg_color: $google_green_color;
$question_bg_color: $google_blue_color;
$warning_bg_color: $google_yellow_color;
$error_bg_color: $google_red_color;
$tooltip_bg_color: rgba(#616161, 0.9);
$tooltip_fg_color: white;
$border_color: if($variant == 'light', rgba(black, 0.12), rgba(black, 0.26));
$alt_border_color: rgba(black, 0.26); // for non-native GTK+ apps (e.g. Firefox and Chrome)
$highlight_color: if($variant == 'light', rgba(white, 0.4), rgba(white, 0.1));
$titlebar_highlight_color: if($topbar == 'dark', rgba(white, 0.1), rgba(white, 0.4));
$alt_highlight_color: rgba(white, 0.2); // for selection-mode headerbar which colored with $primary_color
$titlebar_indicator_color: if($topbar == 'dark', currentColor, $primary_color);
// FIXME: Electron/Atom menu does not allow translucent colors
$opaque_fg_color: if($variant == 'light', $grey_900, $white);
$opaque_secondary_fg_color: if($variant == 'light', $grey_600, mix($white, $surface_color, percentage(0.7)));
$opaque_disabled_fg_color: if($variant == 'light', $grey_500, mix($white, $surface_color, percentage(0.5)));
$opaque_divider_color: if($variant == 'light', $grey_300, mix($white, $surface_color, percentage(0.12)));
// FIXME: gtk @placeholder_text_color does not allow translucent colors
$placeholder_text_color: if($variant == 'light', $grey_600, mix($white, $base_color, percentage(0.7)));