gtk-3.0/_colors-public.scss 7.0 K raw
1
//apps rely on some named colors to be exported
2
/* GTK NAMED COLORS
3
   ----------------
4
   use responsibly! */
5
6
// Sass thinks we're using the colors in the variables as strings and may shoot
7
// warning, it's innocuous and can be defeated by using "" + $var
8
9
/* widget text/foreground color */
10
@define-color theme_fg_color #{"" +$fg_color};
11
12
/* text color for entries, views and content in general */
13
@define-color theme_text_color #{"" +$text_color};
14
15
/* widget base background color */
16
@define-color theme_bg_color #{"" +$bg_color};
17
18
/* text widgets and the like base background color */
19
@define-color theme_base_color #{"" +$base_color};
20
21
/* base background color of selections */
22
@define-color theme_selected_bg_color #{"" +$selected_bg_color};
23
24
/* text/foreground color of selections */
25
@define-color theme_selected_fg_color #{"" + $selected_fg_color};
26
27
/* base background color of disabled widgets */
28
@define-color insensitive_bg_color #{"" +$insensitive_bg_color};
29
30
/* text foreground color of disabled widgets */
31
@define-color insensitive_fg_color #{"" +$insensitive_fg_color};
32
33
/* disabled text widgets and the like base background color */
34
@define-color insensitive_base_color #{"" +$base_color};
35
36
/* widget text/foreground color on backdrop windows */
37
@define-color theme_unfocused_fg_color #{"" +$backdrop_fg_color};
38
39
/* text color for entries, views and content in general on backdrop windows */
40
@define-color theme_unfocused_text_color #{"" +$text_color};
41
42
/* widget base background color on backdrop windows */
43
@define-color theme_unfocused_bg_color #{"" +$backdrop_bg_color};
44
45
/* text widgets and the like base background color on backdrop windows */
46
@define-color theme_unfocused_base_color #{"" +$backdrop_base_color};
47
48
/* base background color of selections on backdrop windows */
49
@define-color theme_unfocused_selected_bg_color #{"" +$selected_bg_color};
50
51
/* text/foreground color of selections on backdrop windows */
52
@define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color};
53
54
/* widgets main borders color */
55
@define-color borders #{"" +$borders_color};
56
57
/* widgets main borders color on backdrop windows */
58
@define-color unfocused_borders #{"" +$backdrop_borders_color};
59
60
/* these are pretty self explicative */
61
@define-color warning_color #{"" +$warning_color};
62
@define-color error_color #{"" +$error_color};
63
@define-color success_color #{"" +$success_color};
64
//@define-color destructive_color #{$destructive_color}
65
66
67
@define-color fg_color #{"" +$fg_color};
68
@define-color text_color #{"" +$text_color};
69
@define-color bg_color #{"" +$bg_color};
70
@define-color base_color #{"" +$base_color};
71
@define-color selected_bg_color #{"" +$selected_bg_color};
72
@define-color selected_fg_color #{"" + $selected_fg_color};
73
@define-color unfocused_fg_color #{"" +$backdrop_fg_color};
74
@define-color unfocused_text_color #{"" +$text_color};
75
@define-color unfocused_bg_color #{"" +$backdrop_bg_color};
76
@define-color unfocused_base_color #{"" +$backdrop_base_color};
77
@define-color unfocused_selected_bg_color #{"" +$selected_bg_color};
78
@define-color unfocused_selected_fg_color #{"" + $selected_fg_color};
79
80
//WM
81
82
$_wm_highlight: if($variant=='light', $top_highlight,  // Sass gets mad if this is
83
                  transparentize(black,1));          // done directly in the
84
                                                     // color definition
85
86
/* these colors are exported for the window manager and shouldn't be used in applications,
87
read if you used those and something break with a version upgrade you're on your own... */
88
@define-color wm_title shade(#{$fg_color}, 1.8);
89
@define-color wm_unfocused_title #{$backdrop_fg_color};
90
@define-color wm_highlight #{"" + $_wm_highlight};
91
@define-color wm_borders_edge #{"" + $borders_edge};
92
93
@define-color wm_bg_a shade(#{$bg_color}, 1.2);
94
@define-color wm_bg_b #{$bg_color};
95
96
@define-color wm_shadow alpha(black, 0.35);
97
@define-color wm_border alpha(black, 0.18);
98
99
@define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3);
100
@define-color wm_button_hover_color_b #{$bg_color};
101
@define-color wm_button_active_color_a shade(#{$bg_color}, 0.85);
102
@define-color wm_button_active_color_b shade(#{$bg_color}, 0.89);
103
@define-color wm_button_active_color_c shade(#{$bg_color}, 0.9);
104
105
//FIXME this is really an API
106
107
@define-color content_view_bg #{"" + $base_color};
108
@define-color text_view_bg #{"" + $base_color};
109
110
//Budgie desktop
111
@define-color budgie_tasklist_indicator_color #{"" +$selected_bg_color};
112
@define-color budgie_tasklist_indicator_color_active #{"" +$selected_bg_color};
113
@define-color placeholder_text_color #{"" +$backdrop_text_color};
114
115
116
// Elementary OS colors
117
@define-color STRAWBERRY_100 #{$STRAWBERRY_100};
118
@define-color STRAWBERRY_300 #{$STRAWBERRY_300};
119
@define-color STRAWBERRY_500 #{$STRAWBERRY_500};
120
@define-color STRAWBERRY_700 #{$STRAWBERRY_700};
121
@define-color STRAWBERRY_900 #{$STRAWBERRY_900};
122
123
@define-color ORANGE_100 #{$ORANGE_100};
124
@define-color ORANGE_300 #{$ORANGE_300};
125
@define-color ORANGE_500 #{$ORANGE_500};
126
@define-color ORANGE_700 #{$ORANGE_700};
127
@define-color ORANGE_900 #{$ORANGE_900};
128
129
@define-color BANANA_100 #{$BANANA_100};
130
@define-color BANANA_300 #{$BANANA_300};
131
@define-color BANANA_500 #{$BANANA_500};
132
@define-color BANANA_700 #{$BANANA_700};
133
@define-color BANANA_900 #{$BANANA_900};
134
135
@define-color LIME_100 #{$LIME_100};
136
@define-color LIME_300 #{$LIME_300};
137
@define-color LIME_500 #{$LIME_500};
138
@define-color LIME_700 #{$LIME_700};
139
@define-color LIME_900 #{$LIME_900};
140
141
@define-color MINT_100 #{$MINT_100};
142
@define-color MINT_300 #{$MINT_300};
143
@define-color MINT_500 #{$MINT_500};
144
@define-color MINT_700 #{$MINT_700};
145
@define-color MINT_900 #{$MINT_900};
146
147
@define-color BLUEBERRY_100 #{$BLUEBERRY_100};
148
@define-color BLUEBERRY_300 #{$BLUEBERRY_300};
149
@define-color BLUEBERRY_500 #{$BLUEBERRY_500};
150
@define-color BLUEBERRY_700 #{$BLUEBERRY_700};
151
@define-color BLUEBERRY_900 #{$BLUEBERRY_900};
152
153
@define-color BUBBLEGUM_100 #{$BUBBLEGUM_100};
154
@define-color BUBBLEGUM_300 #{$BUBBLEGUM_300};
155
@define-color BUBBLEGUM_500 #{$BUBBLEGUM_500};
156
@define-color BUBBLEGUM_700 #{$BUBBLEGUM_700};
157
@define-color BUBBLEGUM_900 #{$BUBBLEGUM_900};
158
159
@define-color GRAPE_100 #{$GRAPE_100};
160
@define-color GRAPE_300 #{$GRAPE_300};
161
@define-color GRAPE_500 #{$GRAPE_500};
162
@define-color GRAPE_700 #{$GRAPE_700};
163
@define-color GRAPE_900 #{$GRAPE_900};
164
165
@define-color COCOA_100 #{$COCOA_100};
166
@define-color COCOA_300 #{$COCOA_300};
167
@define-color COCOA_500 #{$COCOA_500};
168
@define-color COCOA_700 #{$COCOA_700};
169
@define-color COCOA_900 #{$COCOA_900};
170
171
@define-color SILVER_100 #{$SILVER_100};
172
@define-color SILVER_300 #{$SILVER_300};
173
@define-color SILVER_500 #{$SILVER_500};
174
@define-color SILVER_700 #{$SILVER_700};
175
@define-color SILVER_900 #{$SILVER_900};
176
177
@define-color SLATE_100 #{$SLATE_100};
178
@define-color SLATE_300 #{$SLATE_300};
179
@define-color SLATE_500 #{$SLATE_500};
180
@define-color SLATE_700 #{$SLATE_700};
181
@define-color SLATE_900 #{$SLATE_900};
182
183
@define-color BLACK_100 #{$BLACK_100};
184
@define-color BLACK_300 #{$BLACK_300};
185
@define-color BLACK_500 #{$BLACK_500};
186
@define-color BLACK_700 #{$BLACK_700};
187
@define-color BLACK_900 #{"" + $BLACK_900};