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 * core colors *
27 ***************/
28
29/* Core colors are only used in the current file, as bases for other
30   color declarations. */
31
32@define-color core_color_a #a4c2e8; /* Core color for blue widgets in TraditionalOK. */
33@define-color core_color_b #edeceb; /* Core color for gray widgets in TraditionalOK. */
34
35/********************************************
36 * End of configuration for color variants. *
37 ********************************************/
38
39/***********
40 * general *
41 ***********/
42
43@define-color insensitive_bg_color @theme_bg_color;
44@define-color insensitive_fg_color shade(@core_color_b, 0.70);
45@define-color insensitive_text_shadow_color @theme_base_color;
46
47@define-color internal_element_color @theme_text_color;
48@define-color internal_element_hover_color @theme_text_color;
49@define-color internal_element_insensitive_color @insensitive_fg_color;
50
51@define-color theme_unfocused_bg_color @theme_bg_color;
52
53/* border */
54
55@define-color border_color shade(@core_color_b, 0.67);
56@define-color focus_border_color mix(#acacac, shade(@core_color_a, 0.75), 0.54);
57@define-color insensitive_border_color shade(@core_color_b, 0.79);
58
59/**********
60 * button *
61 **********/
62
63@define-color button_gradient_a shade(@core_color_b, 1.07);
64@define-color button_gradient_b shade(@core_color_b, 1.06);
65@define-color button_gradient_c shade(@core_color_b, 1.04);
66@define-color button_gradient_d shade(@core_color_b, 0.98);
67
68@define-color button_default_border_color #6699CC;
69@define-color button_default_box_shadow_color #336699;
70
71/* hover */
72
73@define-color button_hover_gradient_a @theme_base_color;
74@define-color button_hover_gradient_b shade(@core_color_b, 1.05);
75@define-color button_hover_gradient_c @core_color_b;
76
77/* active */
78
79@define-color button_active_text_color @theme_fg_color;
80
81@define-color button_active_gradient_a shade(@core_color_b, 0.85);
82@define-color button_active_gradient_b shade(@core_color_b, 0.90);
83@define-color button_active_gradient_c shade(@core_color_b, 0.91);
84@define-color button_active_gradient_d shade(@core_color_b, 0.86);
85@define-color button_active_gradient_e shade(@core_color_b, 0.84);
86@define-color button_active_gradient_f shade(@core_color_b, 0.80);
87
88/* insensitive */
89
90@define-color button_insensitive_inner_border_color shade(@core_color_b, 1.05);
91
92@define-color button_insensitive_gradient_a shade(@core_color_b, 1.04);
93@define-color button_insensitive_gradient_b shade(@core_color_b, 1.01);
94@define-color button_insensitive_gradient_c shade(@core_color_b, 0.99);
95@define-color button_insensitive_gradient_d shade(@core_color_b, 0.96);
96
97/* active insensitive */
98
99@define-color button_active_insensitive_gradient_a shade(@core_color_b, 0.98);
100@define-color button_active_insensitive_gradient_b shade(@core_color_b, 1.02);
101@define-color button_active_insensitive_gradient_c shade(@core_color_b, 1.03);
102@define-color button_active_insensitive_gradient_d shade(@core_color_b, 1.01);
103@define-color button_active_insensitive_gradient_e shade(@core_color_b, 0.99);
104@define-color button_active_insensitive_gradient_f shade(@core_color_b, 0.96);
105
106/* primary toolbar focus */
107
108@define-color pt_button_focus_gradient_a mix(#fafafa, shade(@core_color_a, 1.09), 0.3);
109@define-color pt_button_focus_gradient_b mix(#ededed, shade(@core_color_a, 1.05), 0.3);
110@define-color pt_button_focus_gradient_c mix(#e8e8e8, shade(@core_color_a, 1.01), 0.25);
111@define-color pt_button_focus_gradient_d mix(#e8e8e8, shade(@core_color_a, 0.96), 0.3);
112
113/* primary toolbar focus hover */
114
115@define-color pt_button_focus_hover_gradient_a mix(#fcfcfc, shade(@core_color_a, 1.09), 0.15);
116@define-color pt_button_focus_hover_gradient_b mix(#fcfcfc, shade(@core_color_a, 1.05), 0.15);
117@define-color pt_button_focus_hover_gradient_c mix(#fcfcfc, shade(@core_color_a, 1.01), 0.2);
118@define-color pt_button_focus_hover_gradient_d mix(#e8e8e8, shade(@core_color_a, 0.96), 0.2);
119
120/*****************
121 * color chooser *
122 *****************/
123
124@define-color color_swatch_border_color @border_color;
125@define-color color_swatch_hover_border_color @menubar_menuitem_hover_border_color;
126
127@define-color color_active_badge_light_border_color @theme_fg_color;
128@define-color color_active_badge_light_color @color_active_badge_light_border_color;
129
130@define-color color_active_badge_dark_border_color @theme_base_color;
131@define-color color_active_badge_dark_color @color_active_badge_light_border_color;
132
133/*****************
134 * column-header *
135 *****************/
136
137@define-color column_header_border_top_color @theme_base_color;
138@define-color column_header_border_right_color shade(@core_color_b, 0.82);
139@define-color column_header_border_bottom_color shade(@core_color_b, 0.70);
140@define-color column_header_border_left_color @column_header_border_top_color;
141
142@define-color column_header_button_gradient_a shade(@core_color_b, 1.05);
143@define-color column_header_button_gradient_b shade(@core_color_b, 1.02);
144@define-color column_header_button_gradient_c @core_color_b;
145@define-color column_header_button_gradient_d shade(@core_color_b, 0.96);
146
147/*********
148 * entry *
149 *********/
150
151@define-color entry_text_color @theme_text_color;
152
153@define-color entry_inner_border_color shade(@core_color_b, 0.96);
154@define-color entry_bg_color @theme_base_color;
155
156/* insensitive */
157
158@define-color entry_insensitive_inner_border_color shade(@core_color_b, 0.97);
159@define-color entry_insensitive_bg_color @insensitive_bg_color;
160
161/************
162 * expander *
163 ************/
164
165@define-color expander_row_selected_border_color mix(#acacac, shade(@core_color_a, 0.75), 0.54);
166
167/*****************
168 * fallback mode *
169 *****************/
170
171@define-color os_chrome_bg_color @theme_bg_color;
172@define-color os_chrome_fg_color @theme_fg_color;
173
174/* gnome-panel */
175
176@define-color applet_frame_bg_color shade(@core_color_b, 0.89);
177@define-color pager_bg_color shade(@core_color_b, 0.97);
178
179/*******************************
180 * info/question/error/warning *
181 *******************************/
182
183@define-color info_bg_color @theme_tooltip_bg_color;
184@define-color info_fg_color @theme_fg_color;
185
186@define-color question_bg_color mix(#727272, shade(@core_color_a, 0.90), 0.95);
187@define-color question_fg_color @theme_base_color;
188
189@define-color error_color #cc0000;
190@define-color error_bg_color mix(#ababab, shade(@error_color, 0.77), 0.78);
191@define-color error_fg_color @theme_base_color;
192
193@define-color warning_bg_color #faad3d;
194@define-color warning_fg_color @theme_fg_color;
195
196/********
197 * menu *
198 ********/
199
200@define-color menu_bg_color shade(@theme_bg_color, 1.04);
201@define-color menu_fg_color @theme_fg_color;
202
203/* Example: submenu arrow. */
204@define-color menu_controls_color @theme_fg_color;
205
206@define-color menu_border_color shade(@core_color_b, 0.72);
207@define-color menu_separator_color @menu_border_color;
208
209/***********
210 * menubar *
211 ***********/
212
213@define-color menubar_gradient_a shade(@core_color_b, 0.99);
214@define-color menubar_gradient_b shade(@core_color_b, 0.98);
215@define-color menubar_gradient_c shade(@core_color_b, 0.96);
216
217/* hover */
218
219@define-color menubar_menuitem_hover_color @theme_selected_fg_color;
220@define-color menubar_menuitem_hover_border_color shade(@core_color_a, 0.58);
221
222@define-color menubar_menuitem_hover_gradient_a @core_color_a;
223@define-color menubar_menuitem_hover_gradient_b shade(@core_color_a, 0.95);
224@define-color menubar_menuitem_hover_gradient_c shade(@core_color_a, 0.93);
225@define-color menubar_menuitem_hover_gradient_d shade(@core_color_a, 0.88);
226
227/************
228 * notebook *
229 ************/
230
231@define-color notebook_bg_color shade(@core_color_b, 1.02);
232
233@define-color notebook_tab_inner_border_color shade(@core_color_b, 1.04);
234
235@define-color notebook_tab_gradient_a shade(@core_color_b, 0.97);
236@define-color notebook_tab_gradient_b shade(@core_color_b, 0.92);
237@define-color notebook_tab_gradient_c shade(@core_color_b, 0.90);
238@define-color notebook_tab_gradient_d shade(@core_color_b, 0.86);
239
240/* active tab */
241
242@define-color notebook_active_tab_border @menubar_menuitem_hover_border_color;
243
244@define-color notebook_active_tab_strip_gradient_a shade(@core_color_a, 1.05);
245@define-color notebook_active_tab_strip_gradient_b shade(@core_color_a, 0.94);
246@define-color notebook_active_tab_strip_border_bottom_color mix(#727272, shade(@core_color_a, 0.84), 0.65);
247@define-color notebook_active_tab_gradient_a shade(@core_color_b, 1.07);
248@define-color notebook_active_tab_gradient_b @notebook_bg_color;
249
250/*******
251 * osd *
252 *******/
253
254@define-color osd_highlight #ffffff;
255@define-color osd_lowlight #525252;
256@define-color osd_base #212526;
257@define-color osd_base_backdrop shade(@osd_base, 1.40);
258
259@define-color osd_fg #ededed;
260@define-color osd_bg alpha(@osd_base, 0.80);
261@define-color osd_bg_backdrop alpha(@osd_base_backdrop, 0.90);
262
263@define-color osd_text_shadow alpha(black, 0.75);
264
265@define-color osd_toolbar_bg_a alpha(@osd_base, 0.50);
266@define-color osd_toolbar_bg_b alpha(#101010, 0.50);
267@define-color osd_toolbar_bg_c alpha(shade(@osd_base, 1.02), 0.50);
268
269@define-color osd_button_bg_a alpha(@osd_highlight, 0.16);
270@define-color osd_button_bg_b alpha(@osd_lowlight, 0.05);
271@define-color osd_button_bg_c alpha(@osd_highlight, 0.12);
272
273@define-color osd_button_bg_insensitive alpha(@osd_bg, 0.25);
274@define-color osd_button_bg_insensitive_active alpha(@osd_bg, 0.16);
275
276@define-color osd_button_bg_hover_a alpha(@osd_highlight, 0.28);
277@define-color osd_button_bg_hover_b alpha(@osd_lowlight, 0.14);
278@define-color osd_button_bg_hover_c alpha(@osd_highlight, 0.14);
279
280@define-color osd_button_bg_active_a alpha(black, .9);
281@define-color osd_button_bg_active_b alpha(black, 0.4);
282@define-color osd_button_bg_active_c alpha(black, 0);
283
284@define-color osd_button_bg_backdrop alpha(@osd_bg, 0.18);
285@define-color osd_button_bg_backdrop_hover alpha(@osd_bg, 0.25);
286@define-color osd_button_bg_backdrop_active alpha(@osd_bg, 0.35);
287@define-color osd_button_bg_backdrop_insensitive alpha(@osd_bg, 0.08);
288
289@define-color osd_button_fg_backdrop shade(@osd_fg, 0.70);
290@define-color osd_button_fg_backdrop_active shade(@osd_fg, 0.95);
291
292@define-color osd_button_fg shade(@osd_fg, 0.80);
293@define-color osd_button_fg_hover shade(@osd_fg, 0.96);
294@define-color osd_button_fg_active shade(@osd_fg, 1.10);
295@define-color osd_button_fg_insensitive shade(@osd_fg, 0.70);
296
297@define-color osd_button_border alpha(@osd_highlight, 0.40);
298@define-color osd_button_border_active alpha(@osd_highlight, 0.8);
299@define-color osd_button_inset shade(@osd_fg, 0.67);
300@define-color osd_button_shadow alpha(black, 0.35);
301
302@define-color osd_trough_bg alpha(@osd_button_fg, 0.10);
303@define-color osd_scale_trough_bg_color alpha(shade(@core_color_b, 0.35), 0.4);
304@define-color osd_scale_trough_highlight_bg_color alpha(shade(@core_color_a, 1.00), 0.4);
305
306@define-color osd_view_bg alpha(@osd_bg, 0.60);
307@define-color osd_view_bg_backdrop alpha(@osd_bg_backdrop, 0.60);
308
309@define-color osd_scrollbar_trough shade(@osd_base, 1.70);
310@define-color osd_scrollbar_trough_backdrop shade(@osd_base_backdrop, 1.40);
311
312@define-color osd_scrollbar_slider shade(@osd_scrollbar_trough, 1.50);
313@define-color osd_scrollbar_slider_prelight shade(@osd_scrollbar_trough, 1.80);
314@define-color osd_scrollbar_slider_active shade(@osd_scrollbar_trough, 2.10);
315@define-color osd_scrollbar_slider_backdrop shade(@osd_scrollbar_trough_backdrop, 1.50);
316
317/***************
318 * progressbar *
319 ***************/
320
321@define-color progressbar_border_color mix(#6a6a6a, shade(@core_color_a, 0.75), 0.80);
322@define-color progressbar_pattern_color @progressbar_border_color;
323
324@define-color progressbar_bg_color @core_color_a;
325
326@define-color progressbar_gradient_a @progressbar_bg_color;
327@define-color progressbar_gradient_b @menubar_menuitem_hover_gradient_b;
328@define-color progressbar_gradient_c @menubar_menuitem_hover_gradient_c;
329@define-color progressbar_gradient_d @menubar_menuitem_hover_gradient_d;
330
331/*********
332 * scale *
333 *********/
334
335@define-color scale_mark_color @border_color;
336@define-color scale_progressbar_bg_color @scale_trough_highlight_gradient_b;
337
338@define-color scale_trough_border_color shade(@core_color_b, 0.56);
339@define-color scale_trough_bg_color shade(@core_color_b, 0.90);
340
341/* trough highlight */
342
343@define-color scale_trough_highlight_border_color mix(#2b2b2b, shade(@core_color_a, 0.75), 0.80);
344@define-color scale_trough_highlight_bg_color shade(@core_color_a, 0.92);
345
346/* trough insensitive */
347
348@define-color scale_trough_insensitive_border_color @insensitive_border_color;
349@define-color scale_trough_insensitive_bg_color shade(@core_color_b, 0.97);
350
351/* trough highlight insensitive */
352
353@define-color scale_trough_highlight_insensitive_border_color mix(#6a6a6a, shade(@core_color_a, 0.88), 0.90);
354@define-color scale_trough_highlight_insensitive_bg_color shade(@core_color_a, 1.20);
355
356/*************
357 * scrollbar *
358 *************/
359
360/* junction */
361
362@define-color scrollbars_junction_bg_color @theme_bg_color;
363
364/* trough */
365
366@define-color scrollbar_trough_border_color shade(@core_color_b, 0.67);
367
368@define-color scrollbar_trough_gradient_a shade(@core_color_b, 0.86);
369@define-color scrollbar_trough_gradient_b shade(@core_color_b, 0.90);
370
371/* slider */
372
373@define-color scrollbar_slider_bg_color shade(@core_color_a, 0.99);
374
375@define-color scrollbar_slider_gradient_a @scrollbar_slider_bg_color;
376@define-color scrollbar_slider_gradient_b shade(@core_color_a, 0.96);
377@define-color scrollbar_slider_gradient_c shade(@core_color_a, 0.92);
378@define-color scrollbar_slider_gradient_d shade(@core_color_a, 0.88);
379
380@define-color scrollbar_slider_border_color mix(#000000, shade(@core_color_a, 0.72), 0.95);
381
382@define-color scrollbar_slider_inner_border_color shade(@core_color_a, 1.04);
383
384/* slider hover */
385
386@define-color scrollbar_slider_hover_bg_color shade(@core_color_a, 1.03);
387
388@define-color scrollbar_slider_hover_gradient_a @scrollbar_slider_hover_bg_color;
389@define-color scrollbar_slider_hover_gradient_b shade(@core_color_a, 0.99);
390@define-color scrollbar_slider_hover_gradient_c shade(@core_color_a, 0.96);
391@define-color scrollbar_slider_hover_gradient_d shade(@core_color_a, 0.91);
392
393/* button */
394
395@define-color scrollbar_button_color @theme_fg_color;
396@define-color scrollbar_button_insensitive_color @internal_element_insensitive_color;
397@define-color scrollbar_button_border_color shade(@core_color_b, 0.56);
398
399@define-color scrollbar_button_gradient_a shade(@core_color_b, 1.07);
400@define-color scrollbar_button_gradient_b shade(@core_color_b, 1.02);
401@define-color scrollbar_button_gradient_c shade(@core_color_b, 0.99);
402@define-color scrollbar_button_gradient_d shade(@core_color_b, 0.95);
403
404/* button hover */
405
406@define-color scrollbar_button_hover_gradient_a shade(@core_color_b, 1.07);
407@define-color scrollbar_button_hover_gradient_b shade(@core_color_b, 1.05);
408@define-color scrollbar_button_hover_gradient_c shade(@core_color_b, 1.02);
409@define-color scrollbar_button_hover_gradient_d shade(@core_color_b, 0.97);
410
411/* button active */
412
413@define-color scrollbar_button_active_gradient_a shade(@core_color_b, 0.95);
414@define-color scrollbar_button_active_gradient_b shade(@core_color_b, 0.92);
415@define-color scrollbar_button_active_gradient_c shade(@core_color_b, 0.89);
416@define-color scrollbar_button_active_gradient_d shade(@core_color_b, 0.85);
417
418/***********
419 * sidebar *
420 ***********/
421
422@define-color sidebar_bg_color @theme_base_color;
423@define-color gtkassistant_sidebar_border_color @border_color;
424
425/**************
426 * spinbutton *
427 **************/
428
429@define-color spinbutton_border_color @border_color;
430
431/**********
432 * switch *
433 **********/
434
435@define-color switch_color shade(@core_color_b, 0.45);
436
437@define-color switch_slider_border_color @progressbar_border_color;
438
439@define-color switch_slider_bg_color @scrollbar_slider_bg_color;
440
441@define-color switch_slider_gradient_a @switch_slider_bg_color;
442@define-color switch_slider_gradient_b @scrollbar_slider_gradient_b;
443@define-color switch_slider_gradient_c @scrollbar_slider_gradient_c;
444@define-color switch_slider_gradient_d @scrollbar_slider_gradient_d;
445
446/* active */
447
448@define-color switch_trough_active_color @theme_base_color;
449
450@define-color switch_trough_active_gradient_a @menubar_menuitem_hover_border_color;
451@define-color switch_trough_active_gradient_b shade(@core_color_a, 1.12);
452
453/* insensitive */
454
455@define-color switch_slider_insensitive_bg_color @button_insensitive_gradient_a;
456
457@define-color switch_slider_insensitive_gradient_a @switch_slider_insensitive_bg_color;
458@define-color switch_slider_insensitive_gradient_b @button_insensitive_gradient_b;
459@define-color switch_slider_insensitive_gradient_c @button_insensitive_gradient_c;
460@define-color switch_slider_insensitive_gradient_d @button_insensitive_gradient_d;
461
462/***********
463 * toolbar *
464 ***********/
465
466@define-color toolbar_border_top_color shade(@core_color_b, 0.82);
467@define-color toolbar_inner_border_color @theme_base_color;
468@define-color toolbar_border_bottom_color @toolbar_border_top_color;
469
470@define-color toolbar_gradient_a shade(@core_color_b, 1.04);
471@define-color toolbar_gradient_b shade(@core_color_b, 1.01);
472@define-color toolbar_gradient_c @core_color_b;
473@define-color toolbar_gradient_d shade(@core_color_b, 0.97);
474
475/***********
476 * tooltip *
477 ***********/
478
479@define-color theme_tooltip_border_color shade(@theme_tooltip_bg_color, 0.60);
480
481/**********
482 * trough *
483 **********/
484
485@define-color trough_gradient_a shade(@core_color_b, 0.81);
486@define-color trough_gradient_b shade(@core_color_b, 0.90);
487
488/************************
489 * overshoot/undershoot *
490 ************************/
491
492@define-color overshoot_bg_color alpha (@theme_selected_bg_color, 0.15);
493@define-color overshoot_backdrop_bg_color @theme_selected_bg_color;
494
495/**********
496 * WM *
497 **********/
498
499@define-color wm_shadow alpha(black, 0.5);
500@define-color wm_border alpha(black,0.18);
501@define-color wm_bg_a shade (@theme_bg_color, 1.05);
502@define-color wm_bg_b @theme_bg_color;
503@define-color wm_csd_solid_border_color shade (@theme_selected_bg_color, 0.55);
504
505/***********
506 * imports *
507 ***********/
508
509@import url("gtk-widgets-img.css");
510@import url("gtk-widgets.css");
511@import url("applications.css");
512@import url("other-applications.css");
513@import url("mate-applications.css");
514
515