1/***********************************************************************
2 * This section can be modified to create color variants of the theme. *
3 ***********************************************************************/
4
5/****************
6 * color scheme *
7 ****************/
8
9@define-color theme_base_color #ffffff;
10
11@define-color theme_bg_color #edeceb;
12@define-color theme_fg_color #000000;
13
14@define-color theme_selected_bg_color #86abd9;
15@define-color theme_selected_fg_color #ffffff;
16
17@define-color theme_tooltip_bg_color #f5f5b5;
18@define-color theme_tooltip_fg_color #000000;
19
20@define-color theme_text_color #1a1a1a;
21
22@define-color link_color #0000ee;
23@define-color visited_link_color #551a8b;
24
25/*****************
26 * error/warning *
27 *****************/
28
29@define-color error_color #cc0000;
30
31@define-color warning_bg_color #faad3d;
32
33/***************
34 * core colors *
35 ***************/
36
37/* Core colors are only used in the current file, as bases for other
38   color declarations. */
39
40@define-color core_color_a #a4c2e8; /* Core color for blue widgets in Clearlooks-Phenix. */
41@define-color core_color_b #edeceb; /* Core color for gray widgets in Clearlooks-Phenix. */
42
43/********************************************
44 * End of configuration for color variants. *
45 ********************************************/
46
47/***********
48 * general *
49 ***********/
50
51@define-color insensitive_bg_color @theme_bg_color;
52@define-color insensitive_fg_color shade(@core_color_b, 0.70);
53@define-color insensitive_text_shadow_color @theme_base_color;
54
55@define-color internal_element_color @theme_text_color;
56@define-color internal_element_hover_color @theme_text_color;
57@define-color internal_element_insensitive_color @insensitive_fg_color;
58
59/* border */
60
61@define-color border_color shade(@core_color_b, 0.67);
62@define-color focus_border_color mix(#acacac, shade(@core_color_a, 0.75), 0.54);
63@define-color insensitive_border_color shade(@core_color_b, 0.79);
64
65/**********
66 * button *
67 **********/
68
69@define-color button_gradient_a shade(@core_color_b, 1.07);
70@define-color button_gradient_b shade(@core_color_b, 1.06);
71@define-color button_gradient_c shade(@core_color_b, 1.04);
72@define-color button_gradient_d shade(@core_color_b, 0.98);
73
74/* hover */
75
76@define-color button_hover_gradient_a @theme_base_color;
77@define-color button_hover_gradient_b shade(@core_color_b, 1.05);
78@define-color button_hover_gradient_c @core_color_b;
79
80/* active */
81
82@define-color button_active_text_color @theme_fg_color;
83
84@define-color button_active_gradient_a shade(@core_color_b, 0.85);
85@define-color button_active_gradient_b shade(@core_color_b, 0.90);
86@define-color button_active_gradient_c shade(@core_color_b, 0.91);
87@define-color button_active_gradient_d shade(@core_color_b, 0.86);
88@define-color button_active_gradient_e shade(@core_color_b, 0.84);
89@define-color button_active_gradient_f shade(@core_color_b, 0.80);
90
91/* insensitive */
92
93@define-color button_insensitive_inner_border_color shade(@core_color_b, 1.05);
94
95@define-color button_insensitive_gradient_a shade(@core_color_b, 1.04);
96@define-color button_insensitive_gradient_b shade(@core_color_b, 1.01);
97@define-color button_insensitive_gradient_c shade(@core_color_b, 0.99);
98@define-color button_insensitive_gradient_d shade(@core_color_b, 0.96);
99
100/* active insensitive */
101
102@define-color button_active_insensitive_gradient_a shade(@core_color_b, 0.98);
103@define-color button_active_insensitive_gradient_b shade(@core_color_b, 1.02);
104@define-color button_active_insensitive_gradient_c shade(@core_color_b, 1.03);
105@define-color button_active_insensitive_gradient_d shade(@core_color_b, 1.01);
106@define-color button_active_insensitive_gradient_e shade(@core_color_b, 0.99);
107@define-color button_active_insensitive_gradient_f shade(@core_color_b, 0.96);
108
109/* primary toolbar focus */
110
111@define-color pt_button_focus_gradient_a mix(#fafafa, shade(@core_color_a, 1.09), 0.3);
112@define-color pt_button_focus_gradient_b mix(#ededed, shade(@core_color_a, 1.05), 0.3);
113@define-color pt_button_focus_gradient_c mix(#e8e8e8, shade(@core_color_a, 1.01), 0.25);
114@define-color pt_button_focus_gradient_d mix(#e8e8e8, shade(@core_color_a, 0.96), 0.3);
115
116/* primary toolbar focus hover */
117
118@define-color pt_button_focus_hover_gradient_a mix(#fcfcfc, shade(@core_color_a, 1.09), 0.15);
119@define-color pt_button_focus_hover_gradient_b mix(#fcfcfc, shade(@core_color_a, 1.05), 0.15);
120@define-color pt_button_focus_hover_gradient_c mix(#fcfcfc, shade(@core_color_a, 1.01), 0.2);
121@define-color pt_button_focus_hover_gradient_d mix(#e8e8e8, shade(@core_color_a, 0.96), 0.2);
122
123/*****************
124 * color chooser *
125 *****************/
126
127@define-color color_swatch_border_color @border_color;
128@define-color color_swatch_hover_border_color @menubar_menuitem_hover_border_color;
129
130@define-color color_active_badge_light_border_color @theme_fg_color;
131@define-color color_active_badge_light_color @color_active_badge_light_border_color;
132
133@define-color color_active_badge_dark_border_color @theme_base_color;
134@define-color color_active_badge_dark_color @color_active_badge_light_border_color;
135
136/*****************
137 * column-header *
138 *****************/
139
140@define-color column_header_border_top_color @theme_base_color;
141@define-color column_header_border_right_color shade(@core_color_b, 0.82);
142@define-color column_header_border_bottom_color shade(@core_color_b, 0.70);
143@define-color column_header_border_left_color @column_header_border_top_color;
144
145@define-color column_header_button_gradient_a shade(@core_color_b, 1.05);
146@define-color column_header_button_gradient_b shade(@core_color_b, 1.02);
147@define-color column_header_button_gradient_c @core_color_b;
148@define-color column_header_button_gradient_d shade(@core_color_b, 0.96);
149
150/*********
151 * entry *
152 *********/
153
154@define-color entry_text_color @theme_text_color;
155
156@define-color entry_inner_border_color shade(@core_color_b, 0.96);
157@define-color entry_bg_color @theme_base_color;
158
159/* insensitive */
160
161@define-color entry_insensitive_inner_border_color shade(@core_color_b, 0.97);
162@define-color entry_insensitive_bg_color @insensitive_bg_color;
163
164/************
165 * expander *
166 ************/
167
168@define-color expander_row_selected_border_color mix(#acacac, shade(@core_color_a, 0.75), 0.54);
169
170/*****************
171 * fallback mode *
172 *****************/
173
174@define-color os_chrome_bg_color @theme_bg_color;
175@define-color os_chrome_fg_color @theme_fg_color;
176
177/* gnome-panel */
178
179@define-color applet_frame_bg_color shade(@core_color_b, 0.89);
180@define-color pager_bg_color shade(@core_color_b, 0.97);
181
182/*******************************
183 * info/question/error/warning *
184 *******************************/
185
186@define-color info_bg_color @theme_tooltip_bg_color;
187@define-color info_fg_color @theme_fg_color;
188
189@define-color question_bg_color mix(#727272, shade(@core_color_a, 0.90), 0.95);
190@define-color question_fg_color @theme_base_color;
191
192@define-color error_bg_color mix(#ababab, shade(@error_color, 0.77), 0.78);
193@define-color error_fg_color @theme_base_color;
194
195@define-color warning_fg_color @theme_fg_color;
196
197/********
198 * menu *
199 ********/
200
201@define-color menu_bg_color @theme_base_color;
202@define-color menu_fg_color @theme_fg_color;
203
204/* Example: submenu arrow. */
205@define-color menu_controls_color @theme_fg_color;
206
207@define-color menu_border_color shade(@core_color_b, 0.72);
208@define-color menu_separator_color @menu_border_color;
209
210/***********
211 * menubar *
212 ***********/
213
214@define-color menubar_gradient_a shade(@core_color_b, 0.99);
215@define-color menubar_gradient_b shade(@core_color_b, 0.98);
216@define-color menubar_gradient_c shade(@core_color_b, 0.96);
217
218/* hover */
219
220@define-color menubar_menuitem_hover_color @theme_selected_fg_color;
221@define-color menubar_menuitem_hover_border_color shade(@core_color_a, 0.58);
222
223@define-color menubar_menuitem_hover_gradient_a @core_color_a;
224@define-color menubar_menuitem_hover_gradient_b shade(@core_color_a, 0.95);
225@define-color menubar_menuitem_hover_gradient_c shade(@core_color_a, 0.93);
226@define-color menubar_menuitem_hover_gradient_d shade(@core_color_a, 0.88);
227
228/************
229 * notebook *
230 ************/
231
232@define-color notebook_bg_color shade(@core_color_b, 1.02);
233
234@define-color notebook_tab_inner_border_color shade(@core_color_b, 1.04);
235
236@define-color notebook_tab_gradient_a shade(@core_color_b, 0.97);
237@define-color notebook_tab_gradient_b shade(@core_color_b, 0.92);
238@define-color notebook_tab_gradient_c shade(@core_color_b, 0.90);
239@define-color notebook_tab_gradient_d shade(@core_color_b, 0.86);
240
241/* active tab */
242
243@define-color notebook_active_tab_border @menubar_menuitem_hover_border_color;
244
245@define-color notebook_active_tab_strip_gradient_a shade(@core_color_a, 1.05);
246@define-color notebook_active_tab_strip_gradient_b shade(@core_color_a, 0.94);
247@define-color notebook_active_tab_strip_border_bottom_color mix(#727272, shade(@core_color_a, 0.84), 0.65);
248@define-color notebook_active_tab_gradient_a shade(@core_color_b, 1.07);
249@define-color notebook_active_tab_gradient_b @notebook_bg_color;
250
251/*******
252 * osd *
253 *******/
254
255@define-color osd_bg_color @theme_tooltip_bg_color;
256@define-color osd_fg_color @theme_tooltip_fg_color;
257@define-color osd_border_color @theme_tooltip_border_color;
258
259/***************
260 * progressbar *
261 ***************/
262
263@define-color progressbar_border_color mix(#6a6a6a, shade(@core_color_a, 0.75), 0.80);
264@define-color progressbar_pattern_color @progressbar_border_color;
265
266@define-color progressbar_bg_color @core_color_a;
267
268@define-color progressbar_gradient_a @progressbar_bg_color;
269@define-color progressbar_gradient_b @menubar_menuitem_hover_gradient_b;
270@define-color progressbar_gradient_c @menubar_menuitem_hover_gradient_c;
271@define-color progressbar_gradient_d @menubar_menuitem_hover_gradient_d;
272
273/*********
274 * scale *
275 *********/
276
277@define-color scale_mark_color @border_color;
278@define-color scale_progressbar_bg_color @scale_trough_highlight_gradient_b;
279
280@define-color scale_trough_border_color shade(@core_color_b, 0.56);
281@define-color scale_trough_bg_color shade(@core_color_b, 0.90);
282
283/* trough highlight */
284
285@define-color scale_trough_highlight_border_color mix(#2b2b2b, shade(@core_color_a, 0.75), 0.80);
286@define-color scale_trough_highlight_bg_color shade(@core_color_a, 0.92);
287
288/* trough insensitive */
289
290@define-color scale_trough_insensitive_border_color @insensitive_border_color;
291@define-color scale_trough_insensitive_bg_color shade(@core_color_b, 0.97);
292
293/* trough highlight insensitive */
294
295@define-color scale_trough_highlight_insensitive_border_color mix(#6a6a6a, shade(@core_color_a, 0.88), 0.90);
296@define-color scale_trough_highlight_insensitive_bg_color shade(@core_color_a, 1.20);
297
298/*************
299 * scrollbar *
300 *************/
301
302/* junction */
303
304@define-color scrollbars_junction_bg_color @theme_bg_color;
305
306/* trough */
307
308@define-color scrollbar_trough_border_color shade(@core_color_b, 0.67);
309
310@define-color scrollbar_trough_gradient_a shade(@core_color_b, 0.86);
311@define-color scrollbar_trough_gradient_b shade(@core_color_b, 0.90);
312
313/* slider */
314
315@define-color scrollbar_slider_bg_color shade(@core_color_a, 0.99);
316
317@define-color scrollbar_slider_gradient_a @scrollbar_slider_bg_color;
318@define-color scrollbar_slider_gradient_b shade(@core_color_a, 0.96);
319@define-color scrollbar_slider_gradient_c shade(@core_color_a, 0.92);
320@define-color scrollbar_slider_gradient_d shade(@core_color_a, 0.88);
321
322@define-color scrollbar_slider_border_color mix(#000000, shade(@core_color_a, 0.72), 0.95);
323
324@define-color scrollbar_slider_inner_border_color shade(@core_color_a, 1.04);
325
326/* slider hover */
327
328@define-color scrollbar_slider_hover_bg_color shade(@core_color_a, 1.03);
329
330@define-color scrollbar_slider_hover_gradient_a @scrollbar_slider_hover_bg_color;
331@define-color scrollbar_slider_hover_gradient_b shade(@core_color_a, 0.99);
332@define-color scrollbar_slider_hover_gradient_c shade(@core_color_a, 0.96);
333@define-color scrollbar_slider_hover_gradient_d shade(@core_color_a, 0.91);
334
335/* button */
336
337@define-color scrollbar_button_color @theme_fg_color;
338@define-color scrollbar_button_insensitive_color @internal_element_insensitive_color;
339@define-color scrollbar_button_border_color shade(@core_color_b, 0.56);
340
341@define-color scrollbar_button_gradient_a shade(@core_color_b, 1.07);
342@define-color scrollbar_button_gradient_b shade(@core_color_b, 1.02);
343@define-color scrollbar_button_gradient_c shade(@core_color_b, 0.99);
344@define-color scrollbar_button_gradient_d shade(@core_color_b, 0.95);
345
346/* button hover */
347
348@define-color scrollbar_button_hover_gradient_a shade(@core_color_b, 1.07);
349@define-color scrollbar_button_hover_gradient_b shade(@core_color_b, 1.05);
350@define-color scrollbar_button_hover_gradient_c shade(@core_color_b, 1.02);
351@define-color scrollbar_button_hover_gradient_d shade(@core_color_b, 0.97);
352
353/* button active */
354
355@define-color scrollbar_button_active_gradient_a shade(@core_color_b, 0.95);
356@define-color scrollbar_button_active_gradient_b shade(@core_color_b, 0.92);
357@define-color scrollbar_button_active_gradient_c shade(@core_color_b, 0.89);
358@define-color scrollbar_button_active_gradient_d shade(@core_color_b, 0.85);
359
360/***********
361 * sidebar *
362 ***********/
363
364@define-color sidebar_bg_color @theme_base_color;
365@define-color gtkassistant_sidebar_border_color @border_color;
366
367/**************
368 * spinbutton *
369 **************/
370
371@define-color spinbutton_border_color @border_color;
372
373/**********
374 * switch *
375 **********/
376
377@define-color switch_color shade(@core_color_b, 0.45);
378
379@define-color switch_slider_border_color @progressbar_border_color;
380
381@define-color switch_slider_bg_color @scrollbar_slider_bg_color;
382
383@define-color switch_slider_gradient_a @switch_slider_bg_color;
384@define-color switch_slider_gradient_b @scrollbar_slider_gradient_b;
385@define-color switch_slider_gradient_c @scrollbar_slider_gradient_c;
386@define-color switch_slider_gradient_d @scrollbar_slider_gradient_d;
387
388/* active */
389
390@define-color switch_trough_active_color @theme_base_color;
391
392@define-color switch_trough_active_gradient_a @menubar_menuitem_hover_border_color;
393@define-color switch_trough_active_gradient_b shade(@core_color_a, 1.12);
394
395/* insensitive */
396
397@define-color switch_slider_insensitive_bg_color @button_insensitive_gradient_a;
398
399@define-color switch_slider_insensitive_gradient_a @switch_slider_insensitive_bg_color;
400@define-color switch_slider_insensitive_gradient_b @button_insensitive_gradient_b;
401@define-color switch_slider_insensitive_gradient_c @button_insensitive_gradient_c;
402@define-color switch_slider_insensitive_gradient_d @button_insensitive_gradient_d;
403
404/***********
405 * toolbar *
406 ***********/
407
408@define-color toolbar_border_top_color shade(@core_color_b, 0.82);
409@define-color toolbar_inner_border_color @theme_base_color;
410@define-color toolbar_border_bottom_color @toolbar_border_top_color;
411
412@define-color toolbar_gradient_a shade(@core_color_b, 1.04);
413@define-color toolbar_gradient_b shade(@core_color_b, 1.01);
414@define-color toolbar_gradient_c @core_color_b;
415@define-color toolbar_gradient_d shade(@core_color_b, 0.97);
416
417/***********
418 * tooltip *
419 ***********/
420
421@define-color theme_tooltip_border_color shade(@theme_tooltip_bg_color, 0.60);
422
423/**********
424 * trough *
425 **********/
426
427@define-color trough_gradient_a shade(@core_color_b, 0.81);
428@define-color trough_gradient_b shade(@core_color_b, 0.90);
429
430/***********
431 * imports *
432 ***********/
433
434@import url("gtk-widgets-img.css");
435@import url("gtk-widgets.css");
436@import url("applications.css");
437