Merge lp:~cimi/light-themes/unfocused-theme into lp:~ubuntu-art-pkg/light-themes/trunk

Proposed by Andrea Cimitan
Status: Merged
Merged at revision: 198
Proposed branch: lp:~cimi/light-themes/unfocused-theme
Merge into: lp:~ubuntu-art-pkg/light-themes/trunk
Diff against target: 3195 lines (+2642/-56)
10 files modified
Ambiance/gtk-2.0/gtkrc (+0/-1)
Ambiance/gtk-3.0/gtk-widgets-backdrop.css (+1227/-0)
Ambiance/gtk-3.0/gtk-widgets.css (+95/-31)
Ambiance/gtk-3.0/gtk.css (+4/-0)
Ambiance/metacity-1/metacity-theme-1.xml (+1/-1)
Radiance/gtk-2.0/gtkrc (+3/-4)
Radiance/gtk-3.0/gtk-widgets-backdrop.css (+1227/-0)
Radiance/gtk-3.0/gtk-widgets.css (+81/-19)
Radiance/gtk-3.0/gtk.css (+3/-0)
Radiance/metacity-1/metacity-theme-1.xml (+1/-0)
To merge this branch: bzr merge lp:~cimi/light-themes/unfocused-theme
Reviewer Review Type Date Requested Status
Andrea Cimitan Approve
Review via email: mp+94782@code.launchpad.net

Description of the change

Unfocused window theme and fixes for gtk+ latest

To post a comment you must log in.
197. By Andrea Cimitan

Added radiance unfocused

198. By Andrea Cimitan

Added ambiance unfocused

Revision history for this message
Andrea Cimitan (cimi) wrote :

approved via irc

review: Approve

Preview Diff

[H/L] Next/Prev Comment, [J/K] Next/Prev File, [N/P] Next/Prev Hunk
1=== modified file 'Ambiance/gtk-2.0/gtkrc'
2--- Ambiance/gtk-2.0/gtkrc 2012-02-06 16:10:20 +0000
3+++ Ambiance/gtk-2.0/gtkrc 2012-02-27 15:18:29 +0000
4@@ -510,7 +510,6 @@
5 bg[SELECTED] = "#000000"
6
7 engine "murrine" {
8- border_colors = { mix (0.85, "#ffffff", "#000000"), mix (0.85, "#ffffff", "#000000") }
9 rgba = TRUE
10 }
11 }
12
13=== added file 'Ambiance/gtk-3.0/assets/slider_backdrop.png'
14Binary files Ambiance/gtk-3.0/assets/slider_backdrop.png 1970-01-01 00:00:00 +0000 and Ambiance/gtk-3.0/assets/slider_backdrop.png 2012-02-27 15:18:29 +0000 differ
15=== added file 'Ambiance/gtk-3.0/assets/slider_insensitive.png'
16Binary files Ambiance/gtk-3.0/assets/slider_insensitive.png 1970-01-01 00:00:00 +0000 and Ambiance/gtk-3.0/assets/slider_insensitive.png 2012-02-27 15:18:29 +0000 differ
17=== added file 'Ambiance/gtk-3.0/assets/slider_insensitive_backdrop.png'
18Binary files Ambiance/gtk-3.0/assets/slider_insensitive_backdrop.png 1970-01-01 00:00:00 +0000 and Ambiance/gtk-3.0/assets/slider_insensitive_backdrop.png 2012-02-27 15:18:29 +0000 differ
19=== added file 'Ambiance/gtk-3.0/assets/slider_vertical_backdrop.png'
20Binary files Ambiance/gtk-3.0/assets/slider_vertical_backdrop.png 1970-01-01 00:00:00 +0000 and Ambiance/gtk-3.0/assets/slider_vertical_backdrop.png 2012-02-27 15:18:29 +0000 differ
21=== added file 'Ambiance/gtk-3.0/assets/slider_vertical_insensitive.png'
22Binary files Ambiance/gtk-3.0/assets/slider_vertical_insensitive.png 1970-01-01 00:00:00 +0000 and Ambiance/gtk-3.0/assets/slider_vertical_insensitive.png 2012-02-27 15:18:29 +0000 differ
23=== added file 'Ambiance/gtk-3.0/assets/slider_vertical_insensitive_backdrop.png'
24Binary files Ambiance/gtk-3.0/assets/slider_vertical_insensitive_backdrop.png 1970-01-01 00:00:00 +0000 and Ambiance/gtk-3.0/assets/slider_vertical_insensitive_backdrop.png 2012-02-27 15:18:29 +0000 differ
25=== added file 'Ambiance/gtk-3.0/gtk-widgets-backdrop.css'
26--- Ambiance/gtk-3.0/gtk-widgets-backdrop.css 1970-01-01 00:00:00 +0000
27+++ Ambiance/gtk-3.0/gtk-widgets-backdrop.css 2012-02-27 15:18:29 +0000
28@@ -0,0 +1,1227 @@
29+/* NOTES to contributors:
30+ * use 4 spaces intends, and keep code ALIGNED and ORDERED */
31+
32+GtkWindow:backdrop {
33+ color: mix (@fg_color, @bg_color, 0.17);
34+}
35+
36+* {
37+ /* inherit the color from parent by default */
38+ color: inherit;
39+ background-color: @bg_color;
40+}
41+
42+/**********
43+ * states *
44+ **********/
45+*:insensitive:backdrop {
46+ color: mix (shade (@bg_color, 0.6), @bg_color, 0.2);
47+ text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.5);
48+}
49+
50+*:active:backdrop {
51+}
52+
53+*:active:hover:insensitive:backdrop {
54+}
55+
56+*:active:insensitive:backdrop {
57+}
58+
59+*:hover:backdrop {
60+}
61+
62+*:hover:insensitive:backdrop {
63+}
64+
65+*:selected:backdrop,
66+*:selected:focused:backdrop {
67+ background-color: @backdrop_selected_bg_color;
68+
69+ color: @backdrop_selected_fg_color;
70+}
71+
72+/******************
73+ * common effects *
74+ ******************/
75+/* border and inner stroke */
76+.frame:backdrop,
77+.notebook:backdrop {
78+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
79+ from (shade (@bg_color, 0.86)),
80+ to (shade (@bg_color, 0.82)));
81+}
82+
83+.notebook tab:backdrop {
84+ background-image: -gtk-gradient (linear, left top, left bottom,
85+ from (shade (@bg_color, 0.99)),
86+ color-stop (0.80, shade (@bg_color, 0.97)),
87+ to (shade (@bg_color, 0.94)));
88+
89+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
90+ from (shade (@bg_color, 0.9)),
91+ to (shade (@bg_color, 0.87)));
92+ -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.3);
93+}
94+
95+.notebook tab:active:backdrop {
96+ background-image: -gtk-gradient (linear, left top, left bottom,
97+ from (shade (@bg_color, 1.1)),
98+ to (shade (@bg_color, 1.01)));
99+
100+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
101+ from (shade (@bg_color, 0.92)),
102+ to (shade (@bg_color, 0.86)));
103+}
104+
105+/**********
106+ * button *
107+ **********/
108+GtkComboBox:backdrop,
109+.button:backdrop,
110+GtkComboBox.combobox-entry .button:backdrop,
111+GtkScale.slider:backdrop,
112+GtkScale.slider.vertical:backdrop,
113+.notebook .button:backdrop,
114+.inline-toolbar.toolbar .button:backdrop {
115+ background-image: -gtk-gradient (linear, left top, left bottom,
116+ from (shade (@bg_color, 1.03)),
117+ to (shade (@bg_color, 0.97)));
118+ border-top-color: shade (@bg_color, 0.86);
119+ border-right-color: shade (@bg_color, 0.82);
120+ border-bottom-color: shade (@bg_color, 0.76);
121+ border-left-color: shade (@bg_color, 0.82);
122+
123+ color: mix (@fg_color, @bg_color, 0.2);
124+ text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.16);
125+
126+ -unico-border-gradient: none;
127+ -unico-glow-radius: 0;
128+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
129+ from (shade (@bg_color, 1.05)),
130+ to (shade (@bg_color, 0.985)));
131+}
132+
133+.button:hover:backdrop,
134+GtkComboBox.combobox-entry .button:hover:backdrop,
135+GtkScale.slider:hover:backdrop,
136+GtkScale.slider.vertical:hover:backdrop,
137+.notebook .button:hover:backdrop,
138+.inline-toolbar.toolbar .button:hover:backdrop {
139+ background-image: -gtk-gradient (linear, left top, left bottom,
140+ from (shade (@bg_color, 1.16)),
141+ to (shade (@bg_color, 0.95)));
142+ border-top-color: shade (@bg_color, 0.85);
143+ border-right-color: shade (@bg_color, 0.82);
144+ border-bottom-color: shade (@bg_color, 0.67);
145+ border-left-color: shade (@bg_color, 0.82);
146+
147+ -unico-border-gradient: none;
148+ -unico-glow-color: shade (@bg_color, 1.07);
149+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
150+ from (shade (@bg_color, 1.21)),
151+ to (shade (@bg_color, 1.02)));
152+}
153+
154+.button:active:backdrop,
155+GtkComboBox.combobox-entry .button:active:backdrop,
156+.notebook .button:active:backdrop,
157+.inline-toolbar.toolbar .button:active:backdrop {
158+ background-image: -gtk-gradient (linear, left top, left bottom,
159+ from (shade (@bg_color, 0.9)),
160+ to (shade (@bg_color, 0.95)));
161+ border-top-color: shade (@bg_color, 0.62);
162+ border-right-color: shade (@bg_color, 0.72);
163+ border-bottom-color: shade (@bg_color, 0.76);
164+ border-left-color: shade (@bg_color, 0.72);
165+
166+ -unico-border-gradient: none;
167+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
168+ from (shade (@bg_color, 0.85)),
169+ to (shade (@bg_color, 0.9)));
170+}
171+
172+.button:active:hover:backdrop,
173+GtkComboBox.combobox-entry .button:active:hover:backdrop,
174+.notebook .button:active:hover:backdrop,
175+.inline-toolbar.toolbar .button:active:hover:backdrop {
176+ background-image: -gtk-gradient (linear, left top, left bottom,
177+ from (shade (@bg_color, 0.95)),
178+ to (shade (@bg_color, 1.0)));
179+ border-top-color: shade (@bg_color, 0.64);
180+ border-right-color: shade (@bg_color, 0.74);
181+ border-bottom-color: shade (@bg_color, 0.79);
182+ border-left-color: shade (@bg_color, 0.74);
183+
184+ -unico-border-gradient: none;
185+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
186+ from (shade (@bg_color, 0.93)),
187+ to (shade (@bg_color, 0.94)));
188+}
189+
190+.button:insensitive:backdrop,
191+GtkComboBox.combobox-entry .button:insensitive:backdrop,
192+.notebook .button:insensitive:backdrop,
193+.inline-toolbar.toolbar .button:insensitive:backdrop {
194+ background-image: -gtk-gradient (linear, left top, left bottom,
195+ from (shade (@bg_color, 1.06)),
196+ to (shade (@bg_color, 0.98)));
197+ border-top-color: shade (@bg_color, 0.86);
198+ border-right-color: shade (@bg_color, 0.86);
199+ border-bottom-color: shade (@bg_color, 0.86);
200+ border-left-color: shade (@bg_color, 0.9);
201+
202+ -unico-border-gradient: none;
203+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
204+ from (shade (@bg_color, 1.1)),
205+ to (shade (@bg_color, 1.0)));
206+}
207+
208+/* default button */
209+.button.default:backdrop {
210+ background-image: -gtk-gradient (linear, left top, left bottom,
211+ from (mix (shade (@backdrop_selected_bg_color, 1.16), @bg_color, 0.3)),
212+ to (mix (shade (@backdrop_selected_bg_color, 0.84), @bg_color, 0.3)));
213+
214+ text-shadow: 0 1 alpha (shade (@backdrop_selected_bg_color, 1.26), 0.4);
215+
216+ -unico-focus-border-color: @transparent;
217+ -unico-focus-outer-stroke-color: alpha (@backdrop_selected_bg_color, 0.2);
218+
219+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
220+ from (mix (shade (@backdrop_selected_bg_color, 0.8), @bg_color, 0.3)),
221+ to (mix (shade (@backdrop_selected_bg_color, 0.64), @bg_color, 0.3)));
222+ -unico-glow-radius: 0;
223+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
224+ from (mix (shade (@backdrop_selected_bg_color, 1.26), @bg_color, 0.3)),
225+ to (mix (shade (@backdrop_selected_bg_color, 0.9), @bg_color, 0.3)));
226+}
227+
228+.button.default:hover:backdrop {
229+ background-image: -gtk-gradient (linear, left top, left bottom,
230+ from (mix (shade (@backdrop_selected_bg_color, 1.21), @bg_color, 0.3)),
231+ to (mix (shade (@backdrop_selected_bg_color, 0.89), @bg_color, 0.3)));
232+
233+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
234+ from (mix (shade (@backdrop_selected_bg_color, 0.83), @bg_color, 0.3)),
235+ to (mix (shade (@backdrop_selected_bg_color, 0.67), @bg_color, 0.3)));
236+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
237+ from (mix (shade (@backdrop_selected_bg_color, 1.3), @bg_color, 0.3)),
238+ to (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)));
239+}
240+
241+.button.default:active:backdrop {
242+ background-image: -gtk-gradient (linear, left top, left bottom,
243+ from (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)),
244+ to (mix (shade (@backdrop_selected_bg_color, 1.05), @bg_color, 0.3)));
245+
246+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
247+ from (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)),
248+ to (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)));
249+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
250+ from (mix (shade (@backdrop_selected_bg_color, 0.9), @bg_color, 0.3)),
251+ to (mix (shade (@backdrop_selected_bg_color, 1.0), @bg_color, 0.3)));
252+}
253+
254+.button.default:active:hover:backdrop {
255+ background-image: -gtk-gradient (linear, left top, left bottom,
256+ from (mix (shade (@backdrop_selected_bg_color, 1.0), @bg_color, 0.3)),
257+ to (mix (shade (@backdrop_selected_bg_color, 1.1), @bg_color, 0.3)));
258+
259+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
260+ from (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)),
261+ to (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)));
262+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
263+ from (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)),
264+ to (mix (shade (@backdrop_selected_bg_color, 1.05), @bg_color, 0.3)));
265+}
266+
267+.button.default:insensitive:backdrop {
268+ -unico-glow-radius: 0;
269+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
270+ from (shade (@button_insensitive_bg_color, 1.08)),
271+ to (shade (@button_insensitive_bg_color, 1.0)));
272+}
273+
274+/****************
275+ * cell and row *
276+ ****************/
277+.cell:backdrop {
278+ background-color: mix (@base_color, @bg_color, 0.4);
279+ border-radius: 0;
280+ border-width: 0;
281+}
282+
283+.cell:selected:backdrop {
284+}
285+
286+row:hover:backdrop {
287+}
288+
289+row:insensitive:backdrop {
290+}
291+
292+row:selected:backdrop {
293+ background-image: -gtk-gradient (linear, left top, left bottom,
294+ from (shade (@backdrop_selected_bg_color, 1.06)),
295+ to (shade (@backdrop_selected_bg_color, 1.0)));
296+ border-top-color: shade (@backdrop_selected_bg_color, 0.98);
297+ border-style: solid;
298+ border-width: 1px 0 0 0;
299+
300+ color: @backdrop_selected_fg_color;
301+}
302+
303+row:selected:focused {
304+}
305+
306+/*******************
307+ * check and radio *
308+ *******************/
309+.check row:selected:backdrop,
310+.radio row:selected:backdrop,
311+.check:backdrop,
312+.check row:backdrop,
313+.radio:backdrop,
314+.radio row:backdrop {
315+ background-image: -gtk-gradient (linear, left top, left bottom,
316+ from (mix (shade (@base_color, 0.98), @bg_color, 0.4)),
317+ to (mix (@base_color, @bg_color, 0.4)));
318+ border-top-color: shade (@bg_color, 0.72);
319+ border-right-color: shade (@bg_color, 0.82);
320+ border-bottom-color: shade (@bg_color, 0.88);
321+ border-left-color: shade (@bg_color, 0.82);
322+ border-style: solid;
323+ border-width: 1px;
324+
325+ color: mix (@fg_color, @base_color, 0.2);
326+
327+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
328+ from (alpha (shade (@bg_color, 0.05), 0.02)),
329+ to (alpha (shade (@bg_color, 0.05), 0.01)));
330+}
331+
332+.check:backdrop,
333+.check row:backdrop {
334+ border-radius: 3px;
335+}
336+
337+.radio:backdrop,
338+.radio row:backdrop {
339+ border-radius: 10px;
340+}
341+
342+/* FIXME (Cimi) this is horrible */
343+.check:active:backdrop,
344+.check row:selected:active:backdrop,
345+.check row:selected:focused:active:backdrop,
346+.notebook .check:active:backdrop,
347+.notebook .radio:active:backdrop,
348+.radio:active:backdrop,
349+.radio row:selected:active:backdrop,
350+.radio row:selected:focused:active:backdrop,
351+.check:inconsistent:backdrop,
352+.check row:selected:inconsistent:backdrop,
353+.check row:selected:focused:inconsistent:backdrop,
354+.notebook .check:inconsistent:backdrop,
355+.notebook .radio:inconsistent:backdrop,
356+.radio:inconsistent:backdrop,
357+.radio row:selected:inconsistent:backdrop,
358+.radio row:selected:focused:inconsistent:backdrop {
359+ background-image: -gtk-gradient (linear, left top, left bottom,
360+ from (shade (@backdrop_selected_bg_color, 1.06)),
361+ to (shade (@backdrop_selected_bg_color, 0.94)));
362+
363+ -unico-bullet-color: shade (@backdrop_selected_bg_color, 0.54);
364+ -unico-bullet-outline-color: shade (@backdrop_selected_bg_color, 1.12);
365+
366+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
367+ from (shade (@backdrop_selected_bg_color, 0.78)),
368+ to (shade (@backdrop_selected_bg_color, 0.74)));
369+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
370+ from (shade (@backdrop_selected_bg_color, 1.08)),
371+ to (shade (@backdrop_selected_bg_color, 0.96)));
372+ -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
373+ from (alpha (shade (@bg_color, 0.05), 0.01)),
374+ to (alpha (shade (@bg_color, 0.05), 0.03)));
375+ -unico-outer-stroke-width: 1px;
376+}
377+
378+/* FIXME (Cimi) this is horrible */
379+.check:active:hover:backdrop,
380+.check row:selected:active:hover:backdrop,
381+.check row:selected:focused:active:hover:backdrop,
382+.notebook .check:active:hover:backdrop,
383+.notebook .radio:active:hover:backdrop,
384+.radio:active:hover:backdrop,
385+.radio row:selected:active:hover:backdrop,
386+.radio row:selected:focused:active:hover:backdrop
387+.check:active:hover:inconsistent:backdrop,
388+.check row:selected:active:hover:inconsistent:backdrop,
389+.check row:selected:focused:active:hover:inconsistent:backdrop,
390+.notebook .check:active:hover:inconsistent:backdrop,
391+.notebook .radio:active:hover:inconsistent:backdrop,
392+.radio:active:hover:inconsistent:backdrop,
393+.radio row:selected:active:hover:inconsistent:backdrop,
394+.radio row:selected:focused:active:hover:inconsistent:backdrop {
395+ background-image: -gtk-gradient (linear, left top, left bottom,
396+ from (shade (@backdrop_selected_bg_color, 1.1)),
397+ to (shade (@backdrop_selected_bg_color, 0.98)));
398+
399+ -unico-bullet-color: shade (@backdrop_selected_bg_color, 0.54);
400+ -unico-bullet-outline-color: shade (@backdrop_selected_bg_color, 1.14);
401+
402+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
403+ from (shade (@backdrop_selected_bg_color, 0.8)),
404+ to (shade (@backdrop_selected_bg_color, 0.76)));
405+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
406+ from (shade (@backdrop_selected_bg_color, 1.12)),
407+ to (shade (@backdrop_selected_bg_color, 1.0)));
408+}
409+
410+.check:insensitive:backdrop,
411+.radio:insensitive:backdrop {
412+ background-color: shade (@bg_color, 0.98);
413+ background-image: none;
414+
415+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
416+ from (alpha (shade (@bg_color, 0.05), 0.02)),
417+ to (alpha (shade (@bg_color, 0.05), 0.01)));
418+}
419+
420+.check:insensitive:active:backdrop,
421+.radio:insensitive:active:backdrop,
422+.check:insensitive:inconsistent:backdrop,
423+.radio:insensitive:inconsistent:backdrop {
424+ background-image: -gtk-gradient (linear, left top, left bottom,
425+ from (shade (@bg_color, 1.0)),
426+ to (shade (@bg_color, 0.94)));
427+
428+ -unico-bullet-color: shade (@bg_color, 0.7);
429+ -unico-bullet-outline-color: shade (@bg_color, 1.0);
430+
431+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
432+ from (shade (@bg_color, 0.86)),
433+ to (shade (@bg_color, 0.8)));
434+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
435+ from (shade (@bg_color, 1.02)),
436+ to (shade (@bg_color, 0.96)));
437+}
438+
439+/*****************
440+ * column-header *
441+ *****************/
442+column-header .button:backdrop,
443+column-header .button:active:backdrop,
444+.notebook column-header .button:backdrop,
445+.notebook column-header .button:active:backdrop {
446+ border-radius: 0;
447+ border-width: 0 1px 1px 0;
448+
449+ -unico-glow-radius: 0;
450+ -unico-outer-stroke-width: 0;
451+}
452+
453+column-header .button:backdrop,
454+.notebook column-header .button:backdrop {
455+ background-image: -gtk-gradient (linear, left top, left bottom,
456+ from (shade (@bg_color, 1.04)),
457+ to (shade (@bg_color, 0.98)));
458+
459+ text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.4);
460+
461+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
462+ from (shade (@bg_color, 0.88)),
463+ to (shade (@bg_color, 0.84)));
464+ -unico-glow-color: shade (@bg_color, 1.02);
465+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
466+ from (shade (@bg_color, 1.07)),
467+ to (shade (@bg_color, 1.01)));
468+}
469+
470+column-header .button:hover:backdrop,
471+.notebook column-header .button:hover:backdrop {
472+ background-image: -gtk-gradient (linear, left top, left bottom,
473+ from (shade (@bg_color, 1.06)),
474+ to (shade (@bg_color, 1.0)));
475+
476+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
477+ from (shade (@bg_color, 0.9)),
478+ to (shade (@bg_color, 0.86)));
479+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
480+ from (shade (@bg_color, 1.09)),
481+ to (shade (@bg_color, 1.03)));
482+}
483+
484+column-header:nth-child(last) .button:backdrop {
485+ border-width: 0 0 1px 0;
486+}
487+
488+/******************
489+ * combobox entry *
490+ ******************/
491+GtkComboBox.combobox-entry .button:backdrop,
492+GtkComboBox.combobox-entry .button:hover:backdrop,
493+GtkComboBox.combobox-entry .button:active:backdrop,
494+GtkComboBox.combobox-entry .button:insensitive:backdrop {
495+ border-top-color: shade (@bg_color, 0.64);
496+ border-right-color: shade (@bg_color, 0.8);
497+ border-bottom-color: shade (@bg_color, 0.86);
498+ border-left-color: shade (@bg_color, 0.76);
499+}
500+
501+/*********
502+ * entry *
503+ *********/
504+.entry:backdrop {
505+ background-image: -gtk-gradient (linear, left top, left bottom,
506+ from (mix (shade (@base_color, 0.98), @bg_color, 0.4)),
507+ to (mix (@base_color, @bg_color, 0.4)));
508+ border-top-color: shade (@bg_color, 0.72);
509+ border-right-color: shade (@bg_color, 0.82);
510+ border-bottom-color: shade (@bg_color, 0.88);
511+ border-left-color: shade (@bg_color, 0.82);
512+
513+ color: mix (@fg_color, @base_color, 0.2);
514+
515+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
516+ from (alpha (shade (@bg_color, 0.05), 0.02)),
517+ to (alpha (shade (@bg_color, 0.05), 0.01)));
518+}
519+
520+.entry:selected:backdrop,
521+.entry:selected:focused:backdrop {
522+ background-color: @backdrop_selected_bg_color;
523+
524+ color: @backdrop_selected_fg_color;
525+}
526+
527+.entry:focused:backdrop {
528+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
529+ from (shade (@backdrop_selected_bg_color, 0.75)),
530+ to (shade (@backdrop_selected_bg_color, 0.8)));
531+ -unico-inner-stroke-color: alpha (@backdrop_selected_bg_color, 0.3);
532+ -unico-inner-stroke-gradient: none;
533+}
534+
535+.entry:insensitive:backdrop {
536+ background-color: shade (@bg_color, 0.98);
537+ background-image: none;
538+
539+ color: mix (@text_color, @base_color, 0.5);
540+
541+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
542+ from (alpha (shade (@bg_color, 0.05), 0.02)),
543+ to (alpha (shade (@bg_color, 0.05), 0.01)));
544+}
545+
546+.primary-toolbar .entry.progressbar:backdrop,
547+.primary-toolbar .entry.progressbar:backdrop,
548+.entry.progressbar:backdrop {
549+}
550+
551+/************
552+ * expander *
553+ ************/
554+.expander:backdrop {
555+}
556+
557+/*********
558+ * frame *
559+ *********/
560+.frame:backdrop {
561+}
562+
563+/************
564+ * iconview *
565+ ************/
566+GtkIconView.view.cell:selected:backdrop,
567+GtkIconView.view.cell:selected:focused:backdrop {
568+ background-image: -gtk-gradient (linear, left top, left bottom,
569+ from (shade (@backdrop_selected_bg_color, 1.0)),
570+ to (shade (@backdrop_selected_bg_color, 0.9)));
571+ border-radius: 4px;
572+ border-style: solid;
573+ border-width: 1px;
574+
575+ color: @backdrop_selected_fg_color;
576+
577+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
578+ from (shade (@backdrop_selected_bg_color, 0.7)),
579+ to (shade (@backdrop_selected_bg_color, 0.7)));
580+ -unico-glow-radius: 8;
581+ -unico-glow-color: shade (@backdrop_selected_bg_color, 1.3);
582+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
583+ from (shade (@backdrop_selected_bg_color, 1.2)),
584+ to (shade (@backdrop_selected_bg_color, 1.08)));
585+ -unico-inner-stroke-width: 1px;
586+}
587+
588+.rubberband:backdrop {
589+ background-color: alpha (@backdrop_selected_bg_color, 0.35);
590+ border-color: @backdrop_selected_bg_color;
591+ border-radius: 0;
592+ border-style: solid;
593+ border-width: 1px;
594+}
595+
596+/***********
597+ * infobar *
598+ ***********/
599+.info:backdrop {
600+}
601+
602+.warning:backdrop {
603+}
604+
605+.question:backdrop {
606+}
607+
608+.error:backdrop {
609+}
610+
611+/***********
612+ * menubar *
613+ ***********/
614+.menubar:backdrop,
615+.menubar .menuitem:backdrop {
616+ color: #807d78; /* metacity unfocused color */
617+}
618+
619+/************
620+ * notebook *
621+ ************/
622+.notebook:backdrop {
623+ background-color: shade (@bg_color, 1.01);
624+}
625+
626+.notebook tab:active:backdrop {
627+}
628+
629+.notebook tab:backdrop {
630+}
631+
632+/*************************
633+ * progressbar and scale *
634+ *************************/
635+.scale.highlight.left:backdrop,
636+.progressbar:backdrop,
637+.progressbar row:backdrop,
638+.progressbar row:hover:backdrop,
639+.progressbar row:selected:backdrop,
640+.progressbar row:selected:focused:backdrop {
641+ background-image: -gtk-gradient (linear, left top, left bottom,
642+ from (shade (@backdrop_selected_bg_color, 1.05)),
643+ to (shade (@backdrop_selected_bg_color, 0.95)));
644+ border-width: 1px;
645+
646+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
647+ from (shade (@backdrop_selected_bg_color, 0.8)),
648+ to (shade (@backdrop_selected_bg_color, 0.8)));
649+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
650+ from (shade (@backdrop_selected_bg_color, 1.07)),
651+ to (shade (@backdrop_selected_bg_color, 0.965)));
652+ -unico-outer-stroke-color: @transparent;
653+ -unico-outer-stroke-gradient: none;
654+ -unico-outer-stroke-width: 0;
655+}
656+
657+.scale.highlight.bottom:backdrop,
658+.progressbar.vertical:backdrop {
659+ background-image: -gtk-gradient (linear, left top, right top,
660+ from (shade (@backdrop_selected_bg_color, 1.05)),
661+ to (shade (@backdrop_selected_bg_color, 0.95)));
662+
663+ -unico-border-gradient: -gtk-gradient (linear, left top, right top,
664+ from (shade (@backdrop_selected_bg_color, 0.86)),
665+ to (shade (@backdrop_selected_bg_color, 0.86)));
666+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
667+ from (shade (@backdrop_selected_bg_color, 1.07)),
668+ to (shade (@backdrop_selected_bg_color, 0.965)));
669+}
670+
671+.scale.highlight.left:insensitive:backdrop {
672+ background-image: -gtk-gradient (linear, left top, left bottom,
673+ from (shade (@bg_color, 0.98)),
674+ to (shade (@bg_color, 0.88)));
675+
676+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
677+ from (shade (@bg_color, 0.82)),
678+ to (shade (@bg_color, 0.82)));
679+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
680+ from (shade (@bg_color, 1.0)),
681+ to (shade (@bg_color, 0.90)));
682+}
683+
684+.scale.highlight.bottom:insensitive:backdrop {
685+ background-image: -gtk-gradient (linear, left top, right top,
686+ from (shade (@bg_color, 0.98)),
687+ to (shade (@bg_color, 0.88)));
688+
689+ -unico-border-gradient: -gtk-gradient (linear, left top, right top,
690+ from (shade (@bg_color, 0.82)),
691+ to (shade (@bg_color, 0.82)));
692+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
693+ from (shade (@bg_color, 1.0)),
694+ to (shade (@bg_color, 0.90)));
695+}
696+
697+.trough:backdrop,
698+.trough row:backdrop,
699+.trough row:hover:backdrop,
700+.trough row:selected:backdrop,
701+.trough row:selected:focused:backdrop {
702+ background-image: -gtk-gradient (linear, left top, left bottom,
703+ from (shade (@bg_color, 0.94)),
704+ to (shade (@bg_color, 0.98)));
705+
706+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
707+ from (shade (@bg_color, 0.85)),
708+ to (shade (@bg_color, 1.05)));
709+}
710+
711+.trough.vertical:backdrop {
712+ background-image: -gtk-gradient (linear, left top, right top,
713+ from (shade (@bg_color, 0.94)),
714+ to (shade (@bg_color, 0.98)));
715+
716+ -unico-border-gradient: -gtk-gradient (linear, left top, right top,
717+ from (shade (@bg_color, 0.85)),
718+ to (shade (@bg_color, 1.05)));
719+}
720+
721+GtkScale.slider:backdrop {
722+ background-image: url("assets/slider_backdrop.png");
723+}
724+
725+GtkScale.slider:hover:backdrop {
726+ background-image: url("assets/slider_prelight.png");
727+}
728+
729+GtkScale.slider:insensitive:backdrop {
730+ background-image: url("assets/slider_insensitive_backdrop.png");
731+}
732+
733+GtkScale.slider.vertical:backdrop {
734+ background-image: url("assets/slider_vertical_backdrop.png");
735+}
736+
737+GtkScale.slider.vertical:hover:backdrop {
738+ background-image: url("assets/slider_prelight_vertical.png");
739+}
740+
741+GtkScale.slider.vertical:insensitive:backdrop {
742+ background-image: url("assets/slider_vertical_insensitive_backdrop.png");
743+}
744+
745+GtkScale.mark:backdrop {
746+}
747+
748+/*******************
749+ * scrolled window *
750+ *******************/
751+GtkScrolledWindow.frame:backdrop {
752+}
753+
754+/*************
755+ * separator *
756+ *************/
757+.separator:backdrop {
758+ border-color: shade (@bg_color, 0.92);
759+
760+ -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.4);
761+}
762+
763+.button .separator:backdrop,
764+.button.separator:backdrop {
765+ border-color: shade (@bg_color, 0.86);
766+
767+ -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.5);
768+}
769+
770+.notebook .button .separator:backdrop,
771+.notebook .button.separator:backdrop {
772+ border-color: shade (@bg_color, 0.86);
773+
774+ -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.5);
775+}
776+
777+.button .separator:insensitive:backdrop,
778+.button.separator:insensitive:backdrop {
779+ border-color: shade (@bg_color, 0.92);
780+
781+ -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6);
782+}
783+
784+.notebook .button .separator:insensitive:backdrop,
785+.notebook .button.separator:insensitive:backdrop {
786+ border-color: shade (@bg_color, 0.92);
787+
788+ -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6);
789+}
790+
791+.menuitem.separator:backdrop {
792+}
793+
794+.menubar .menuitem.separator:backdrop,
795+.primary-toolbar .menuitem.separator:backdrop {
796+}
797+
798+/***********
799+ * sidebar *
800+ ***********/
801+.sidebar:backdrop,
802+.sidebar .view:backdrop {
803+}
804+
805+.sidebar row:selected:backdrop {
806+ text-shadow: 0 1 shade (@backdrop_selected_bg_color, 0.7);
807+}
808+
809+.sidebar .frame:backdrop {
810+}
811+
812+/**************
813+ * spinbutton *
814+ **************/
815+.spinbutton.button:active:backdrop,
816+.spinbutton.button:insensitive:backdrop,
817+.notebook .spinbutton.button:active:backdrop,
818+.notebook .spinbutton.button:insensitive:backdrop,
819+.spinbutton.button:backdrop,
820+.notebook .spinbutton.button:backdrop {
821+}
822+
823+.spinbutton.button:active:nth-child(last):backdrop,
824+.spinbutton.button:insensitive:nth-child(last):backdrop,
825+.notebook .spinbutton.button:active:nth-child(last):backdrop,
826+.notebook .spinbutton.button:insensitive:nth-child(last):backdrop,
827+.spinbutton.button:nth-child(last):backdrop,
828+.notebook .spinbutton.button:nth-child(last):backdrop {
829+}
830+
831+.spinbutton.button:backdrop,
832+.notebook .spinbutton.button:backdrop {
833+ background-image: -gtk-gradient (linear, left top, left bottom,
834+ from (shade (@bg_color, 1.06)),
835+ to (shade (@bg_color, 0.94)));
836+ border-top-color: shade (@bg_color, 0.72);
837+ border-right-color: shade (@bg_color, 0.82);
838+ border-bottom-color: shade (@bg_color, 0.88);
839+ border-left-color: shade (@bg_color, 0.82);
840+
841+ -unico-border-gradient: none;
842+}
843+
844+.spinbutton:backdrop,
845+.spinbutton:hover:backdrop {
846+}
847+
848+/***********
849+ * spinner *
850+ ***********/
851+.menu.spinner:backdrop,
852+.primary-toolbar .spinner:backdrop,
853+.primary-toolbar .spinner:backdrop {
854+ color: @backdrop_selected_bg_color;
855+}
856+
857+/*************
858+ * statusbar *
859+ *************/
860+GtkStatusbar:backdrop {
861+}
862+
863+/**********
864+ * switch *
865+ **********/
866+GtkSwitch:backdrop {
867+ border-radius: 4px;
868+ padding: 0;
869+
870+ -unico-focus-border-radius: 4;
871+ -unico-focus-border-color: alpha (@backdrop_selected_bg_color, 0.3);
872+ -unico-focus-fill-color: @transparent;
873+}
874+
875+GtkSwitch.trough:backdrop {
876+ background-image: -gtk-gradient (linear, left top, left bottom,
877+ from (shade (@bg_color, 0.89)),
878+ to (shade (@bg_color, 0.96)));
879+
880+ color: mix (@fg_color, @bg_color, 0.17);
881+ text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.3);
882+
883+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
884+ from (shade (@bg_color, 0.75)),
885+ to (shade (@bg_color, 0.78)));
886+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
887+ from (shade (@bg_color, 0.85)),
888+ to (shade (@bg_color, 0.92)));
889+}
890+
891+GtkSwitch.trough:active:backdrop {
892+ background-image: -gtk-gradient (linear, left top, left bottom,
893+ from (shade (@backdrop_selected_bg_color, 0.93)),
894+ to (shade (@backdrop_selected_bg_color, 0.99)));
895+
896+ color: @backdrop_selected_fg_color;
897+ text-shadow: 0 1 alpha (shade (@backdrop_selected_bg_color, 1.25), 0.4);
898+
899+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
900+ from (shade (@backdrop_selected_bg_color, 0.75)),
901+ to (shade (@backdrop_selected_bg_color, 0.78)));
902+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
903+ from (shade (@backdrop_selected_bg_color, 0.86)),
904+ to (shade (@backdrop_selected_bg_color, 0.94)));
905+}
906+
907+GtkSwitch.trough:insensitive:backdrop {
908+ background-image: -gtk-gradient (linear, left top, left bottom,
909+ from (shade (@bg_color, 0.95)),
910+ to (shade (@bg_color, 0.99)));
911+
912+ color: mix (shade (@bg_color, 0.6), @bg_color, 0.17);
913+ text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.5);
914+
915+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
916+ from (shade (@bg_color, 0.8)),
917+ to (shade (@bg_color, 0.84)));
918+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
919+ from (shade (@bg_color, 0.91)),
920+ to (shade (@bg_color, 0.965)));
921+}
922+
923+GtkSwitch.slider:backdrop {
924+ background-image: -gtk-gradient (linear, left top, left bottom,
925+ from (shade (@bg_color, 1.06)),
926+ to (shade (@bg_color, 0.94)));
927+
928+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
929+ from (shade (@bg_color, 0.75)),
930+ to (shade (@bg_color, 0.78)));
931+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
932+ from (shade (@bg_color, 1.08)),
933+ to (shade (@bg_color, 0.96)));
934+}
935+
936+GtkSwitch.slider:insensitive:backdrop {
937+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
938+ from (shade (@bg_color, 0.8)),
939+ to (shade (@bg_color, 0.84)));
940+}
941+
942+/************
943+ * textview *
944+ ************/
945+GtkTextView:backdrop {
946+ background-color: mix (@base_color, @bg_color, 0.4);
947+}
948+
949+/***********
950+ * toolbar *
951+ ***********/
952+.toolbar:backdrop {
953+ border-style: none;
954+}
955+
956+/* primary-toolbar */
957+.primary-toolbar:backdrop,
958+.primary-toolbar .toolbar:backdrop,
959+.primary-toolbar.toolbar:backdrop {
960+ -GtkWidget-window-dragging: true;
961+
962+ background-color: @dark_bg_color;
963+ background-image: none;
964+ border-bottom-color: shade (@dark_bg_color, 0.8);
965+ border-style: solid;
966+ border-width: 0 0 1px 0;
967+ padding: 2px;
968+
969+ color: #807d78; /* metacity unfocused color */
970+ text-shadow: 0 -1 shade (@dark_bg_color, 0.82);
971+
972+ -unico-border-gradient: none;
973+ -unico-inner-stroke-gradient: none;
974+ -unico-inner-stroke-width: 0;
975+}
976+
977+.primary-toolbar :insensitive:backdrop {
978+ text-shadow: 0 -1 shade (@dark_bg_color, 0.82);
979+}
980+
981+.primary-toolbar GtkComboBox:backdrop,
982+.primary-toolbar .button *:backdrop,
983+.primary-toolbar .button:backdrop {
984+ background-color: @transparent;
985+ background-image: none;
986+ border-color: @transparent;
987+ border-radius: 3px;
988+ border-width: 1px;
989+ padding: 2px;
990+
991+ color: #807d78; /* metacity unfocused color */
992+ text-shadow: 0 -1 shade (@dark_bg_color, 0.82);
993+
994+ transition: 0ms ease-in-out;
995+
996+ -unico-focus-border-radius: 4;
997+ -unico-focus-border-color: alpha (@backdrop_selected_bg_color, 0.5);
998+ -unico-focus-fill-color: alpha (@backdrop_selected_bg_color, 0.2);
999+ -unico-focus-outer-stroke-color: @transparent;
1000+
1001+ -unico-border-gradient: none;
1002+ -unico-glow-radius: 0;
1003+ -unico-inner-stroke-width: 0;
1004+ -unico-outer-stroke-width: 0;
1005+}
1006+
1007+.primary-toolbar .button *:hover:backdrop {
1008+ color: shade (#807d78, 1.1);
1009+}
1010+
1011+.primary-toolbar .raised .button:backdrop,
1012+.primary-toolbar .raised.button:backdrop,
1013+.primary-toolbar .button:hover:backdrop,
1014+.primary-toolbar .button:active:backdrop,
1015+.primary-toolbar .button:insensitive:backdrop {
1016+ border-width: 1px;
1017+
1018+ transition: 0ms ease-in-out;
1019+
1020+ -unico-focus-border-radius: 0;
1021+ -unico-focus-fill-color: @transparent;
1022+ -unico-focus-border-color: @transparent;
1023+ -unico-focus-outer-stroke-color: @transparent;
1024+
1025+ -unico-inner-stroke-width: 1px;
1026+ -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1027+ from (shade (@dark_bg_color, 1.02)),
1028+ to (shade (@dark_bg_color, 1.1)));
1029+ -unico-outer-stroke-width: 1px;
1030+}
1031+
1032+.primary-toolbar GtkComboBox.combobox-entry .button:backdrop {
1033+ -unico-inner-stroke-width: 1px;
1034+ -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1035+ from (shade (@dark_bg_color, 1.02)),
1036+ to (shade (@dark_bg_color, 1.1)));
1037+}
1038+
1039+.primary-toolbar GtkComboBox.combobox-entry .button:backdrop,
1040+.primary-toolbar .raised .button:backdrop,
1041+.primary-toolbar .raised.button:backdrop,
1042+.primary-toolbar .button:hover:backdrop {
1043+ background-image: -gtk-gradient (linear, left top, left bottom,
1044+ from (shade (@dark_bg_color, 1.06)),
1045+ to (shade (@dark_bg_color, 0.98)));
1046+
1047+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1048+ from (shade (@dark_bg_color, 0.9)),
1049+ to (shade (@dark_bg_color, 0.87)));
1050+ -unico-glow-radius: 0;
1051+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1052+ from (shade (@dark_bg_color, 1.12)),
1053+ to (shade (@dark_bg_color, 1.02)));
1054+}
1055+
1056+.primary-toolbar .button:active:backdrop {
1057+ background-image: -gtk-gradient (linear, left top, left bottom,
1058+ from (shade (@dark_bg_color, 0.9)),
1059+ to (shade (@dark_bg_color, 0.95)));
1060+
1061+ text-shadow: 0 -1 shade (@dark_bg_color, 0.5);
1062+
1063+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1064+ from (shade (@dark_bg_color, 0.75)),
1065+ to (shade (@dark_bg_color, 0.85)));
1066+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1067+ from (shade (@dark_bg_color, 0.88)),
1068+ to (shade (@dark_bg_color, 0.93)))
1069+}
1070+
1071+.primary-toolbar .button:active:hover:backdrop {
1072+ background-image: -gtk-gradient (linear, left top, left bottom,
1073+ from (shade (@dark_bg_color, 0.95)),
1074+ to (shade (@dark_bg_color, 1.0)));
1075+
1076+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1077+ from (shade (@dark_bg_color, 0.75)),
1078+ to (shade (@dark_bg_color, 0.85)));
1079+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1080+ from (shade (@dark_bg_color, 0.93)),
1081+ to (shade (@dark_bg_color, 0.94)))
1082+}
1083+
1084+.primary-toolbar .button:active:insensitive:backdrop,
1085+.primary-toolbar .button:insensitive:backdrop {
1086+ text-shadow: none;
1087+
1088+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1089+ from (shade (@dark_bg_color, 0.85)),
1090+ to (shade (@dark_bg_color, 0.95)));
1091+ -unico-glow-radius: 0;
1092+ -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1093+ from (shade (@dark_bg_color, 1.02)),
1094+ to (shade (@dark_bg_color, 1.1)));
1095+}
1096+
1097+.primary-toolbar .button:insensitive:backdrop {
1098+ background-image: -gtk-gradient (linear, left top, left bottom,
1099+ from (shade (@dark_bg_color, 1.01)),
1100+ to (shade (@dark_bg_color, 0.99)));
1101+
1102+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1103+ from (shade (@dark_bg_color, 1.1)),
1104+ to (shade (@dark_bg_color, 1.04)));
1105+}
1106+
1107+.primary-toolbar .button:active:insensitive:backdrop {
1108+ background-image: -gtk-gradient (linear, left top, left bottom,
1109+ from (shade (@dark_bg_color, 0.94)),
1110+ to (shade (@dark_bg_color, 1.02)));
1111+
1112+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1113+ from (shade (@dark_bg_color, 0.92)),
1114+ to (shade (@dark_bg_color, 1.0)));
1115+}
1116+
1117+.primary-toolbar .entry:backdrop,
1118+.primary-toolbar .entry:active:backdrop,
1119+.primary-toolbar .entry:focused:backdrop {
1120+ border-radius: 3px;
1121+
1122+ color: @text_color;
1123+
1124+ -unico-outer-stroke-width: 1px;
1125+ -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1126+ from (shade (@dark_bg_color, 1.02)),
1127+ to (shade (@dark_bg_color, 1.1)));
1128+}
1129+
1130+.primary-toolbar .entry:backdrop {
1131+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1132+ from (shade (@dark_bg_color, 0.75)),
1133+ to (shade (@dark_bg_color, 0.95)));
1134+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1135+ from (alpha (shade (@bg_color, 0.05), 0.16)),
1136+ to (alpha (shade (@bg_color, 0.05), 0.08)));
1137+}
1138+
1139+.primary-toolbar .entry:insensitive:backdrop {
1140+ -unico-outer-stroke-width: 1px;
1141+ -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1142+ from (shade (@dark_bg_color, 1.02)),
1143+ to (shade (@dark_bg_color, 1.1)));
1144+}
1145+
1146+.primary-toolbar .entry:focused:backdrop {
1147+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1148+ from (shade (@backdrop_selected_bg_color, 0.75)),
1149+ to (shade (@backdrop_selected_bg_color, 0.8)));
1150+ -unico-inner-stroke-color: alpha (@backdrop_selected_bg_color, 0.2);
1151+ -unico-inner-stroke-gradient: none;
1152+}
1153+
1154+.primary-toolbar GtkSeparatorToolItem:backdrop,
1155+.primary-toolbar .separator:backdrop,
1156+.primary-toolbar .separator:insensitive:backdrop {
1157+ border-color: shade (@dark_bg_color, 0.94);
1158+ border-style: solid;
1159+
1160+ -unico-border-gradient: none;
1161+ -unico-inner-stroke-color: shade (@dark_bg_color, 1.08);
1162+ -unico-inner-stroke-gradient: none;
1163+}
1164+
1165+/* inline-toolbar */
1166+.inline-toolbar.toolbar:backdrop {
1167+ -GtkToolbar-button-relief: normal;
1168+
1169+ background-image: -gtk-gradient (linear, left top, left bottom,
1170+ from (shade (#f2f1ef, 0.96)),
1171+ color-stop (0.08, #f2f1ef),
1172+ to (#ffffff));
1173+ border-radius: 0;
1174+ border-style: solid;
1175+ border-width: 1px;
1176+ padding: 3px 4px 4px 4px;
1177+}
1178+
1179+.inline-toolbar.toolbar:nth-child(last):backdrop {
1180+ border-bottom-color: shade (@bg_color, 0.76);
1181+ border-color: shade (@bg_color, 0.8);
1182+ border-radius: 0 0 3px 3px;
1183+ border-width: 0 1px 1px 1px;
1184+}
1185+
1186+.inline-toolbar.toolbar .button:backdrop {
1187+ background-image: -gtk-gradient (linear, left top, left bottom,
1188+ from (shade (@bg_color, 1.06)),
1189+ to (shade (@bg_color, 0.94)));
1190+ border-radius: 0;
1191+ border-style: solid;
1192+ border-width: 1px 0 1px 1px;
1193+ padding: 1px;
1194+
1195+ icon-shadow: 0 1 shade (@bg_color, 1.16);
1196+
1197+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1198+ from (shade (@bg_color, 1.09)),
1199+ to (shade (@bg_color, 0.97)));
1200+ -unico-outer-stroke-width: 1px 0 1px 0;
1201+ -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1202+ from (alpha (shade (@bg_color, 0.05), 0.01)),
1203+ to (alpha (shade (@bg_color, 0.05), 0.03)));
1204+}
1205+
1206+.inline-toolbar.toolbar .button *:active:backdrop,
1207+.inline-toolbar.toolbar .button *:insensitive:backdrop,
1208+.inline-toolbar.toolbar GtkToolButton .button:active:backdrop,
1209+.inline-toolbar.toolbar GtkToolButton .button:insensitive:backdrop {
1210+ -unico-outer-stroke-width: 1px 0 1px 0;
1211+ -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1212+ from (alpha (shade (@bg_color, 0.05), 0.008)),
1213+ to (alpha (shade (@bg_color, 0.05), 0.01)));
1214+}
1215+
1216+.inline-toolbar.toolbar .button *:insensitive:backdrop,
1217+.inline-toolbar.toolbar GtkToolButton .button:insensitive:backdrop {
1218+ background-image: -gtk-gradient (linear, left top, left bottom,
1219+ from (shade (@bg_color, 1.02)),
1220+ to (shade (@bg_color, 0.98)));
1221+
1222+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1223+ from (shade (@bg_color, 0.85)),
1224+ to (shade (@bg_color, 0.8)));
1225+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1226+ from (shade (@bg_color, 1.16)),
1227+ to (shade (@bg_color, 1.0)));
1228+}
1229+
1230+.inline-toolbar.toolbar .button:nth-child(first):backdrop,
1231+.inline-toolbar.toolbar GtkToolButton:nth-child(first) .button:backdrop {
1232+ border-radius: 3px 0 0 3px;
1233+
1234+ -unico-outer-stroke-width: 1px 0 1px 1px;
1235+}
1236+
1237+.inline-toolbar.toolbar .button:nth-child(last):backdrop,
1238+.inline-toolbar.toolbar GtkToolButton:nth-child(last) .button:backdrop {
1239+ border-radius: 0 3px 3px 0;
1240+ border-width: 1px;
1241+
1242+ -unico-outer-stroke-width: 1px 1px 1px 0;
1243+}
1244+
1245+/************
1246+ * treeview *
1247+ ************/
1248+GtkTreeView .entry:backdrop {
1249+}
1250+
1251+/************
1252+ * viewport *
1253+ ************/
1254+GtkViewport.frame:backdrop {
1255+}
1256
1257=== modified file 'Ambiance/gtk-3.0/gtk-widgets.css'
1258--- Ambiance/gtk-3.0/gtk-widgets.css 2012-02-09 12:01:40 +0000
1259+++ Ambiance/gtk-3.0/gtk-widgets.css 2012-02-27 15:18:29 +0000
1260@@ -51,7 +51,8 @@
1261 -GtkWidget-focus-line-width: 1px;
1262 -GtkWidget-link-color: @link_color;
1263 -GtkWidget-visited-link-color: @link_color;
1264- -GtkWindow-resize-grip-default: false;
1265+ -GtkWindow-resize-grip-width: 0;
1266+ -GtkWindow-resize-grip-height: 0;
1267 -WnckTasklist-fade-overlay-rect: 0;
1268
1269 border-width: 1px;
1270@@ -114,6 +115,8 @@
1271 .button,
1272 .frame,
1273 .notebook {
1274+ border-style: solid;
1275+
1276 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1277 from (shade (@bg_color, 0.8)),
1278 to (shade (@bg_color, 0.76)));
1279@@ -215,7 +218,6 @@
1280 }
1281
1282 GtkComboBox,
1283-GtkScale.slider,
1284 .button {
1285 background-image: -gtk-gradient (linear, left top, left bottom,
1286 from (shade (@button_bg_color, 1.1)),
1287@@ -239,7 +241,6 @@
1288 -unico-inner-stroke-width: 1px;
1289 }
1290
1291-GtkScale.slider:hover,
1292 .button:hover {
1293 background-image: -gtk-gradient (linear, left top, left bottom,
1294 from (shade (@button_bg_color, 1.16)),
1295@@ -538,6 +539,7 @@
1296 border-radius: 10px;
1297 }
1298
1299+/* FIXME (Cimi) this is horrible */
1300 .check:active,
1301 .check row:selected:active,
1302 .check row:selected:focused:active,
1303@@ -545,7 +547,15 @@
1304 .notebook .radio:active,
1305 .radio:active,
1306 .radio row:selected:active,
1307-.radio row:selected:focused:active {
1308+.radio row:selected:focused:active,
1309+.check:inconsistent,
1310+.check row:selected:inconsistent,
1311+.check row:selected:focused:inconsistent,
1312+.notebook .check:inconsistent,
1313+.notebook .radio:inconsistent,
1314+.radio:inconsistent,
1315+.radio row:selected:inconsistent,
1316+.radio row:selected:focused:inconsistent {
1317 background-image: -gtk-gradient (linear, left top, left bottom,
1318 from (shade (@selected_bg_color, 1.2)),
1319 color-stop (0.5, shade (@selected_bg_color, 1.0)),
1320@@ -566,6 +576,7 @@
1321 -unico-outer-stroke-width: 1px;
1322 }
1323
1324+/* FIXME (Cimi) this is horrible */
1325 .check:active:hover,
1326 .check row:selected:active:hover,
1327 .check row:selected:focused:active:hover,
1328@@ -573,7 +584,15 @@
1329 .notebook .radio:active:hover,
1330 .radio:active:hover,
1331 .radio row:selected:active:hover,
1332-.radio row:selected:focused:active:hover {
1333+.radio row:selected:focused:active:hover,
1334+.check:active:hover:inconsistent,
1335+.check row:selected:active:hover:inconsistent,
1336+.check row:selected:focused:active:hover:inconsistent,
1337+.notebook .check:active:hover:inconsistent,
1338+.notebook .radio:active:hover:inconsistent,
1339+.radio:active:hover:inconsistent,
1340+.radio row:selected:active:hover:inconsistent,
1341+.radio row:selected:focused:active:hover:inconsistent {
1342 background-image: -gtk-gradient (linear, left top, left bottom,
1343 from (shade (@selected_bg_color, 1.26)),
1344 color-stop (0.5, shade (@selected_bg_color, 1.05)),
1345@@ -609,7 +628,9 @@
1346 }
1347
1348 .check:insensitive:active,
1349-.radio:insensitive:active {
1350+.radio:insensitive:active,
1351+.check:insensitive:inconsistent,
1352+.radio:insensitive:inconsistent {
1353 background-image: -gtk-gradient (linear, left top, left bottom,
1354 from (shade (@bg_color, 0.96)),
1355 to (shade (@bg_color, 0.9)));
1356@@ -772,6 +793,8 @@
1357 background-color: shade (@bg_color, 0.96);
1358 background-image: none;
1359
1360+ color: mix (@text_color, @base_color, 0.4);
1361+
1362 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1363 from (alpha (shade (@bg_color, 0.05), 0.04)),
1364 to (alpha (shade (@bg_color, 0.05), 0.02)));
1365@@ -1033,7 +1056,7 @@
1366 border-radius: 0;
1367 border-style: solid;
1368 border-width: 1px;
1369- padding: 2px;
1370+ padding: 3px 2px 3px 2px;
1371
1372 -unico-inner-stroke-width: 1px;
1373 }
1374@@ -1180,14 +1203,14 @@
1375
1376 .notebook tab {
1377 background-image: -gtk-gradient (linear, left top, left bottom,
1378- from (shade (@bg_color, 0.97)),
1379- color-stop (0.80, shade (@bg_color, 0.95)),
1380+ from (shade (@bg_color, 0.98)),
1381+ color-stop (0.80, shade (@bg_color, 0.96)),
1382 to (shade (@bg_color, 0.92)));
1383
1384 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1385- from (shade (@bg_color, 0.86)),
1386- to (shade (@bg_color, 0.84)));
1387- -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.34);
1388+ from (shade (@bg_color, 0.89)),
1389+ to (shade (@bg_color, 0.86)));
1390+ -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.3);
1391 -unico-inner-stroke-gradient: none;
1392 -unico-inner-stroke-width: 1px;
1393 -unico-outer-stroke-color: @transparent;
1394@@ -1195,11 +1218,11 @@
1395 -unico-outer-stroke-width: 1px;
1396 }
1397
1398-.notebook tab GtkLabel:active {
1399+.notebook tab:active {
1400 color: @fg_color;
1401 }
1402
1403-.notebook tab GtkLabel {
1404+.notebook tab {
1405 color: shade (@bg_color, 0.48);
1406 }
1407
1408@@ -1209,8 +1232,6 @@
1409
1410 .notebook tab.top {
1411 padding: 2px 5px 0 5px;
1412-
1413- color: shade (@bg_color, 0.9);
1414 }
1415
1416 .notebook tab.right:active {
1417@@ -1284,6 +1305,7 @@
1418 background-image: -gtk-gradient (linear, left top, left bottom,
1419 from (shade (@selected_bg_color, 1.13)),
1420 to (shade (@selected_bg_color, 0.9)));
1421+ border-style: solid;
1422 border-width: 1px;
1423
1424 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1425@@ -1303,6 +1325,8 @@
1426 background-image: -gtk-gradient (linear, left top, right top,
1427 from (shade (@selected_bg_color, 1.13)),
1428 to (shade (@selected_bg_color, 0.9)));
1429+ border-style: solid;
1430+ border-width: 1px;
1431
1432 -unico-border-gradient: -gtk-gradient (linear, left top, right top,
1433 from (shade (@selected_bg_color, 0.75)),
1434@@ -1312,6 +1336,32 @@
1435 to (shade (@selected_bg_color, 1.0)));
1436 }
1437
1438+.scale.highlight.left:insensitive {
1439+ background-image: -gtk-gradient (linear, left top, left bottom,
1440+ from (shade (@bg_color, 0.95)),
1441+ to (shade (@bg_color, 0.85)));
1442+
1443+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1444+ from (shade (@bg_color, 0.75)),
1445+ to (shade (@bg_color, 0.75)));
1446+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1447+ from (shade (@bg_color, 0.97)),
1448+ to (shade (@bg_color, 0.865)));
1449+}
1450+
1451+.scale.highlight.bottom:insensitive {
1452+ background-image: -gtk-gradient (linear, left top, right top,
1453+ from (shade (@bg_color, 0.95)),
1454+ to (shade (@bg_color, 0.85)));
1455+
1456+ -unico-border-gradient: -gtk-gradient (linear, left top, right top,
1457+ from (shade (@bg_color, 0.75)),
1458+ to (shade (@bg_color, 0.75)));
1459+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
1460+ from (shade (@bg_color, 0.97)),
1461+ to (shade (@bg_color, 0.865)));
1462+}
1463+
1464 .trough,
1465 .trough row,
1466 .trough row:hover,
1467@@ -1320,6 +1370,7 @@
1468 background-image: -gtk-gradient (linear, left top, left bottom,
1469 from (shade (@bg_color, 0.92)),
1470 to (shade (@bg_color, 0.96)));
1471+ border-style: solid;
1472 border-width: 1px;
1473
1474 color: @text_color;
1475@@ -1361,6 +1412,10 @@
1476 background-image: url("assets/slider_prelight.png");
1477 }
1478
1479+GtkScale.slider:insensitive {
1480+ background-image: url("assets/slider_insensitive.png");
1481+}
1482+
1483 GtkScale.slider.vertical {
1484 background-image: url("assets/slider_vertical.png");
1485 }
1486@@ -1369,6 +1424,10 @@
1487 background-image: url("assets/slider_prelight_vertical.png");
1488 }
1489
1490+GtkScale.slider.vertical:insensitive {
1491+ background-image: url("assets/slider_vertical_insensitive.png");
1492+}
1493+
1494 GtkScale.mark {
1495 border-color: shade (@bg_color, 0.8);
1496 }
1497@@ -1506,14 +1565,6 @@
1498 -unico-inner-stroke-gradient: none;
1499 }
1500
1501-.notebook .button .separator,
1502-.notebook .button.separator {
1503- border-color: shade (@bg_color, 0.9);
1504-
1505- -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6);
1506- -unico-inner-stroke-gradient: none;
1507-}
1508-
1509 .button .separator:insensitive,
1510 .button.separator:insensitive {
1511 border-color: shade (@button_insensitive_bg_color, 0.9);
1512@@ -1530,6 +1581,14 @@
1513 -unico-inner-stroke-gradient: none;
1514 }
1515
1516+.notebook .button .separator:insensitive,
1517+.notebook .button.separator:insensitive {
1518+ border-color: shade (@bg_color, 0.9);
1519+
1520+ -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6);
1521+ -unico-inner-stroke-gradient: none;
1522+}
1523+
1524 .menuitem.separator {
1525 -GtkMenuItem-horizontal-padding: 0;
1526 -GtkWidget-separator-height: 4;
1527@@ -1587,10 +1646,12 @@
1528 background-image: -gtk-gradient (linear, left top, left bottom,
1529 from (shade (@bg_color, 1.1)),
1530 to (shade (@bg_color, 0.9)));
1531+ border-top-color: shade (@bg_color, 0.64);
1532+ border-right-color: shade (@bg_color, 0.76);
1533+ border-bottom-color: shade (@bg_color, 0.82);
1534+ border-left-color: shade (@bg_color, 0.76);
1535
1536- -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1537- from (shade (@bg_color, 0.65)),
1538- to (shade (@bg_color, 0.7)));
1539+ -unico-border-gradient: none;
1540 }
1541
1542 .spinbutton,
1543@@ -1611,7 +1672,6 @@
1544 * statusbar *
1545 *************/
1546 GtkStatusbar {
1547- color: @fg_color;
1548 }
1549
1550 /**********
1551@@ -1679,6 +1739,7 @@
1552 background-image: -gtk-gradient (linear, left top, left bottom,
1553 from (shade (@bg_color, 1.1)),
1554 to (shade (@bg_color, 0.9)));
1555+ border-style: solid;
1556
1557 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1558 from (shade (@bg_color, 0.65)),
1559@@ -1774,7 +1835,7 @@
1560 transition: 0ms ease-in-out;
1561
1562 -unico-focus-border-radius: 3;
1563- -unico-focus-fill-color: @transparent;
1564+ -unico-focus-fill-color: alpha (@selected_bg_color, 0.15);
1565 -unico-focus-border-color: @transparent;
1566 -unico-focus-outer-stroke-color: alpha (@selected_bg_color, 0.5);
1567
1568@@ -1954,6 +2015,9 @@
1569 from (shade (@bg_color, 1.16)),
1570 to (shade (@bg_color, 0.98)));
1571 -unico-outer-stroke-width: 1px 0 1px 0;
1572+ -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1573+ from (alpha (shade (@bg_color, 0.05), 0.015)),
1574+ to (alpha (shade (@bg_color, 0.05), 0.04)));
1575 }
1576
1577 .inline-toolbar.toolbar .button *:active,
1578@@ -1962,8 +2026,8 @@
1579 .inline-toolbar.toolbar GtkToolButton .button:insensitive {
1580 -unico-outer-stroke-width: 1px 0 1px 0;
1581 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1582- from (alpha (shade (@bg_color, 0.05), 0.02)),
1583- to (alpha (shade (@bg_color, 0.05), 0.06)));
1584+ from (alpha (shade (@bg_color, 0.05), 0.01)),
1585+ to (alpha (shade (@bg_color, 0.05), 0.03)));
1586 }
1587
1588 .inline-toolbar.toolbar .button *:insensitive,
1589
1590=== modified file 'Ambiance/gtk-3.0/gtk.css'
1591--- Ambiance/gtk-3.0/gtk.css 2012-02-06 15:10:06 +0000
1592+++ Ambiance/gtk-3.0/gtk.css 2012-02-27 15:18:29 +0000
1593@@ -27,7 +27,11 @@
1594 @define-color dark_fg_color #dfdbd2;
1595 @define-color transparent rgba (0, 0, 0, 0);
1596
1597+@define-color backdrop_selected_bg_color shade (@bg_color, 0.92);
1598+@define-color backdrop_selected_fg_color @fg_color;
1599+
1600 @import url("gtk-widgets.css");
1601+@import url("gtk-widgets-backdrop.css");
1602 @import url("apps/gnome-panel.css");
1603 @import url("apps/gnome-terminal.css");
1604 @import url("apps/nautilus.css");
1605
1606=== modified file 'Ambiance/metacity-1/metacity-theme-1.xml'
1607--- Ambiance/metacity-1/metacity-theme-1.xml 2011-08-24 09:12:05 +0000
1608+++ Ambiance/metacity-1/metacity-theme-1.xml 2012-02-27 15:18:29 +0000
1609@@ -190,7 +190,7 @@
1610
1611 <draw_ops name="draw_frame">
1612 <rectangle color="shade/gtk:bg[NORMAL]/0.7" filled="true" x="0" y="0" width="width" height="height"/>
1613- <gradient type="vertical" x="0" y="0" width="width" height="80">
1614+ <gradient type="vertical" x="0" y="0" width="width" height="70">
1615 <color value="#3c3b37" />
1616 <color value="#3c3b37" />
1617 <color value="shade/gtk:bg[NORMAL]/0.7" />
1618
1619=== modified file 'Radiance/gtk-2.0/gtkrc'
1620--- Radiance/gtk-2.0/gtkrc 2012-02-06 16:10:20 +0000
1621+++ Radiance/gtk-2.0/gtkrc 2012-02-27 15:18:29 +0000
1622@@ -178,9 +178,9 @@
1623 xthickness = 3
1624 ythickness = 3
1625
1626- bg[NORMAL] = shade (1.06, "#cdcdcd")
1627- bg[PRELIGHT] = shade (1.08, "#cdcdcd")
1628- bg[ACTIVE] = shade (1.0, "#cdcdcd")
1629+ bg[NORMAL] = @bg_color
1630+ bg[PRELIGHT] = shade (1.04, @bg_color)
1631+ bg[ACTIVE] = shade (0.96, @bg_color)
1632 bg[INSENSITIVE] = @bg_color
1633
1634 engine "murrine" {
1635@@ -492,7 +492,6 @@
1636 bg[SELECTED] = "#000000"
1637
1638 engine "murrine" {
1639- border_colors = { mix (0.85, "#ffffff", "#000000"), mix (0.85, "#ffffff", "#000000") }
1640 rgba = TRUE
1641 }
1642 }
1643
1644=== added file 'Radiance/gtk-3.0/assets/slider_backdrop.png'
1645Binary files Radiance/gtk-3.0/assets/slider_backdrop.png 1970-01-01 00:00:00 +0000 and Radiance/gtk-3.0/assets/slider_backdrop.png 2012-02-27 15:18:29 +0000 differ
1646=== added file 'Radiance/gtk-3.0/assets/slider_insensitive.png'
1647Binary files Radiance/gtk-3.0/assets/slider_insensitive.png 1970-01-01 00:00:00 +0000 and Radiance/gtk-3.0/assets/slider_insensitive.png 2012-02-27 15:18:29 +0000 differ
1648=== added file 'Radiance/gtk-3.0/assets/slider_insensitive_backdrop.png'
1649Binary files Radiance/gtk-3.0/assets/slider_insensitive_backdrop.png 1970-01-01 00:00:00 +0000 and Radiance/gtk-3.0/assets/slider_insensitive_backdrop.png 2012-02-27 15:18:29 +0000 differ
1650=== added file 'Radiance/gtk-3.0/assets/slider_vertical_backdrop.png'
1651Binary files Radiance/gtk-3.0/assets/slider_vertical_backdrop.png 1970-01-01 00:00:00 +0000 and Radiance/gtk-3.0/assets/slider_vertical_backdrop.png 2012-02-27 15:18:29 +0000 differ
1652=== added file 'Radiance/gtk-3.0/assets/slider_vertical_insensitive.png'
1653Binary files Radiance/gtk-3.0/assets/slider_vertical_insensitive.png 1970-01-01 00:00:00 +0000 and Radiance/gtk-3.0/assets/slider_vertical_insensitive.png 2012-02-27 15:18:29 +0000 differ
1654=== added file 'Radiance/gtk-3.0/assets/slider_vertical_insensitive_backdrop.png'
1655Binary files Radiance/gtk-3.0/assets/slider_vertical_insensitive_backdrop.png 1970-01-01 00:00:00 +0000 and Radiance/gtk-3.0/assets/slider_vertical_insensitive_backdrop.png 2012-02-27 15:18:29 +0000 differ
1656=== added file 'Radiance/gtk-3.0/gtk-widgets-backdrop.css'
1657--- Radiance/gtk-3.0/gtk-widgets-backdrop.css 1970-01-01 00:00:00 +0000
1658+++ Radiance/gtk-3.0/gtk-widgets-backdrop.css 2012-02-27 15:18:29 +0000
1659@@ -0,0 +1,1227 @@
1660+/* NOTES to contributors:
1661+ * use 4 spaces intends, and keep code ALIGNED and ORDERED */
1662+
1663+GtkWindow:backdrop {
1664+ color: mix (@fg_color, @bg_color, 0.17);
1665+}
1666+
1667+* {
1668+ /* inherit the color from parent by default */
1669+ color: inherit;
1670+ background-color: @bg_color;
1671+}
1672+
1673+/**********
1674+ * states *
1675+ **********/
1676+*:insensitive:backdrop {
1677+ color: mix (shade (@bg_color, 0.6), @bg_color, 0.2);
1678+ text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.5);
1679+}
1680+
1681+*:active:backdrop {
1682+}
1683+
1684+*:active:hover:insensitive:backdrop {
1685+}
1686+
1687+*:active:insensitive:backdrop {
1688+}
1689+
1690+*:hover:backdrop {
1691+}
1692+
1693+*:hover:insensitive:backdrop {
1694+}
1695+
1696+*:selected:backdrop,
1697+*:selected:focused:backdrop {
1698+ background-color: @backdrop_selected_bg_color;
1699+
1700+ color: @backdrop_selected_fg_color;
1701+}
1702+
1703+/******************
1704+ * common effects *
1705+ ******************/
1706+/* border and inner stroke */
1707+.frame:backdrop,
1708+.notebook:backdrop {
1709+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1710+ from (shade (@bg_color, 0.86)),
1711+ to (shade (@bg_color, 0.82)));
1712+}
1713+
1714+.notebook tab:backdrop {
1715+ background-image: -gtk-gradient (linear, left top, left bottom,
1716+ from (shade (@bg_color, 0.99)),
1717+ color-stop (0.80, shade (@bg_color, 0.97)),
1718+ to (shade (@bg_color, 0.94)));
1719+
1720+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1721+ from (shade (@bg_color, 0.9)),
1722+ to (shade (@bg_color, 0.87)));
1723+ -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.3);
1724+}
1725+
1726+.notebook tab:active:backdrop {
1727+ background-image: -gtk-gradient (linear, left top, left bottom,
1728+ from (shade (@bg_color, 1.1)),
1729+ to (shade (@bg_color, 1.01)));
1730+
1731+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1732+ from (shade (@bg_color, 0.92)),
1733+ to (shade (@bg_color, 0.86)));
1734+}
1735+
1736+/**********
1737+ * button *
1738+ **********/
1739+GtkComboBox:backdrop,
1740+.button:backdrop,
1741+GtkComboBox.combobox-entry .button:backdrop,
1742+GtkScale.slider:backdrop,
1743+GtkScale.slider.vertical:backdrop,
1744+.notebook .button:backdrop,
1745+.inline-toolbar.toolbar .button:backdrop {
1746+ background-image: -gtk-gradient (linear, left top, left bottom,
1747+ from (shade (@bg_color, 1.03)),
1748+ to (shade (@bg_color, 0.97)));
1749+ border-top-color: shade (@bg_color, 0.86);
1750+ border-right-color: shade (@bg_color, 0.82);
1751+ border-bottom-color: shade (@bg_color, 0.76);
1752+ border-left-color: shade (@bg_color, 0.82);
1753+
1754+ color: mix (@fg_color, @bg_color, 0.2);
1755+ text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.16);
1756+
1757+ -unico-border-gradient: none;
1758+ -unico-glow-radius: 0;
1759+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1760+ from (shade (@bg_color, 1.05)),
1761+ to (shade (@bg_color, 0.985)));
1762+}
1763+
1764+.button:hover:backdrop,
1765+GtkComboBox.combobox-entry .button:hover:backdrop,
1766+GtkScale.slider:hover:backdrop,
1767+GtkScale.slider.vertical:hover:backdrop,
1768+.notebook .button:hover:backdrop,
1769+.inline-toolbar.toolbar .button:hover:backdrop {
1770+ background-image: -gtk-gradient (linear, left top, left bottom,
1771+ from (shade (@bg_color, 1.16)),
1772+ to (shade (@bg_color, 0.95)));
1773+ border-top-color: shade (@bg_color, 0.85);
1774+ border-right-color: shade (@bg_color, 0.82);
1775+ border-bottom-color: shade (@bg_color, 0.67);
1776+ border-left-color: shade (@bg_color, 0.82);
1777+
1778+ -unico-border-gradient: none;
1779+ -unico-glow-color: shade (@bg_color, 1.07);
1780+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1781+ from (shade (@bg_color, 1.21)),
1782+ to (shade (@bg_color, 1.02)));
1783+}
1784+
1785+.button:active:backdrop,
1786+GtkComboBox.combobox-entry .button:active:backdrop,
1787+.notebook .button:active:backdrop,
1788+.inline-toolbar.toolbar .button:active:backdrop {
1789+ background-image: -gtk-gradient (linear, left top, left bottom,
1790+ from (shade (@bg_color, 0.9)),
1791+ to (shade (@bg_color, 0.95)));
1792+ border-top-color: shade (@bg_color, 0.62);
1793+ border-right-color: shade (@bg_color, 0.72);
1794+ border-bottom-color: shade (@bg_color, 0.76);
1795+ border-left-color: shade (@bg_color, 0.72);
1796+
1797+ -unico-border-gradient: none;
1798+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1799+ from (shade (@bg_color, 0.85)),
1800+ to (shade (@bg_color, 0.9)));
1801+}
1802+
1803+.button:active:hover:backdrop,
1804+GtkComboBox.combobox-entry .button:active:hover:backdrop,
1805+.notebook .button:active:hover:backdrop,
1806+.inline-toolbar.toolbar .button:active:hover:backdrop {
1807+ background-image: -gtk-gradient (linear, left top, left bottom,
1808+ from (shade (@bg_color, 0.95)),
1809+ to (shade (@bg_color, 1.0)));
1810+ border-top-color: shade (@bg_color, 0.64);
1811+ border-right-color: shade (@bg_color, 0.74);
1812+ border-bottom-color: shade (@bg_color, 0.79);
1813+ border-left-color: shade (@bg_color, 0.74);
1814+
1815+ -unico-border-gradient: none;
1816+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1817+ from (shade (@bg_color, 0.93)),
1818+ to (shade (@bg_color, 0.94)));
1819+}
1820+
1821+.button:insensitive:backdrop,
1822+GtkComboBox.combobox-entry .button:insensitive:backdrop,
1823+.notebook .button:insensitive:backdrop,
1824+.inline-toolbar.toolbar .button:insensitive:backdrop {
1825+ background-image: -gtk-gradient (linear, left top, left bottom,
1826+ from (shade (@bg_color, 1.06)),
1827+ to (shade (@bg_color, 0.98)));
1828+ border-top-color: shade (@bg_color, 0.86);
1829+ border-right-color: shade (@bg_color, 0.86);
1830+ border-bottom-color: shade (@bg_color, 0.86);
1831+ border-left-color: shade (@bg_color, 0.9);
1832+
1833+ -unico-border-gradient: none;
1834+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1835+ from (shade (@bg_color, 1.1)),
1836+ to (shade (@bg_color, 1.0)));
1837+}
1838+
1839+/* default button */
1840+.button.default:backdrop {
1841+ background-image: -gtk-gradient (linear, left top, left bottom,
1842+ from (mix (shade (@backdrop_selected_bg_color, 1.16), @bg_color, 0.3)),
1843+ to (mix (shade (@backdrop_selected_bg_color, 0.84), @bg_color, 0.3)));
1844+
1845+ text-shadow: 0 1 alpha (shade (@backdrop_selected_bg_color, 1.26), 0.4);
1846+
1847+ -unico-focus-border-color: @transparent;
1848+ -unico-focus-outer-stroke-color: alpha (@backdrop_selected_bg_color, 0.2);
1849+
1850+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1851+ from (mix (shade (@backdrop_selected_bg_color, 0.8), @bg_color, 0.3)),
1852+ to (mix (shade (@backdrop_selected_bg_color, 0.64), @bg_color, 0.3)));
1853+ -unico-glow-radius: 0;
1854+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1855+ from (mix (shade (@backdrop_selected_bg_color, 1.26), @bg_color, 0.3)),
1856+ to (mix (shade (@backdrop_selected_bg_color, 0.9), @bg_color, 0.3)));
1857+}
1858+
1859+.button.default:hover:backdrop {
1860+ background-image: -gtk-gradient (linear, left top, left bottom,
1861+ from (mix (shade (@backdrop_selected_bg_color, 1.21), @bg_color, 0.3)),
1862+ to (mix (shade (@backdrop_selected_bg_color, 0.89), @bg_color, 0.3)));
1863+
1864+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1865+ from (mix (shade (@backdrop_selected_bg_color, 0.83), @bg_color, 0.3)),
1866+ to (mix (shade (@backdrop_selected_bg_color, 0.67), @bg_color, 0.3)));
1867+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1868+ from (mix (shade (@backdrop_selected_bg_color, 1.3), @bg_color, 0.3)),
1869+ to (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)));
1870+}
1871+
1872+.button.default:active:backdrop {
1873+ background-image: -gtk-gradient (linear, left top, left bottom,
1874+ from (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)),
1875+ to (mix (shade (@backdrop_selected_bg_color, 1.05), @bg_color, 0.3)));
1876+
1877+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1878+ from (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)),
1879+ to (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)));
1880+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1881+ from (mix (shade (@backdrop_selected_bg_color, 0.9), @bg_color, 0.3)),
1882+ to (mix (shade (@backdrop_selected_bg_color, 1.0), @bg_color, 0.3)));
1883+}
1884+
1885+.button.default:active:hover:backdrop {
1886+ background-image: -gtk-gradient (linear, left top, left bottom,
1887+ from (mix (shade (@backdrop_selected_bg_color, 1.0), @bg_color, 0.3)),
1888+ to (mix (shade (@backdrop_selected_bg_color, 1.1), @bg_color, 0.3)));
1889+
1890+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1891+ from (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)),
1892+ to (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)));
1893+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1894+ from (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)),
1895+ to (mix (shade (@backdrop_selected_bg_color, 1.05), @bg_color, 0.3)));
1896+}
1897+
1898+.button.default:insensitive:backdrop {
1899+ -unico-glow-radius: 0;
1900+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1901+ from (shade (@button_insensitive_bg_color, 1.08)),
1902+ to (shade (@button_insensitive_bg_color, 1.0)));
1903+}
1904+
1905+/****************
1906+ * cell and row *
1907+ ****************/
1908+.cell:backdrop {
1909+ background-color: mix (@base_color, @bg_color, 0.4);
1910+ border-radius: 0;
1911+ border-width: 0;
1912+}
1913+
1914+.cell:selected:backdrop {
1915+}
1916+
1917+row:hover:backdrop {
1918+}
1919+
1920+row:insensitive:backdrop {
1921+}
1922+
1923+row:selected:backdrop {
1924+ background-image: -gtk-gradient (linear, left top, left bottom,
1925+ from (shade (@backdrop_selected_bg_color, 1.06)),
1926+ to (shade (@backdrop_selected_bg_color, 1.0)));
1927+ border-top-color: shade (@backdrop_selected_bg_color, 0.98);
1928+ border-style: solid;
1929+ border-width: 1px 0 0 0;
1930+
1931+ color: @backdrop_selected_fg_color;
1932+}
1933+
1934+row:selected:focused {
1935+}
1936+
1937+/*******************
1938+ * check and radio *
1939+ *******************/
1940+.check row:selected:backdrop,
1941+.radio row:selected:backdrop,
1942+.check:backdrop,
1943+.check row:backdrop,
1944+.radio:backdrop,
1945+.radio row:backdrop {
1946+ background-image: -gtk-gradient (linear, left top, left bottom,
1947+ from (mix (shade (@base_color, 0.98), @bg_color, 0.4)),
1948+ to (mix (@base_color, @bg_color, 0.4)));
1949+ border-top-color: shade (@bg_color, 0.72);
1950+ border-right-color: shade (@bg_color, 0.82);
1951+ border-bottom-color: shade (@bg_color, 0.88);
1952+ border-left-color: shade (@bg_color, 0.82);
1953+ border-style: solid;
1954+ border-width: 1px;
1955+
1956+ color: mix (@fg_color, @base_color, 0.2);
1957+
1958+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1959+ from (alpha (shade (@bg_color, 0.05), 0.02)),
1960+ to (alpha (shade (@bg_color, 0.05), 0.01)));
1961+}
1962+
1963+.check:backdrop,
1964+.check row:backdrop {
1965+ border-radius: 3px;
1966+}
1967+
1968+.radio:backdrop,
1969+.radio row:backdrop {
1970+ border-radius: 10px;
1971+}
1972+
1973+/* FIXME (Cimi) this is horrible */
1974+.check:active:backdrop,
1975+.check row:selected:active:backdrop,
1976+.check row:selected:focused:active:backdrop,
1977+.notebook .check:active:backdrop,
1978+.notebook .radio:active:backdrop,
1979+.radio:active:backdrop,
1980+.radio row:selected:active:backdrop,
1981+.radio row:selected:focused:active:backdrop,
1982+.check:inconsistent:backdrop,
1983+.check row:selected:inconsistent:backdrop,
1984+.check row:selected:focused:inconsistent:backdrop,
1985+.notebook .check:inconsistent:backdrop,
1986+.notebook .radio:inconsistent:backdrop,
1987+.radio:inconsistent:backdrop,
1988+.radio row:selected:inconsistent:backdrop,
1989+.radio row:selected:focused:inconsistent:backdrop {
1990+ background-image: -gtk-gradient (linear, left top, left bottom,
1991+ from (shade (@backdrop_selected_bg_color, 1.06)),
1992+ to (shade (@backdrop_selected_bg_color, 0.94)));
1993+
1994+ -unico-bullet-color: shade (@backdrop_selected_bg_color, 0.54);
1995+ -unico-bullet-outline-color: shade (@backdrop_selected_bg_color, 1.12);
1996+
1997+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1998+ from (shade (@backdrop_selected_bg_color, 0.78)),
1999+ to (shade (@backdrop_selected_bg_color, 0.74)));
2000+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2001+ from (shade (@backdrop_selected_bg_color, 1.08)),
2002+ to (shade (@backdrop_selected_bg_color, 0.96)));
2003+ -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2004+ from (alpha (shade (@bg_color, 0.05), 0.01)),
2005+ to (alpha (shade (@bg_color, 0.05), 0.03)));
2006+ -unico-outer-stroke-width: 1px;
2007+}
2008+
2009+/* FIXME (Cimi) this is horrible */
2010+.check:active:hover:backdrop,
2011+.check row:selected:active:hover:backdrop,
2012+.check row:selected:focused:active:hover:backdrop,
2013+.notebook .check:active:hover:backdrop,
2014+.notebook .radio:active:hover:backdrop,
2015+.radio:active:hover:backdrop,
2016+.radio row:selected:active:hover:backdrop,
2017+.radio row:selected:focused:active:hover:backdrop
2018+.check:active:hover:inconsistent:backdrop,
2019+.check row:selected:active:hover:inconsistent:backdrop,
2020+.check row:selected:focused:active:hover:inconsistent:backdrop,
2021+.notebook .check:active:hover:inconsistent:backdrop,
2022+.notebook .radio:active:hover:inconsistent:backdrop,
2023+.radio:active:hover:inconsistent:backdrop,
2024+.radio row:selected:active:hover:inconsistent:backdrop,
2025+.radio row:selected:focused:active:hover:inconsistent:backdrop {
2026+ background-image: -gtk-gradient (linear, left top, left bottom,
2027+ from (shade (@backdrop_selected_bg_color, 1.1)),
2028+ to (shade (@backdrop_selected_bg_color, 0.98)));
2029+
2030+ -unico-bullet-color: shade (@backdrop_selected_bg_color, 0.54);
2031+ -unico-bullet-outline-color: shade (@backdrop_selected_bg_color, 1.14);
2032+
2033+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2034+ from (shade (@backdrop_selected_bg_color, 0.8)),
2035+ to (shade (@backdrop_selected_bg_color, 0.76)));
2036+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2037+ from (shade (@backdrop_selected_bg_color, 1.12)),
2038+ to (shade (@backdrop_selected_bg_color, 1.0)));
2039+}
2040+
2041+.check:insensitive:backdrop,
2042+.radio:insensitive:backdrop {
2043+ background-color: shade (@bg_color, 0.98);
2044+ background-image: none;
2045+
2046+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2047+ from (alpha (shade (@bg_color, 0.05), 0.02)),
2048+ to (alpha (shade (@bg_color, 0.05), 0.01)));
2049+}
2050+
2051+.check:insensitive:active:backdrop,
2052+.radio:insensitive:active:backdrop,
2053+.check:insensitive:inconsistent:backdrop,
2054+.radio:insensitive:inconsistent:backdrop {
2055+ background-image: -gtk-gradient (linear, left top, left bottom,
2056+ from (shade (@bg_color, 1.0)),
2057+ to (shade (@bg_color, 0.94)));
2058+
2059+ -unico-bullet-color: shade (@bg_color, 0.7);
2060+ -unico-bullet-outline-color: shade (@bg_color, 1.0);
2061+
2062+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2063+ from (shade (@bg_color, 0.86)),
2064+ to (shade (@bg_color, 0.8)));
2065+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2066+ from (shade (@bg_color, 1.02)),
2067+ to (shade (@bg_color, 0.96)));
2068+}
2069+
2070+/*****************
2071+ * column-header *
2072+ *****************/
2073+column-header .button:backdrop,
2074+column-header .button:active:backdrop,
2075+.notebook column-header .button:backdrop,
2076+.notebook column-header .button:active:backdrop {
2077+ border-radius: 0;
2078+ border-width: 0 1px 1px 0;
2079+
2080+ -unico-glow-radius: 0;
2081+ -unico-outer-stroke-width: 0;
2082+}
2083+
2084+column-header .button:backdrop,
2085+.notebook column-header .button:backdrop {
2086+ background-image: -gtk-gradient (linear, left top, left bottom,
2087+ from (shade (@bg_color, 1.04)),
2088+ to (shade (@bg_color, 0.98)));
2089+
2090+ text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.4);
2091+
2092+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2093+ from (shade (@bg_color, 0.88)),
2094+ to (shade (@bg_color, 0.84)));
2095+ -unico-glow-color: shade (@bg_color, 1.02);
2096+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2097+ from (shade (@bg_color, 1.07)),
2098+ to (shade (@bg_color, 1.01)));
2099+}
2100+
2101+column-header .button:hover:backdrop,
2102+.notebook column-header .button:hover:backdrop {
2103+ background-image: -gtk-gradient (linear, left top, left bottom,
2104+ from (shade (@bg_color, 1.06)),
2105+ to (shade (@bg_color, 1.0)));
2106+
2107+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2108+ from (shade (@bg_color, 0.9)),
2109+ to (shade (@bg_color, 0.86)));
2110+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2111+ from (shade (@bg_color, 1.09)),
2112+ to (shade (@bg_color, 1.03)));
2113+}
2114+
2115+column-header:nth-child(last) .button:backdrop {
2116+ border-width: 0 0 1px 0;
2117+}
2118+
2119+/******************
2120+ * combobox entry *
2121+ ******************/
2122+GtkComboBox.combobox-entry .button:backdrop,
2123+GtkComboBox.combobox-entry .button:hover:backdrop,
2124+GtkComboBox.combobox-entry .button:active:backdrop,
2125+GtkComboBox.combobox-entry .button:insensitive:backdrop {
2126+ border-top-color: shade (@bg_color, 0.64);
2127+ border-right-color: shade (@bg_color, 0.8);
2128+ border-bottom-color: shade (@bg_color, 0.86);
2129+ border-left-color: shade (@bg_color, 0.76);
2130+}
2131+
2132+/*********
2133+ * entry *
2134+ *********/
2135+.entry:backdrop {
2136+ background-image: -gtk-gradient (linear, left top, left bottom,
2137+ from (mix (shade (@base_color, 0.98), @bg_color, 0.4)),
2138+ to (mix (@base_color, @bg_color, 0.4)));
2139+ border-top-color: shade (@bg_color, 0.72);
2140+ border-right-color: shade (@bg_color, 0.82);
2141+ border-bottom-color: shade (@bg_color, 0.88);
2142+ border-left-color: shade (@bg_color, 0.82);
2143+
2144+ color: mix (@fg_color, @base_color, 0.2);
2145+
2146+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2147+ from (alpha (shade (@bg_color, 0.05), 0.02)),
2148+ to (alpha (shade (@bg_color, 0.05), 0.01)));
2149+}
2150+
2151+.entry:selected:backdrop,
2152+.entry:selected:focused:backdrop {
2153+ background-color: @backdrop_selected_bg_color;
2154+
2155+ color: @backdrop_selected_fg_color;
2156+}
2157+
2158+.entry:focused:backdrop {
2159+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2160+ from (shade (@backdrop_selected_bg_color, 0.75)),
2161+ to (shade (@backdrop_selected_bg_color, 0.8)));
2162+ -unico-inner-stroke-color: alpha (@backdrop_selected_bg_color, 0.3);
2163+ -unico-inner-stroke-gradient: none;
2164+}
2165+
2166+.entry:insensitive:backdrop {
2167+ background-color: shade (@bg_color, 0.98);
2168+ background-image: none;
2169+
2170+ color: mix (@text_color, @base_color, 0.5);
2171+
2172+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2173+ from (alpha (shade (@bg_color, 0.05), 0.02)),
2174+ to (alpha (shade (@bg_color, 0.05), 0.01)));
2175+}
2176+
2177+.primary-toolbar .entry.progressbar:backdrop,
2178+.primary-toolbar .entry.progressbar:backdrop,
2179+.entry.progressbar:backdrop {
2180+}
2181+
2182+/************
2183+ * expander *
2184+ ************/
2185+.expander:backdrop {
2186+}
2187+
2188+/*********
2189+ * frame *
2190+ *********/
2191+.frame:backdrop {
2192+}
2193+
2194+/************
2195+ * iconview *
2196+ ************/
2197+GtkIconView.view.cell:selected:backdrop,
2198+GtkIconView.view.cell:selected:focused:backdrop {
2199+ background-image: -gtk-gradient (linear, left top, left bottom,
2200+ from (shade (@backdrop_selected_bg_color, 1.0)),
2201+ to (shade (@backdrop_selected_bg_color, 0.9)));
2202+ border-radius: 4px;
2203+ border-style: solid;
2204+ border-width: 1px;
2205+
2206+ color: @backdrop_selected_fg_color;
2207+
2208+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2209+ from (shade (@backdrop_selected_bg_color, 0.7)),
2210+ to (shade (@backdrop_selected_bg_color, 0.7)));
2211+ -unico-glow-radius: 8;
2212+ -unico-glow-color: shade (@backdrop_selected_bg_color, 1.3);
2213+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2214+ from (shade (@backdrop_selected_bg_color, 1.2)),
2215+ to (shade (@backdrop_selected_bg_color, 1.08)));
2216+ -unico-inner-stroke-width: 1px;
2217+}
2218+
2219+.rubberband:backdrop {
2220+ background-color: alpha (@backdrop_selected_bg_color, 0.35);
2221+ border-color: @backdrop_selected_bg_color;
2222+ border-radius: 0;
2223+ border-style: solid;
2224+ border-width: 1px;
2225+}
2226+
2227+/***********
2228+ * infobar *
2229+ ***********/
2230+.info:backdrop {
2231+}
2232+
2233+.warning:backdrop {
2234+}
2235+
2236+.question:backdrop {
2237+}
2238+
2239+.error:backdrop {
2240+}
2241+
2242+/***********
2243+ * menubar *
2244+ ***********/
2245+.menubar:backdrop,
2246+.menubar .menuitem:backdrop {
2247+ color: #a39e9a; /* metacity unfocused color */
2248+}
2249+
2250+/************
2251+ * notebook *
2252+ ************/
2253+.notebook:backdrop {
2254+ background-color: shade (@bg_color, 1.01);
2255+}
2256+
2257+.notebook tab:active:backdrop {
2258+}
2259+
2260+.notebook tab:backdrop {
2261+}
2262+
2263+/*************************
2264+ * progressbar and scale *
2265+ *************************/
2266+.scale.highlight.left:backdrop,
2267+.progressbar:backdrop,
2268+.progressbar row:backdrop,
2269+.progressbar row:hover:backdrop,
2270+.progressbar row:selected:backdrop,
2271+.progressbar row:selected:focused:backdrop {
2272+ background-image: -gtk-gradient (linear, left top, left bottom,
2273+ from (shade (@backdrop_selected_bg_color, 1.05)),
2274+ to (shade (@backdrop_selected_bg_color, 0.95)));
2275+ border-width: 1px;
2276+
2277+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2278+ from (shade (@backdrop_selected_bg_color, 0.8)),
2279+ to (shade (@backdrop_selected_bg_color, 0.8)));
2280+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2281+ from (shade (@backdrop_selected_bg_color, 1.07)),
2282+ to (shade (@backdrop_selected_bg_color, 0.965)));
2283+ -unico-outer-stroke-color: @transparent;
2284+ -unico-outer-stroke-gradient: none;
2285+ -unico-outer-stroke-width: 0;
2286+}
2287+
2288+.scale.highlight.bottom:backdrop,
2289+.progressbar.vertical:backdrop {
2290+ background-image: -gtk-gradient (linear, left top, right top,
2291+ from (shade (@backdrop_selected_bg_color, 1.05)),
2292+ to (shade (@backdrop_selected_bg_color, 0.95)));
2293+
2294+ -unico-border-gradient: -gtk-gradient (linear, left top, right top,
2295+ from (shade (@backdrop_selected_bg_color, 0.86)),
2296+ to (shade (@backdrop_selected_bg_color, 0.86)));
2297+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
2298+ from (shade (@backdrop_selected_bg_color, 1.07)),
2299+ to (shade (@backdrop_selected_bg_color, 0.965)));
2300+}
2301+
2302+.scale.highlight.left:insensitive:backdrop {
2303+ background-image: -gtk-gradient (linear, left top, left bottom,
2304+ from (shade (@bg_color, 0.98)),
2305+ to (shade (@bg_color, 0.88)));
2306+
2307+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2308+ from (shade (@bg_color, 0.82)),
2309+ to (shade (@bg_color, 0.82)));
2310+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2311+ from (shade (@bg_color, 1.0)),
2312+ to (shade (@bg_color, 0.90)));
2313+}
2314+
2315+.scale.highlight.bottom:insensitive:backdrop {
2316+ background-image: -gtk-gradient (linear, left top, right top,
2317+ from (shade (@bg_color, 0.98)),
2318+ to (shade (@bg_color, 0.88)));
2319+
2320+ -unico-border-gradient: -gtk-gradient (linear, left top, right top,
2321+ from (shade (@bg_color, 0.82)),
2322+ to (shade (@bg_color, 0.82)));
2323+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
2324+ from (shade (@bg_color, 1.0)),
2325+ to (shade (@bg_color, 0.90)));
2326+}
2327+
2328+.trough:backdrop,
2329+.trough row:backdrop,
2330+.trough row:hover:backdrop,
2331+.trough row:selected:backdrop,
2332+.trough row:selected:focused:backdrop {
2333+ background-image: -gtk-gradient (linear, left top, left bottom,
2334+ from (shade (@bg_color, 0.94)),
2335+ to (shade (@bg_color, 0.98)));
2336+
2337+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2338+ from (shade (@bg_color, 0.85)),
2339+ to (shade (@bg_color, 1.05)));
2340+}
2341+
2342+.trough.vertical:backdrop {
2343+ background-image: -gtk-gradient (linear, left top, right top,
2344+ from (shade (@bg_color, 0.94)),
2345+ to (shade (@bg_color, 0.98)));
2346+
2347+ -unico-border-gradient: -gtk-gradient (linear, left top, right top,
2348+ from (shade (@bg_color, 0.85)),
2349+ to (shade (@bg_color, 1.05)));
2350+}
2351+
2352+GtkScale.slider:backdrop {
2353+ background-image: url("assets/slider_backdrop.png");
2354+}
2355+
2356+GtkScale.slider:hover:backdrop {
2357+ background-image: url("assets/slider_prelight.png");
2358+}
2359+
2360+GtkScale.slider:insensitive:backdrop {
2361+ background-image: url("assets/slider_insensitive_backdrop.png");
2362+}
2363+
2364+GtkScale.slider.vertical:backdrop {
2365+ background-image: url("assets/slider_vertical_backdrop.png");
2366+}
2367+
2368+GtkScale.slider.vertical:hover:backdrop {
2369+ background-image: url("assets/slider_prelight_vertical.png");
2370+}
2371+
2372+GtkScale.slider.vertical:insensitive:backdrop {
2373+ background-image: url("assets/slider_vertical_insensitive_backdrop.png");
2374+}
2375+
2376+GtkScale.mark:backdrop {
2377+}
2378+
2379+/*******************
2380+ * scrolled window *
2381+ *******************/
2382+GtkScrolledWindow.frame:backdrop {
2383+}
2384+
2385+/*************
2386+ * separator *
2387+ *************/
2388+.separator:backdrop {
2389+ border-color: shade (@bg_color, 0.92);
2390+
2391+ -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.4);
2392+}
2393+
2394+.button .separator:backdrop,
2395+.button.separator:backdrop {
2396+ border-color: shade (@bg_color, 0.86);
2397+
2398+ -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.5);
2399+}
2400+
2401+.notebook .button .separator:backdrop,
2402+.notebook .button.separator:backdrop {
2403+ border-color: shade (@bg_color, 0.86);
2404+
2405+ -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.5);
2406+}
2407+
2408+.button .separator:insensitive:backdrop,
2409+.button.separator:insensitive:backdrop {
2410+ border-color: shade (@bg_color, 0.92);
2411+
2412+ -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6);
2413+}
2414+
2415+.notebook .button .separator:insensitive:backdrop,
2416+.notebook .button.separator:insensitive:backdrop {
2417+ border-color: shade (@bg_color, 0.92);
2418+
2419+ -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6);
2420+}
2421+
2422+.menuitem.separator:backdrop {
2423+}
2424+
2425+.menubar .menuitem.separator:backdrop,
2426+.primary-toolbar .menuitem.separator:backdrop {
2427+}
2428+
2429+/***********
2430+ * sidebar *
2431+ ***********/
2432+.sidebar:backdrop,
2433+.sidebar .view:backdrop {
2434+}
2435+
2436+.sidebar row:selected:backdrop {
2437+ text-shadow: 0 1 shade (@backdrop_selected_bg_color, 0.7);
2438+}
2439+
2440+.sidebar .frame:backdrop {
2441+}
2442+
2443+/**************
2444+ * spinbutton *
2445+ **************/
2446+.spinbutton.button:active:backdrop,
2447+.spinbutton.button:insensitive:backdrop,
2448+.notebook .spinbutton.button:active:backdrop,
2449+.notebook .spinbutton.button:insensitive:backdrop,
2450+.spinbutton.button:backdrop,
2451+.notebook .spinbutton.button:backdrop {
2452+}
2453+
2454+.spinbutton.button:active:nth-child(last):backdrop,
2455+.spinbutton.button:insensitive:nth-child(last):backdrop,
2456+.notebook .spinbutton.button:active:nth-child(last):backdrop,
2457+.notebook .spinbutton.button:insensitive:nth-child(last):backdrop,
2458+.spinbutton.button:nth-child(last):backdrop,
2459+.notebook .spinbutton.button:nth-child(last):backdrop {
2460+}
2461+
2462+.spinbutton.button:backdrop,
2463+.notebook .spinbutton.button:backdrop {
2464+ background-image: -gtk-gradient (linear, left top, left bottom,
2465+ from (shade (@bg_color, 1.06)),
2466+ to (shade (@bg_color, 0.94)));
2467+ border-top-color: shade (@bg_color, 0.72);
2468+ border-right-color: shade (@bg_color, 0.82);
2469+ border-bottom-color: shade (@bg_color, 0.88);
2470+ border-left-color: shade (@bg_color, 0.82);
2471+
2472+ -unico-border-gradient: none;
2473+}
2474+
2475+.spinbutton:backdrop,
2476+.spinbutton:hover:backdrop {
2477+}
2478+
2479+/***********
2480+ * spinner *
2481+ ***********/
2482+.menu.spinner:backdrop,
2483+.primary-toolbar .spinner:backdrop,
2484+.primary-toolbar .spinner:backdrop {
2485+ color: @backdrop_selected_bg_color;
2486+}
2487+
2488+/*************
2489+ * statusbar *
2490+ *************/
2491+GtkStatusbar:backdrop {
2492+}
2493+
2494+/**********
2495+ * switch *
2496+ **********/
2497+GtkSwitch:backdrop {
2498+ border-radius: 4px;
2499+ padding: 0;
2500+
2501+ -unico-focus-border-radius: 4;
2502+ -unico-focus-border-color: alpha (@backdrop_selected_bg_color, 0.3);
2503+ -unico-focus-fill-color: @transparent;
2504+}
2505+
2506+GtkSwitch.trough:backdrop {
2507+ background-image: -gtk-gradient (linear, left top, left bottom,
2508+ from (shade (@bg_color, 0.89)),
2509+ to (shade (@bg_color, 0.96)));
2510+
2511+ color: mix (@fg_color, @bg_color, 0.17);
2512+ text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.3);
2513+
2514+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2515+ from (shade (@bg_color, 0.75)),
2516+ to (shade (@bg_color, 0.78)));
2517+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2518+ from (shade (@bg_color, 0.85)),
2519+ to (shade (@bg_color, 0.92)));
2520+}
2521+
2522+GtkSwitch.trough:active:backdrop {
2523+ background-image: -gtk-gradient (linear, left top, left bottom,
2524+ from (shade (@backdrop_selected_bg_color, 0.93)),
2525+ to (shade (@backdrop_selected_bg_color, 0.99)));
2526+
2527+ color: @backdrop_selected_fg_color;
2528+ text-shadow: 0 1 alpha (shade (@backdrop_selected_bg_color, 1.25), 0.4);
2529+
2530+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2531+ from (shade (@backdrop_selected_bg_color, 0.75)),
2532+ to (shade (@backdrop_selected_bg_color, 0.78)));
2533+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2534+ from (shade (@backdrop_selected_bg_color, 0.86)),
2535+ to (shade (@backdrop_selected_bg_color, 0.94)));
2536+}
2537+
2538+GtkSwitch.trough:insensitive:backdrop {
2539+ background-image: -gtk-gradient (linear, left top, left bottom,
2540+ from (shade (@bg_color, 0.95)),
2541+ to (shade (@bg_color, 0.99)));
2542+
2543+ color: mix (shade (@bg_color, 0.6), @bg_color, 0.17);
2544+ text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.5);
2545+
2546+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2547+ from (shade (@bg_color, 0.8)),
2548+ to (shade (@bg_color, 0.84)));
2549+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2550+ from (shade (@bg_color, 0.91)),
2551+ to (shade (@bg_color, 0.965)));
2552+}
2553+
2554+GtkSwitch.slider:backdrop {
2555+ background-image: -gtk-gradient (linear, left top, left bottom,
2556+ from (shade (@bg_color, 1.06)),
2557+ to (shade (@bg_color, 0.94)));
2558+
2559+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2560+ from (shade (@bg_color, 0.75)),
2561+ to (shade (@bg_color, 0.78)));
2562+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2563+ from (shade (@bg_color, 1.08)),
2564+ to (shade (@bg_color, 0.96)));
2565+}
2566+
2567+GtkSwitch.slider:insensitive:backdrop {
2568+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2569+ from (shade (@bg_color, 0.8)),
2570+ to (shade (@bg_color, 0.84)));
2571+}
2572+
2573+/************
2574+ * textview *
2575+ ************/
2576+GtkTextView:backdrop {
2577+ background-color: mix (@base_color, @bg_color, 0.4);
2578+}
2579+
2580+/***********
2581+ * toolbar *
2582+ ***********/
2583+.toolbar:backdrop {
2584+ border-style: none;
2585+}
2586+
2587+/* primary-toolbar */
2588+.primary-toolbar:backdrop,
2589+.primary-toolbar .toolbar:backdrop,
2590+.primary-toolbar.toolbar:backdrop {
2591+ -GtkWidget-window-dragging: true;
2592+
2593+ background-color: @dark_bg_color;
2594+ background-image: none;
2595+ border-bottom-color: shade (@dark_bg_color, 0.8);
2596+ border-style: solid;
2597+ border-width: 0 0 1px 0;
2598+ padding: 2px;
2599+
2600+ color: #a39e9a; /* metacity unfocused color */
2601+ text-shadow: 0 1 shade (@dark_bg_color, 1.06);
2602+
2603+ -unico-border-gradient: none;
2604+ -unico-inner-stroke-gradient: none;
2605+ -unico-inner-stroke-width: 0;
2606+}
2607+
2608+.primary-toolbar :insensitive:backdrop {
2609+ text-shadow: 0 -1 shade (@dark_bg_color, 0.82);
2610+}
2611+
2612+.primary-toolbar GtkComboBox:backdrop,
2613+.primary-toolbar .button *:backdrop,
2614+.primary-toolbar .button:backdrop {
2615+ background-color: @transparent;
2616+ background-image: none;
2617+ border-color: @transparent;
2618+ border-radius: 3px;
2619+ border-width: 1px;
2620+ padding: 2px;
2621+
2622+ color: #a39e9a; /* metacity unfocused color */
2623+ text-shadow: 0 1 shade (@dark_bg_color, 1.06);
2624+
2625+ transition: 0ms ease-in-out;
2626+
2627+ -unico-focus-border-radius: 4;
2628+ -unico-focus-border-color: alpha (@backdrop_selected_bg_color, 0.5);
2629+ -unico-focus-fill-color: alpha (@backdrop_selected_bg_color, 0.2);
2630+ -unico-focus-outer-stroke-color: @transparent;
2631+
2632+ -unico-border-gradient: none;
2633+ -unico-glow-radius: 0;
2634+ -unico-inner-stroke-width: 0;
2635+ -unico-outer-stroke-width: 0;
2636+}
2637+
2638+.primary-toolbar .button *:hover:backdrop {
2639+ color: shade (#a39e9a, 1.1);
2640+}
2641+
2642+.primary-toolbar .raised .button:backdrop,
2643+.primary-toolbar .raised.button:backdrop,
2644+.primary-toolbar .button:hover:backdrop,
2645+.primary-toolbar .button:active:backdrop,
2646+.primary-toolbar .button:insensitive:backdrop {
2647+ border-width: 1px;
2648+
2649+ transition: 0ms ease-in-out;
2650+
2651+ -unico-focus-border-radius: 0;
2652+ -unico-focus-fill-color: @transparent;
2653+ -unico-focus-border-color: @transparent;
2654+ -unico-focus-outer-stroke-color: @transparent;
2655+
2656+ -unico-inner-stroke-width: 1px;
2657+ -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2658+ from (shade (@dark_bg_color, 1.01)),
2659+ to (shade (@dark_bg_color, 1.06)));
2660+ -unico-outer-stroke-width: 1px;
2661+}
2662+
2663+.primary-toolbar GtkComboBox.combobox-entry .button:backdrop {
2664+ -unico-inner-stroke-width: 1px;
2665+ -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2666+ from (shade (@dark_bg_color, 1.01)),
2667+ to (shade (@dark_bg_color, 1.06)));
2668+}
2669+
2670+.primary-toolbar GtkComboBox.combobox-entry .button:backdrop,
2671+.primary-toolbar .raised .button:backdrop,
2672+.primary-toolbar .raised.button:backdrop,
2673+.primary-toolbar .button:hover:backdrop {
2674+ background-image: -gtk-gradient (linear, left top, left bottom,
2675+ from (shade (@dark_bg_color, 1.06)),
2676+ to (shade (@dark_bg_color, 0.98)));
2677+
2678+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2679+ from (shade (@dark_bg_color, 0.9)),
2680+ to (shade (@dark_bg_color, 0.87)));
2681+ -unico-glow-radius: 0;
2682+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2683+ from (shade (@dark_bg_color, 1.12)),
2684+ to (shade (@dark_bg_color, 1.02)));
2685+}
2686+
2687+.primary-toolbar .button:active:backdrop {
2688+ background-image: -gtk-gradient (linear, left top, left bottom,
2689+ from (shade (@dark_bg_color, 0.9)),
2690+ to (shade (@dark_bg_color, 0.95)));
2691+
2692+ text-shadow: 0 1 shade (@dark_bg_color, 1.01);
2693+
2694+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2695+ from (shade (@dark_bg_color, 0.75)),
2696+ to (shade (@dark_bg_color, 0.85)));
2697+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2698+ from (shade (@dark_bg_color, 0.88)),
2699+ to (shade (@dark_bg_color, 0.93)))
2700+}
2701+
2702+.primary-toolbar .button:active:hover:backdrop {
2703+ background-image: -gtk-gradient (linear, left top, left bottom,
2704+ from (shade (@dark_bg_color, 0.95)),
2705+ to (shade (@dark_bg_color, 1.0)));
2706+
2707+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2708+ from (shade (@dark_bg_color, 0.75)),
2709+ to (shade (@dark_bg_color, 0.85)));
2710+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2711+ from (shade (@dark_bg_color, 0.93)),
2712+ to (shade (@dark_bg_color, 0.94)))
2713+}
2714+
2715+.primary-toolbar .button:active:insensitive:backdrop,
2716+.primary-toolbar .button:insensitive:backdrop {
2717+ text-shadow: none;
2718+
2719+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2720+ from (shade (@dark_bg_color, 0.85)),
2721+ to (shade (@dark_bg_color, 0.95)));
2722+ -unico-glow-radius: 0;
2723+ -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2724+ from (shade (@dark_bg_color, 1.01)),
2725+ to (shade (@dark_bg_color, 1.06)));
2726+}
2727+
2728+.primary-toolbar .button:insensitive:backdrop {
2729+ background-image: -gtk-gradient (linear, left top, left bottom,
2730+ from (shade (@dark_bg_color, 1.01)),
2731+ to (shade (@dark_bg_color, 0.99)));
2732+
2733+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2734+ from (shade (@dark_bg_color, 1.1)),
2735+ to (shade (@dark_bg_color, 1.04)));
2736+}
2737+
2738+.primary-toolbar .button:active:insensitive:backdrop {
2739+ background-image: -gtk-gradient (linear, left top, left bottom,
2740+ from (shade (@dark_bg_color, 0.94)),
2741+ to (shade (@dark_bg_color, 1.02)));
2742+
2743+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2744+ from (shade (@dark_bg_color, 0.92)),
2745+ to (shade (@dark_bg_color, 1.0)));
2746+}
2747+
2748+.primary-toolbar .entry:backdrop,
2749+.primary-toolbar .entry:active:backdrop,
2750+.primary-toolbar .entry:focused:backdrop {
2751+ border-radius: 3px;
2752+
2753+ color: @text_color;
2754+
2755+ -unico-outer-stroke-width: 1px;
2756+ -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2757+ from (shade (@dark_bg_color, 1.01)),
2758+ to (shade (@dark_bg_color, 1.06)));
2759+}
2760+
2761+.primary-toolbar .entry:backdrop {
2762+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2763+ from (shade (@dark_bg_color, 0.75)),
2764+ to (shade (@dark_bg_color, 0.95)));
2765+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2766+ from (alpha (shade (@bg_color, 0.05), 0.02)),
2767+ to (alpha (shade (@bg_color, 0.05), 0.01)));
2768+}
2769+
2770+.primary-toolbar .entry:insensitive:backdrop {
2771+ -unico-outer-stroke-width: 1px;
2772+ -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2773+ from (shade (@dark_bg_color, 1.01)),
2774+ to (shade (@dark_bg_color, 1.06)));
2775+}
2776+
2777+.primary-toolbar .entry:focused:backdrop {
2778+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2779+ from (shade (@backdrop_selected_bg_color, 0.75)),
2780+ to (shade (@backdrop_selected_bg_color, 0.8)));
2781+ -unico-inner-stroke-color: alpha (@backdrop_selected_bg_color, 0.2);
2782+ -unico-inner-stroke-gradient: none;
2783+}
2784+
2785+.primary-toolbar GtkSeparatorToolItem:backdrop,
2786+.primary-toolbar .separator:backdrop,
2787+.primary-toolbar .separator:insensitive:backdrop {
2788+ border-color: shade (@dark_bg_color, 0.94);
2789+ border-style: solid;
2790+
2791+ -unico-border-gradient: none;
2792+ -unico-inner-stroke-color: shade (@dark_bg_color, 1.08);
2793+ -unico-inner-stroke-gradient: none;
2794+}
2795+
2796+/* inline-toolbar */
2797+.inline-toolbar.toolbar:backdrop {
2798+ -GtkToolbar-button-relief: normal;
2799+
2800+ background-image: -gtk-gradient (linear, left top, left bottom,
2801+ from (shade (#f2f1ef, 0.96)),
2802+ color-stop (0.08, #f2f1ef),
2803+ to (#ffffff));
2804+ border-radius: 0;
2805+ border-style: solid;
2806+ border-width: 1px;
2807+ padding: 3px 4px 4px 4px;
2808+}
2809+
2810+.inline-toolbar.toolbar:nth-child(last):backdrop {
2811+ border-bottom-color: shade (@bg_color, 0.76);
2812+ border-color: shade (@bg_color, 0.8);
2813+ border-radius: 0 0 3px 3px;
2814+ border-width: 0 1px 1px 1px;
2815+}
2816+
2817+.inline-toolbar.toolbar .button:backdrop {
2818+ background-image: -gtk-gradient (linear, left top, left bottom,
2819+ from (shade (@bg_color, 1.06)),
2820+ to (shade (@bg_color, 0.94)));
2821+ border-radius: 0;
2822+ border-style: solid;
2823+ border-width: 1px 0 1px 1px;
2824+ padding: 1px;
2825+
2826+ icon-shadow: 0 1 shade (@bg_color, 1.16);
2827+
2828+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2829+ from (shade (@bg_color, 1.09)),
2830+ to (shade (@bg_color, 0.97)));
2831+ -unico-outer-stroke-width: 1px 0 1px 0;
2832+ -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2833+ from (alpha (shade (@bg_color, 0.05), 0.01)),
2834+ to (alpha (shade (@bg_color, 0.05), 0.03)));
2835+}
2836+
2837+.inline-toolbar.toolbar .button *:active:backdrop,
2838+.inline-toolbar.toolbar .button *:insensitive:backdrop,
2839+.inline-toolbar.toolbar GtkToolButton .button:active:backdrop,
2840+.inline-toolbar.toolbar GtkToolButton .button:insensitive:backdrop {
2841+ -unico-outer-stroke-width: 1px 0 1px 0;
2842+ -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2843+ from (alpha (shade (@bg_color, 0.05), 0.008)),
2844+ to (alpha (shade (@bg_color, 0.05), 0.01)));
2845+}
2846+
2847+.inline-toolbar.toolbar .button *:insensitive:backdrop,
2848+.inline-toolbar.toolbar GtkToolButton .button:insensitive:backdrop {
2849+ background-image: -gtk-gradient (linear, left top, left bottom,
2850+ from (shade (@bg_color, 1.02)),
2851+ to (shade (@bg_color, 0.98)));
2852+
2853+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2854+ from (shade (@bg_color, 0.85)),
2855+ to (shade (@bg_color, 0.8)));
2856+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2857+ from (shade (@bg_color, 1.16)),
2858+ to (shade (@bg_color, 1.0)));
2859+}
2860+
2861+.inline-toolbar.toolbar .button:nth-child(first):backdrop,
2862+.inline-toolbar.toolbar GtkToolButton:nth-child(first) .button:backdrop {
2863+ border-radius: 3px 0 0 3px;
2864+
2865+ -unico-outer-stroke-width: 1px 0 1px 1px;
2866+}
2867+
2868+.inline-toolbar.toolbar .button:nth-child(last):backdrop,
2869+.inline-toolbar.toolbar GtkToolButton:nth-child(last) .button:backdrop {
2870+ border-radius: 0 3px 3px 0;
2871+ border-width: 1px;
2872+
2873+ -unico-outer-stroke-width: 1px 1px 1px 0;
2874+}
2875+
2876+/************
2877+ * treeview *
2878+ ************/
2879+GtkTreeView .entry:backdrop {
2880+}
2881+
2882+/************
2883+ * viewport *
2884+ ************/
2885+GtkViewport.frame:backdrop {
2886+}
2887
2888=== modified file 'Radiance/gtk-3.0/gtk-widgets.css'
2889--- Radiance/gtk-3.0/gtk-widgets.css 2012-02-09 12:01:40 +0000
2890+++ Radiance/gtk-3.0/gtk-widgets.css 2012-02-27 15:18:29 +0000
2891@@ -52,7 +52,8 @@
2892 -GtkWidget-focus-line-width: 1px;
2893 -GtkWidget-link-color: @link_color;
2894 -GtkWidget-visited-link-color: @link_color;
2895- -GtkWindow-resize-grip-default: false;
2896+ -GtkWindow-resize-grip-width: 0;
2897+ -GtkWindow-resize-grip-height: 0;
2898 -WnckTasklist-fade-overlay-rect: 0;
2899
2900 border-width: 1px;
2901@@ -115,6 +116,8 @@
2902 .button,
2903 .frame,
2904 .notebook {
2905+ border-style: solid;
2906+
2907 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
2908 from (shade (@bg_color, 0.8)),
2909 to (shade (@bg_color, 0.76)));
2910@@ -216,7 +219,6 @@
2911 }
2912
2913 GtkComboBox,
2914-GtkScale.slider,
2915 .button {
2916 background-image: -gtk-gradient (linear, left top, left bottom,
2917 from (shade (@button_bg_color, 1.1)),
2918@@ -240,7 +242,6 @@
2919 -unico-inner-stroke-width: 1px;
2920 }
2921
2922-GtkScale.slider:hover,
2923 .button:hover {
2924 background-image: -gtk-gradient (linear, left top, left bottom,
2925 from (shade (@button_bg_color, 1.16)),
2926@@ -539,6 +540,7 @@
2927 border-radius: 10px;
2928 }
2929
2930+/* FIXME (Cimi) this is horrible */
2931 .check:active,
2932 .check row:selected:active,
2933 .check row:selected:focused:active,
2934@@ -546,7 +548,15 @@
2935 .notebook .radio:active,
2936 .radio:active,
2937 .radio row:selected:active,
2938-.radio row:selected:focused:active {
2939+.radio row:selected:focused:active,
2940+.check:inconsistent,
2941+.check row:selected:inconsistent,
2942+.check row:selected:focused:inconsistent,
2943+.notebook .check:inconsistent,
2944+.notebook .radio:inconsistent,
2945+.radio:inconsistent,
2946+.radio row:selected:inconsistent,
2947+.radio row:selected:focused:inconsistent {
2948 background-image: -gtk-gradient (linear, left top, left bottom,
2949 from (shade (@selected_bg_color, 1.2)),
2950 color-stop (0.5, shade (@selected_bg_color, 1.0)),
2951@@ -567,6 +577,7 @@
2952 -unico-outer-stroke-width: 1px;
2953 }
2954
2955+/* FIXME (Cimi) this is horrible */
2956 .check:active:hover,
2957 .check row:selected:active:hover,
2958 .check row:selected:focused:active:hover,
2959@@ -574,7 +585,15 @@
2960 .notebook .radio:active:hover,
2961 .radio:active:hover,
2962 .radio row:selected:active:hover,
2963-.radio row:selected:focused:active:hover {
2964+.radio row:selected:focused:active:hover,
2965+.check:active:hover:inconsistent,
2966+.check row:selected:active:hover:inconsistent,
2967+.check row:selected:focused:active:hover:inconsistent,
2968+.notebook .check:active:hover:inconsistent,
2969+.notebook .radio:active:hover:inconsistent,
2970+.radio:active:hover:inconsistent,
2971+.radio row:selected:active:hover:inconsistent,
2972+.radio row:selected:focused:active:hover:inconsistent {
2973 background-image: -gtk-gradient (linear, left top, left bottom,
2974 from (shade (@selected_bg_color, 1.26)),
2975 color-stop (0.5, shade (@selected_bg_color, 1.05)),
2976@@ -610,7 +629,9 @@
2977 }
2978
2979 .check:insensitive:active,
2980-.radio:insensitive:active {
2981+.radio:insensitive:active,
2982+.check:insensitive:inconsistent,
2983+.radio:insensitive:inconsistent {
2984 background-image: -gtk-gradient (linear, left top, left bottom,
2985 from (shade (@bg_color, 0.96)),
2986 to (shade (@bg_color, 0.9)));
2987@@ -743,6 +764,7 @@
2988 border-left-color: shade (@bg_color, 0.76);
2989 border-radius: 3px;
2990 border-style: solid;
2991+ padding: 3px 5px 3px 5px;
2992
2993 color: @text_color;
2994
2995@@ -772,6 +794,8 @@
2996 background-color: shade (@bg_color, 0.96);
2997 background-image: none;
2998
2999+ color: mix (@text_color, @base_color, 0.4);
3000+
3001 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
3002 from (alpha (shade (@bg_color, 0.05), 0.04)),
3003 to (alpha (shade (@bg_color, 0.05), 0.02)));
3004@@ -1034,7 +1058,7 @@
3005 border-radius: 0;
3006 border-style: solid;
3007 border-width: 1px;
3008- padding: 2px;
3009+ padding: 3px 2px 3px 2px;
3010
3011 -unico-inner-stroke-width: 1px;
3012 }
3013@@ -1099,7 +1123,7 @@
3014 .primary-toolbar .menuitem:insensitive,
3015 .primary-toolbar .menuitem *:insensitive {
3016 color: mix (@dark_fg_color, @dark_bg_color, 0.5);
3017- text-shadow: 0 -1 shade (@dark_bg_color, 0.6);
3018+ text-shadow: 0 1 shade (@bg_color, 1.1);
3019 }
3020
3021 .menubar .menuitem.check:active,
3022@@ -1226,8 +1250,6 @@
3023
3024 .notebook tab.top {
3025 padding: 2px 5px 0 5px;
3026-
3027- color: shade (@bg_color, 0.9);
3028 }
3029
3030 .notebook tab.right:active {
3031@@ -1300,6 +1322,7 @@
3032 background-image: -gtk-gradient (linear, left top, left bottom,
3033 from (shade (@selected_bg_color, 1.13)),
3034 to (shade (@selected_bg_color, 0.9)));
3035+ border-style: solid;
3036 border-width: 1px;
3037
3038 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
3039@@ -1319,6 +1342,8 @@
3040 background-image: -gtk-gradient (linear, left top, right top,
3041 from (shade (@selected_bg_color, 1.13)),
3042 to (shade (@selected_bg_color, 0.9)));
3043+ border-style: solid;
3044+ border-width: 1px;
3045
3046 -unico-border-gradient: -gtk-gradient (linear, left top, right top,
3047 from (shade (@selected_bg_color, 0.75)),
3048@@ -1328,6 +1353,32 @@
3049 to (shade (@selected_bg_color, 1.0)));
3050 }
3051
3052+.scale.highlight.left:insensitive {
3053+ background-image: -gtk-gradient (linear, left top, left bottom,
3054+ from (shade (@bg_color, 0.95)),
3055+ to (shade (@bg_color, 0.85)));
3056+
3057+ -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
3058+ from (shade (@bg_color, 0.75)),
3059+ to (shade (@bg_color, 0.75)));
3060+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
3061+ from (shade (@bg_color, 0.97)),
3062+ to (shade (@bg_color, 0.865)));
3063+}
3064+
3065+.scale.highlight.bottom:insensitive {
3066+ background-image: -gtk-gradient (linear, left top, right top,
3067+ from (shade (@bg_color, 0.95)),
3068+ to (shade (@bg_color, 0.85)));
3069+
3070+ -unico-border-gradient: -gtk-gradient (linear, left top, right top,
3071+ from (shade (@bg_color, 0.75)),
3072+ to (shade (@bg_color, 0.75)));
3073+ -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
3074+ from (shade (@bg_color, 0.97)),
3075+ to (shade (@bg_color, 0.865)));
3076+}
3077+
3078 .trough,
3079 .trough row,
3080 .trough row:hover,
3081@@ -1336,6 +1387,7 @@
3082 background-image: -gtk-gradient (linear, left top, left bottom,
3083 from (shade (@bg_color, 0.92)),
3084 to (shade (@bg_color, 0.96)));
3085+ border-style: solid;
3086 border-width: 1px;
3087
3088 color: @text_color;
3089@@ -1377,6 +1429,10 @@
3090 background-image: url("assets/slider_prelight.png");
3091 }
3092
3093+GtkScale.slider:insensitive {
3094+ background-image: url("assets/slider_insensitive.png");
3095+}
3096+
3097 GtkScale.slider.vertical {
3098 background-image: url("assets/slider_vertical.png");
3099 }
3100@@ -1385,6 +1441,10 @@
3101 background-image: url("assets/slider_prelight_vertical.png");
3102 }
3103
3104+GtkScale.slider.vertical:insensitive {
3105+ background-image: url("assets/slider_vertical_insensitive.png");
3106+}
3107+
3108 GtkScale.mark {
3109 border-color: shade (@bg_color, 0.8);
3110 }
3111@@ -1603,10 +1663,12 @@
3112 background-image: -gtk-gradient (linear, left top, left bottom,
3113 from (shade (@bg_color, 1.1)),
3114 to (shade (@bg_color, 0.9)));
3115+ border-top-color: shade (@bg_color, 0.64);
3116+ border-right-color: shade (@bg_color, 0.76);
3117+ border-bottom-color: shade (@bg_color, 0.82);
3118+ border-left-color: shade (@bg_color, 0.76);
3119
3120- -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
3121- from (shade (@bg_color, 0.65)),
3122- to (shade (@bg_color, 0.7)));
3123+ -unico-border-gradient: none;
3124 }
3125
3126 .spinbutton,
3127@@ -1624,7 +1686,6 @@
3128 * statusbar *
3129 *************/
3130 GtkStatusbar {
3131- color: @fg_color;
3132 }
3133
3134 /**********
3135@@ -1688,6 +1749,7 @@
3136 background-image: -gtk-gradient (linear, left top, left bottom,
3137 from (shade (@bg_color, 1.1)),
3138 to (shade (@bg_color, 0.9)));
3139+ border-style: solid;
3140
3141 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
3142 from (shade (@bg_color, 0.65)),
3143@@ -1957,10 +2019,10 @@
3144 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
3145 from (shade (@bg_color, 1.16)),
3146 to (shade (@bg_color, 0.98)));
3147+ -unico-outer-stroke-width: 1px 0 1px 0;
3148 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
3149- from (alpha (shade (@bg_color, 0.05), 0.02)),
3150- to (alpha (shade (@bg_color, 0.05), 0.06)));
3151- -unico-outer-stroke-width: 1px 0 1px 0;
3152+ from (alpha (shade (@bg_color, 0.05), 0.015)),
3153+ to (alpha (shade (@bg_color, 0.05), 0.04)));
3154 }
3155
3156 .inline-toolbar.toolbar .button *:active,
3157@@ -1969,8 +2031,8 @@
3158 .inline-toolbar.toolbar GtkToolButton .button:insensitive {
3159 -unico-outer-stroke-width: 1px 0 1px 0;
3160 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
3161- from (alpha (shade (@bg_color, 0.05), 0.02)),
3162- to (alpha (shade (@bg_color, 0.05), 0.06)));
3163+ from (alpha (shade (@bg_color, 0.05), 0.01)),
3164+ to (alpha (shade (@bg_color, 0.05), 0.03)));
3165 }
3166
3167 .inline-toolbar.toolbar .button *:insensitive,
3168
3169=== modified file 'Radiance/gtk-3.0/gtk.css'
3170--- Radiance/gtk-3.0/gtk.css 2011-08-25 11:12:53 +0000
3171+++ Radiance/gtk-3.0/gtk.css 2012-02-27 15:18:29 +0000
3172@@ -26,8 +26,11 @@
3173 @define-color dark_bg_color #dfd7cf;
3174 @define-color dark_fg_color @fg_color;
3175 @define-color transparent rgba (0, 0, 0, 0);
3176+@define-color backdrop_selected_bg_color shade (@bg_color, 0.92);
3177+@define-color backdrop_selected_fg_color @fg_color;
3178
3179 @import url("gtk-widgets.css");
3180+@import url("gtk-widgets-backdrop.css");
3181 @import url("apps/gnome-panel.css");
3182 @import url("apps/gnome-terminal.css");
3183 @import url("apps/nautilus.css");
3184
3185=== modified file 'Radiance/metacity-1/metacity-theme-1.xml'
3186--- Radiance/metacity-1/metacity-theme-1.xml 2011-08-23 15:13:57 +0000
3187+++ Radiance/metacity-1/metacity-theme-1.xml 2012-02-27 15:18:29 +0000
3188@@ -189,6 +189,7 @@
3189 <rectangle color="shade/gtk:bg[NORMAL]/0.7" x="0" y="0" width="width" height="height" filled="true"/>
3190 <gradient type="vertical" x="0" y="0" width="width" height="60">
3191 <color value="shade/#dfd7cf/0.8" />
3192+ <color value="shade/#dfd7cf/0.8" />
3193 <color value="shade/gtk:bg[NORMAL]/0.7" />
3194 </gradient>
3195 </draw_ops>