Differential D27425 Diff 75751 src/_colors.scss

Changeset View

Standalone View

View Options

src/_colors.scss

1@charset "UTF-8"; 1​@charset "UTF-8";
2 2​
3//apps rely on some named colors to be exported 3​//apps rely on some named colors to be exported
4/* GTK NAMED COLORS 4​/* GTK NAMED COLORS
5 ---------------- 5​ ----------------
6 use responsibly! */ 6​ use responsibly! */
7 7​
8// Sass thinks we're using the colors in the variables as strings and may shoot 8​// Sass thinks we're using the colors in the variables as strings and may shoot
9// warning, it's innocuous and can be defeated by using "" + $var 9​// warning, it's innocuous and can be defeated by using "" + $var
10/* 10​/*
11widget text/foreground color */ 11​widget text/foreground color */
12@define-color theme_fg_color #{"" + internal_w_color(text)}; // KCM'd 12​@define-color theme_fg_color_breeze #{"" + internal_w_color(text)}; // KCM'd
13 13​
14/* 14​/*
15text color for entries, views and content in general */ 15​text color for entries, views and content in general */
16@define-color theme_text_color #{"" + internal_v_color(text)}; // KCM'd 16​@define-color theme_text_color_breeze #{"" + internal_v_color(text)}; // KCM'd
17 17​
18/* 18​/*
19widget base background color */ 19​widget base background color */
20@define-color theme_bg_color #{"" + internal_w_color(normal)}; // KCM'd 20​@define-color theme_bg_color_breeze #{"" + internal_w_color(normal)}; // KCM'd
21 21​
22/* 22​/*
23text widgets and the like base background color */ 23​text widgets and the like base background color */
24@define-color theme_base_color #{"" + internal_v_color(normal)}; // KCM'd 24​@define-color theme_base_color_breeze #{"" + internal_v_color(normal)}; // KCM'd
25 25​
26/* 26​/*
27view hover decoration color*/ 27​view hover decoration color*/
28@define-color theme_view_hover_decoration_color #{"" + internal_v_color(hover)}; // KCM'd 28​@define-color theme_view_hover_decoration_color_breeze #{"" + internal_v_color(hover)}; // KCM'd
29 29​
30/* 30​/*
31background color of hovering selected widgets*/ 31​background color of hovering selected widgets*/
32@define-color theme_hovering_selected_bg_color #{"" + internal_s_color(hover)}; // KCM'd 32​@define-color theme_hovering_selected_bg_color_breeze #{"" + internal_s_color(hover)}; // KCM'd
33 33​
34/* 34​/*
35base background color of selections */ 35​base background color of selections */
36@define-color theme_selected_bg_color #{"" + internal_s_color(normal)}; // KCM'd 36​@define-color theme_selected_bg_color_breeze #{"" + internal_s_color(normal)}; // KCM'd
37 37​
38/* 38​/*
39text/foreground color of selections */ 39​text/foreground color of selections */
40@define-color theme_selected_fg_color #{"" + internal_s_color(text)}; // KCM'd 40​@define-color theme_selected_fg_color_breeze #{"" + internal_s_color(text)}; // KCM'd
41 41​
42/* 42​/*
43decoration color of views */ 43​decoration color of views */
44@define-color theme_view_active_decoration_color #{"" + internal_v_color(active)}; // KCM'd 44​@define-color theme_view_active_decoration_color_breeze #{"" + internal_v_color(active)}; // KCM'd
45 45​
46/* 46​/*
47base background color of insensitive selections */ 47​base background color of insensitive selections */
48@define-color insensitive_selected_bg_color #{"" + internal_insensitive(internal_s_color(normal))}; 48​@define-color insensitive_selected_bg_color_breeze #{"" + internal_insensitive(internal_s_color(normal))};
49 49​
50/* 50​/*
51base background color of insensitive widgets */ 51​base background color of insensitive widgets */
52@define-color insensitive_bg_color #{"" + internal_insensitive(internal_w_color(normal))}; 52​@define-color insensitive_bg_color_breeze #{"" + internal_insensitive(internal_w_color(normal))};
53 53​
54/* 54​/*
55text foreground color of insensitive widgets */ 55​text foreground color of insensitive widgets */
56@define-color insensitive_fg_color #{"" + internal_insensitive(internal_w_color(text))}; 56​@define-color insensitive_fg_color_breeze #{"" + internal_insensitive(internal_w_color(text))};
57 57​
58/* 58​/*
59insensitive text widgets and the like base background color */ 59​insensitive text widgets and the like base background color */
60@define-color insensitive_base_color #{"" + internal_insensitive(internal_v_color(text))}; 60​@define-color insensitive_base_color_breeze #{"" + internal_insensitive(internal_v_color(text))};
61 61​
62/* 62​/*
63insensitive text widgets and the like base foreground color */ 63​insensitive text widgets and the like base foreground color */
64@define-color insensitive_base_fg_color #{"" + internal_insensitive(internal_v_color(normal))}; 64​@define-color insensitive_base_fg_color_breeze #{"" + internal_insensitive(internal_v_color(normal))};
65 65​
66/* 66​/*
67insensitive selected text widgets and the like base background color */ 67​insensitive selected text widgets and the like base background color */
68@define-color insensitive_selected_fg_color #{"" + internal_insensitive(internal_s_color(text))}; 68​@define-color insensitive_selected_fg_color_breeze #{"" + internal_insensitive(internal_s_color(text))};
69 69​
70/* 70​/*
71widget text/foreground color on backdrop windows */ 71​widget text/foreground color on backdrop windows */
72@define-color theme_unfocused_fg_color #{"" + internal_backdrop(internal_w_color(text))}; 72​@define-color theme_unfocused_fg_color_breeze #{"" + internal_backdrop(internal_w_color(text))};
73 73​
74/* 74​/*
75text color for entries, views and content in general on backdrop windows */ 75​text color for entries, views and content in general on backdrop windows */
76@define-color theme_unfocused_text_color #{"" + internal_backdrop(internal_v_color(text))}; 76​@define-color theme_unfocused_text_color_breeze #{"" + internal_backdrop(internal_v_color(text))};
77 77​
78/* 78​/*
79widget base background color on backdrop windows */ 79​widget base background color on backdrop windows */
80@define-color theme_unfocused_bg_color #{"" + internal_backdrop(internal_w_color(normal))}; 80​@define-color theme_unfocused_bg_color_breeze #{"" + internal_backdrop(internal_w_color(normal))};
81 81​
82/* 82​/*
83text widgets and the like base background color on backdrop windows */ 83​text widgets and the like base background color on backdrop windows */
84@define-color theme_unfocused_base_color #{"" + internal_backdrop(internal_v_color(normal))}; 84​@define-color theme_unfocused_base_color_breeze #{"" + internal_backdrop(internal_v_color(normal))};
85 85​
86/* 86​/*
87base background color of selections on backdrop windows, alt */ 87​base background color of selections on backdrop windows, alt */
88@define-color theme_unfocused_selected_bg_color_alt #{"" + internal_backdrop(internal_s_color(normal))}; 88​@define-color theme_unfocused_selected_bg_color_alt_breeze #{"" + internal_backdrop(internal_s_color(normal))};
89 89​
90/* 90​/*
91base background color of selections on backdrop windows */ 91​base background color of selections on backdrop windows */
92@define-color theme_unfocused_selected_bg_color #{"" + internal_backdrop(internal_s_color(backdrop))}; 92​@define-color theme_unfocused_selected_bg_color_breeze #{"" + internal_backdrop(internal_s_color(backdrop))};
93 93​
94/* 94​/*
95text/foreground color of selections on backdrop windows */ 95​text/foreground color of selections on backdrop windows */
96@define-color theme_unfocused_selected_fg_color #{"" + internal_backdrop(internal_s_color(text))}; 96​@define-color theme_unfocused_selected_fg_color_breeze #{"" + internal_backdrop(internal_s_color(text))};
97 97​
98/* 98​/*
99base background color of insensitive selections on backdrop windows */ 99​base background color of insensitive selections on backdrop windows */
100@define-color insensitive_unfocused_selected_bg_color #{"" + internal_backdrop(internal_insensitive(internal_s_color(normal)))}; 100​@define-color insensitive_unfocused_selected_bg_color_breeze #{"" + internal_backdrop(internal_insensitive(internal_s_color(normal)))};
101 101​
102/* 102​/*
103text foreground color of insensitive widgets on backdrop windows*/ 103​text foreground color of insensitive widgets on backdrop windows*/
104@define-color insensitive_unfocused_fg_color #{"" + internal_backdrop(internal_insensitive(internal_w_color(text)))}; 104​@define-color insensitive_unfocused_fg_color_breeze #{"" + internal_backdrop(internal_insensitive(internal_w_color(text)))};
105 105​
106/* 106​/*
107backdground color of insensitive widgets on backdrop windows*/ 107​backdground color of insensitive widgets on backdrop windows*/
108@define-color insensitive_unfocused_bg_color #{"" + internal_backdrop(internal_insensitive(internal_w_color(normal)))}; 108​@define-color insensitive_unfocused_bg_color_breeze #{"" + internal_backdrop(internal_insensitive(internal_w_color(normal)))};
109 109​
110/* 110​/*
111text foreground color of insensitive selected widgets on backdrop windows*/ 111​text foreground color of insensitive selected widgets on backdrop windows*/
112@define-color insensitive_unfocused_selected_fg_color #{"" + internal_backdrop(internal_insensitive(internal_s_color(text)))}; 112​@define-color insensitive_unfocused_selected_fg_color_breeze #{"" + internal_backdrop(internal_insensitive(internal_s_color(text)))};
113 113​
114/* 114​/*
115view text foreground color of insensitive widgets on backdrop windows */ 115​view text foreground color of insensitive widgets on backdrop windows */
116@define-color theme_unfocused_view_text_color #{"" + internal_backdrop(internal_insensitive(internal_v_color(text)))}; 116​@define-color theme_unfocused_view_text_color_breeze #{"" + internal_backdrop(internal_insensitive(internal_v_color(text)))};
117 117​
118/* 118​/*
119insensitive view background color on backdrop windows */ 119​insensitive view background color on backdrop windows */
120@define-color theme_unfocused_view_bg_color #{"" + internal_backdrop(internal_insensitive(internal_v_color(normal)))}; 120​@define-color theme_unfocused_view_bg_color_breeze #{"" + internal_backdrop(internal_insensitive(internal_v_color(normal)))};
121 121​
122/* 122​/*
123widgets main borders color */ 123​widgets main borders color */
124@define-color borders #{"" +$border_color}; 124​@define-color borders_breeze #{"" +$border_color};
125 125​
126/* 126​/*
127widgets main borders color on backdrop windows */ 127​widgets main borders color on backdrop windows */
128@define-color unfocused_borders #{"" + internal_backdrop($border_color)}; 128​@define-color unfocused_borders_breeze #{"" + internal_backdrop($border_color)};
129 129​
130/* 130​/*
131widgets main borders color insensitive */ 131​widgets main borders color insensitive */
132@define-color insensitive_borders #{"" + internal_insensitive($border_color)}; 132​@define-color insensitive_borders_breeze #{"" + internal_insensitive($border_color)};
133 133​
134/* 134​/*
135widgets main borders color insensitive backdrop */ 135​widgets main borders color insensitive backdrop */
136@define-color unfocused_insensitive_borders #{"" + internal_backdrop(internal_insensitive($border_color))}; 136​@define-color unfocused_insensitive_borders_breeze #{"" + internal_backdrop(internal_insensitive($border_color))};
137 137​
138/* 138​/*
139* 139​*
140* Button Colors 140​* Button Colors
141* 141​*
142*/ 142​*/
143@define-color theme_button_background_normal #{"" + internal_b_color(normal)}; 143​@define-color theme_button_background_normal_breeze #{"" + internal_b_color(normal)};
144@define-color theme_button_decoration_hover #{"" + internal_b_color(hover)}; 144​@define-color theme_button_decoration_hover_breeze #{"" + internal_b_color(hover)};
145@define-color theme_button_decoration_focus #{"" + internal_b_color(active)}; 145​@define-color theme_button_decoration_focus_breeze #{"" + internal_b_color(active)};
146@define-color theme_button_foreground_normal #{"" + internal_b_color(text)}; 146​@define-color theme_button_foreground_normal_breeze #{"" + internal_b_color(text)};
147@define-color theme_button_foreground_active #{"" + internal_b_color(active-text)}; 147​@define-color theme_button_foreground_active_breeze #{"" + internal_b_color(active-text)};
148 148​
149@define-color theme_button_background_insensitive #{"" + internal_insensitive(internal_b_color(normal))}; 149​@define-color theme_button_background_insensitive_breeze #{"" + internal_insensitive(internal_b_color(normal))};
150@define-color theme_button_decoration_hover_insensitive #{"" + internal_insensitive(internal_b_color(hover))}; 150​@define-color theme_button_decoration_hover_insensitive_breeze #{"" + internal_insensitive(internal_b_color(hover))};
151@define-color theme_button_decoration_focus_insensitive #{"" + internal_insensitive(internal_b_color(active))}; 151​@define-color theme_button_decoration_focus_insensitive_breeze #{"" + internal_insensitive(internal_b_color(active))};
152@define-color theme_button_foreground_insensitive #{"" + internal_insensitive(internal_b_color(text))}; 152​@define-color theme_button_foreground_insensitive_breeze #{"" + internal_insensitive(internal_b_color(text))};
153@define-color theme_button_foreground_active_insensitive #{"" + internal_insensitive(internal_b_color(active-text))}; 153​@define-color theme_button_foreground_active_insensitive_breeze #{"" + internal_insensitive(internal_b_color(active-text))};
154 154​
155@define-color theme_button_background_backdrop #{"" + internal_backdrop(internal_b_color(normal))}; 155​@define-color theme_button_background_backdrop_breeze #{"" + internal_backdrop(internal_b_color(normal))};
156@define-color theme_button_decoration_hover_backdrop #{"" + internal_backdrop(internal_b_color(hover))}; 156​@define-color theme_button_decoration_hover_backdrop_breeze #{"" + internal_backdrop(internal_b_color(hover))};
157@define-color theme_button_decoration_focus_backdrop #{"" + internal_backdrop(internal_b_color(active))}; 157​@define-color theme_button_decoration_focus_backdrop_breeze #{"" + internal_backdrop(internal_b_color(active))};
158@define-color theme_button_foreground_backdrop #{"" + internal_backdrop(internal_b_color(text))}; 158​@define-color theme_button_foreground_backdrop_breeze #{"" + internal_backdrop(internal_b_color(text))};
159@define-color theme_button_foreground_active_backdrop #{"" + internal_backdrop(internal_b_color(active-text))}; 159​@define-color theme_button_foreground_active_backdrop_breeze #{"" + internal_backdrop(internal_b_color(active-text))};
160 160​
161@define-color theme_button_background_backdrop_insensitive #{"" + internal_insensitive(internal_backdrop(internal_b_color(normal)))}; 161​@define-color theme_button_background_backdrop_insensitive_breeze #{"" + internal_insensitive(internal_backdrop(internal_b_color(normal)))};
162@define-color theme_button_decoration_hover_backdrop_insensitive #{"" + internal_insensitive(internal_backdrop(internal_b_color(hover)))}; 162​@define-color theme_button_decoration_hover_backdrop_insensitive_breeze #{"" + internal_insensitive(internal_backdrop(internal_b_color(hover)))};
163@define-color theme_button_decoration_focus_backdrop_insensitive #{"" + internal_insensitive(internal_backdrop(internal_b_color(active)))}; 163​@define-color theme_button_decoration_focus_backdrop_insensitive_breeze #{"" + internal_insensitive(internal_backdrop(internal_b_color(active)))};
164@define-color theme_button_foreground_backdrop_insensitive #{"" + internal_insensitive(internal_backdrop(internal_b_color(text)))}; 164​@define-color theme_button_foreground_backdrop_insensitive_breeze #{"" + internal_insensitive(internal_backdrop(internal_b_color(text)))};
165@define-color theme_button_foreground_active_backdrop_insensitive #{"" + internal_insensitive(internal_backdrop(internal_b_color(active-text)))}; 165​@define-color theme_button_foreground_active_backdrop_insensitive_breeze #{"" + internal_insensitive(internal_backdrop(internal_b_color(active-text)))};
166 166​
167/* 167​/*
168these are pretty self explicative */ 168​these are pretty self explicative */
169@define-color warning_color #{"" + $warning_color}; 169​@define-color warning_color_breeze #{"" + $warning_color};
170@define-color error_color #{"" + $error_color}; 170​@define-color error_color_breeze #{"" + $error_color};
171@define-color success_color #{"" + $success_color}; 171​@define-color success_color_breeze #{"" + $success_color};
172 172​
173@define-color warning_color_backdrop #{"" + internal_backdrop($warning_color)}; 173​@define-color warning_color_backdrop_breeze #{"" + internal_backdrop($warning_color)};
174@define-color error_color_backdrop #{"" + internal_backdrop($error_color)}; 174​@define-color error_color_backdrop_breeze #{"" + internal_backdrop($error_color)};
175@define-color success_color_backdrop #{"" + internal_backdrop($success_color)}; 175​@define-color success_color_backdrop_breeze #{"" + internal_backdrop($success_color)};
176 176​
177@define-color warning_color_insensitive #{"" + internal_insensitive($warning_color)}; 177​@define-color warning_color_insensitive_breeze #{"" + internal_insensitive($warning_color)};
178@define-color error_color_insensitive #{"" + internal_insensitive($error_color)}; 178​@define-color error_color_insensitive_breeze #{"" + internal_insensitive($error_color)};
179@define-color success_color_insensitive #{"" + internal_insensitive($success_color)}; 179​@define-color success_color_insensitive_breeze #{"" + internal_insensitive($success_color)};
180 180​
181@define-color warning_color_insensitive_backdrop #{"" + internal_insensitive(internal_backdrop($warning_color))}; 181​@define-color warning_color_insensitive_backdrop_breeze #{"" + internal_insensitive(internal_backdrop($warning_color))};
182@define-color error_color_insensitive_backdrop #{"" + internal_insensitive(internal_backdrop($error_color))}; 182​@define-color error_color_insensitive_backdrop_breeze #{"" + internal_insensitive(internal_backdrop($error_color))};
183@define-color success_color_insensitive_backdrop #{"" + internal_insensitive(internal_backdrop($success_color))}; 183​@define-color success_color_insensitive_backdrop_breeze #{"" + internal_insensitive(internal_backdrop($success_color))};
184 184​
185@define-color link_color #{"" + $link_color}; 185​@define-color link_color_breeze #{"" + $link_color};
186@define-color link_visited_color #{"" + $link_visited_color}; 186​@define-color link_visited_color_breeze #{"" + $link_visited_color};
187 187​
188/* 188​/*
189* 189​*
190* Titlebar Colors 190​* Titlebar Colors
191* 191​*
192*/ 192​*/
193@define-color theme_titlebar_background #{"" + internal_t_color(background)}; 193​@define-color theme_titlebar_background_breeze #{"" + internal_t_color(background)};
194@define-color theme_titlebar_foreground #{"" + internal_t_color(text)}; 194​@define-color theme_titlebar_foreground_breeze #{"" + internal_t_color(text)};
195@define-color theme_titlebar_background_light #{"" + internal_t_color(background-light)}; 195​@define-color theme_titlebar_background_light_breeze #{"" + internal_t_color(background-light)};
196@define-color theme_titlebar_foreground_backdrop #{"" + internal_t_color(backdrop-text)}; 196​@define-color theme_titlebar_foreground_backdrop_breeze #{"" + internal_t_color(backdrop-text)};
197@define-color theme_titlebar_background_backdrop #{"" + internal_t_color(backdrop-background)}; 197​@define-color theme_titlebar_background_backdrop_breeze #{"" + internal_t_color(backdrop-background)};
198 198​
199@define-color theme_titlebar_foreground_insensitive #{"" + internal_insensitive(internal_t_color(text))}; 199​@define-color theme_titlebar_foreground_insensitive_breeze #{"" + internal_insensitive(internal_t_color(text))};
200 200​
201@define-color theme_titlebar_foreground_insensitive_backdrop #{"" + internal_insensitive(internal_t_color(backdrop-text))}; 201​@define-color theme_titlebar_foreground_insensitive_backdrop_breeze #{"" + internal_insensitive(internal_t_color(backdrop-text))};
202 202​
203/* 203​/*
204* Tooltips 204​* Tooltips
205*/ 205​*/
206@define-color tooltip_text #{"" + internal_tooltip(text)}; 206​@define-color tooltip_text_breeze #{"" + internal_tooltip(text)};
207@define-color tooltip_background #{"" + internal_tooltip(background)}; 207​@define-color tooltip_background_breeze #{"" + internal_tooltip(background)};
208@define-color tooltip_border #{"" + internal_tooltip(border)}; 208​@define-color tooltip_border_breeze #{"" + internal_tooltip(border)};
209 209​
210/* 210​/*
211* Misc 211​* Misc
212*/ 212​*/
213@define-color print_paper_backdrop #{"" internal_backdrop(white)}; 213​@define-color print_paper_backdrop_breeze #{"" internal_backdrop(white)};
214 214​
215//@!define-color destructive_color #{$destructive_color} 215​//@!define-color destructive_color #{$destructive_color}
216 216​
217//WM 217​//WM
218 218​
219// $_wm_highlight: if($variant=='light', $top_hilight, // Sass gets mad if this is 219​// $_wm_highlight: if($variant=='light', $top_hilight, // Sass gets mad if this is
220// transparentize(black,1)); // done directly in the 220​// transparentize(black,1)); // done directly in the
221// // color definition 221​// // color definition
Show All 15 Lines
237// @!define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3); 237​// @!define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3);
238// @!define-color wm_button_hover_color_b #{$bg_color}; 238​// @!define-color wm_button_hover_color_b #{$bg_color};
239// @!define-color wm_button_active_color_a shade(#{$bg_color}, 0.85); 239​// @!define-color wm_button_active_color_a shade(#{$bg_color}, 0.85);
240// @!define-color wm_button_active_color_b shade(#{$bg_color}, 0.89); 240​// @!define-color wm_button_active_color_b shade(#{$bg_color}, 0.89);
241// @!define-color wm_button_active_color_c shade(#{$bg_color}, 0.9); 241​// @!define-color wm_button_active_color_c shade(#{$bg_color}, 0.9);
242 242​
243//FIXME this is really an API 243​//FIXME this is really an API
244 244​
245@define-color content_view_bg #{"" + internal_v_color(normal)}; 245​@define-color content_view_bg_breeze #{"" + internal_v_color(normal)};
246​
247​/*
248​ * GTK API color re-defs
249​ */
250​
251​@define-color theme_fg_color @theme_fg_color_breeze;
252​@define-color theme_text_color @theme_text_color_breeze;
253​@define-color theme_bg_color @theme_bg_color_breeze;
254​@define-color theme_base_color @theme_base_color_breeze;
255​@define-color theme_selected_bg_color @theme_selected_bg_color_breeze;
256​@define-color theme_selected_fg_color @theme_selected_fg_color_breeze;
257​@define-color insensitive_bg_color @insensitive_bg_color_breeze;
258​@define-color insensitive_fg_color @insensitive_fg_color_breeze;
259​@define-color insensitive_base_color @insensitive_base_color_breeze;
260​@define-color theme_unfocused_fg_color @theme_unfocused_fg_color_breeze;
261​@define-color theme_unfocused_text_color @theme_unfocused_text_color_breeze;
262​@define-color theme_unfocused_bg_color @theme_unfocused_bg_color_breeze;
263​@define-color theme_unfocused_base_color @theme_unfocused_base_color_breeze;
264​@define-color theme_unfocused_selected_bg_color @theme_unfocused_selected_bg_color_breeze;
265​@define-color theme_unfocused_selected_fg_color @theme_unfocused_selected_fg_color_breeze;
266​@define-color unfocused_insensitive_color @unfocused_insensitive_color_breeze;
267​@define-color borders @borders_breeze;
268​@define-color unfocused_borders @unfocused_borders_breeze;
269​@define-color warning_color @warning_color_breeze;
270​@define-color error_color @error_color_breeze;
271​@define-color success_color @success_color_breeze;
272​@define-color content_view_bg @content_view_bg_breeze;
273​No newline at end of file