light-themes

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

  1. unfocused-theme
  2. Merge into 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.
lp:~cimi/light-themes/unfocused-theme updated
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
=== modified file 'Ambiance/gtk-2.0/gtkrc'
--- Ambiance/gtk-2.0/gtkrc 2012-02-06 16:10:20 +0000
+++ Ambiance/gtk-2.0/gtkrc 2012-02-27 15:18:29 +0000
@@ -510,7 +510,6 @@
510 bg[SELECTED] = "#000000"510 bg[SELECTED] = "#000000"
511511
512 engine "murrine" {512 engine "murrine" {
513 border_colors = { mix (0.85, "#ffffff", "#000000"), mix (0.85, "#ffffff", "#000000") }
514 rgba = TRUE513 rgba = TRUE
515 }514 }
516}515}
517516
=== added file 'Ambiance/gtk-3.0/assets/slider_backdrop.png'
518Binary 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 differ517Binary 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
=== added file 'Ambiance/gtk-3.0/assets/slider_insensitive.png'
519Binary 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 differ518Binary 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
=== added file 'Ambiance/gtk-3.0/assets/slider_insensitive_backdrop.png'
520Binary 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 differ519Binary 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
=== added file 'Ambiance/gtk-3.0/assets/slider_vertical_backdrop.png'
521Binary 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 differ520Binary 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
=== added file 'Ambiance/gtk-3.0/assets/slider_vertical_insensitive.png'
522Binary 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 differ521Binary 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
=== added file 'Ambiance/gtk-3.0/assets/slider_vertical_insensitive_backdrop.png'
523Binary 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 differ522Binary 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
=== added file 'Ambiance/gtk-3.0/gtk-widgets-backdrop.css'
--- Ambiance/gtk-3.0/gtk-widgets-backdrop.css 1970-01-01 00:00:00 +0000
+++ Ambiance/gtk-3.0/gtk-widgets-backdrop.css 2012-02-27 15:18:29 +0000
@@ -0,0 +1,1227 @@
1/* NOTES to contributors:
2 * use 4 spaces intends, and keep code ALIGNED and ORDERED */
3
4GtkWindow:backdrop {
5 color: mix (@fg_color, @bg_color, 0.17);
6}
7
8* {
9 /* inherit the color from parent by default */
10 color: inherit;
11 background-color: @bg_color;
12}
13
14/**********
15 * states *
16 **********/
17*:insensitive:backdrop {
18 color: mix (shade (@bg_color, 0.6), @bg_color, 0.2);
19 text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.5);
20}
21
22*:active:backdrop {
23}
24
25*:active:hover:insensitive:backdrop {
26}
27
28*:active:insensitive:backdrop {
29}
30
31*:hover:backdrop {
32}
33
34*:hover:insensitive:backdrop {
35}
36
37*:selected:backdrop,
38*:selected:focused:backdrop {
39 background-color: @backdrop_selected_bg_color;
40
41 color: @backdrop_selected_fg_color;
42}
43
44/******************
45 * common effects *
46 ******************/
47/* border and inner stroke */
48.frame:backdrop,
49.notebook:backdrop {
50 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
51 from (shade (@bg_color, 0.86)),
52 to (shade (@bg_color, 0.82)));
53}
54
55.notebook tab:backdrop {
56 background-image: -gtk-gradient (linear, left top, left bottom,
57 from (shade (@bg_color, 0.99)),
58 color-stop (0.80, shade (@bg_color, 0.97)),
59 to (shade (@bg_color, 0.94)));
60
61 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
62 from (shade (@bg_color, 0.9)),
63 to (shade (@bg_color, 0.87)));
64 -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.3);
65}
66
67.notebook tab:active:backdrop {
68 background-image: -gtk-gradient (linear, left top, left bottom,
69 from (shade (@bg_color, 1.1)),
70 to (shade (@bg_color, 1.01)));
71
72 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
73 from (shade (@bg_color, 0.92)),
74 to (shade (@bg_color, 0.86)));
75}
76
77/**********
78 * button *
79 **********/
80GtkComboBox:backdrop,
81.button:backdrop,
82GtkComboBox.combobox-entry .button:backdrop,
83GtkScale.slider:backdrop,
84GtkScale.slider.vertical:backdrop,
85.notebook .button:backdrop,
86.inline-toolbar.toolbar .button:backdrop {
87 background-image: -gtk-gradient (linear, left top, left bottom,
88 from (shade (@bg_color, 1.03)),
89 to (shade (@bg_color, 0.97)));
90 border-top-color: shade (@bg_color, 0.86);
91 border-right-color: shade (@bg_color, 0.82);
92 border-bottom-color: shade (@bg_color, 0.76);
93 border-left-color: shade (@bg_color, 0.82);
94
95 color: mix (@fg_color, @bg_color, 0.2);
96 text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.16);
97
98 -unico-border-gradient: none;
99 -unico-glow-radius: 0;
100 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
101 from (shade (@bg_color, 1.05)),
102 to (shade (@bg_color, 0.985)));
103}
104
105.button:hover:backdrop,
106GtkComboBox.combobox-entry .button:hover:backdrop,
107GtkScale.slider:hover:backdrop,
108GtkScale.slider.vertical:hover:backdrop,
109.notebook .button:hover:backdrop,
110.inline-toolbar.toolbar .button:hover:backdrop {
111 background-image: -gtk-gradient (linear, left top, left bottom,
112 from (shade (@bg_color, 1.16)),
113 to (shade (@bg_color, 0.95)));
114 border-top-color: shade (@bg_color, 0.85);
115 border-right-color: shade (@bg_color, 0.82);
116 border-bottom-color: shade (@bg_color, 0.67);
117 border-left-color: shade (@bg_color, 0.82);
118
119 -unico-border-gradient: none;
120 -unico-glow-color: shade (@bg_color, 1.07);
121 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
122 from (shade (@bg_color, 1.21)),
123 to (shade (@bg_color, 1.02)));
124}
125
126.button:active:backdrop,
127GtkComboBox.combobox-entry .button:active:backdrop,
128.notebook .button:active:backdrop,
129.inline-toolbar.toolbar .button:active:backdrop {
130 background-image: -gtk-gradient (linear, left top, left bottom,
131 from (shade (@bg_color, 0.9)),
132 to (shade (@bg_color, 0.95)));
133 border-top-color: shade (@bg_color, 0.62);
134 border-right-color: shade (@bg_color, 0.72);
135 border-bottom-color: shade (@bg_color, 0.76);
136 border-left-color: shade (@bg_color, 0.72);
137
138 -unico-border-gradient: none;
139 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
140 from (shade (@bg_color, 0.85)),
141 to (shade (@bg_color, 0.9)));
142}
143
144.button:active:hover:backdrop,
145GtkComboBox.combobox-entry .button:active:hover:backdrop,
146.notebook .button:active:hover:backdrop,
147.inline-toolbar.toolbar .button:active:hover:backdrop {
148 background-image: -gtk-gradient (linear, left top, left bottom,
149 from (shade (@bg_color, 0.95)),
150 to (shade (@bg_color, 1.0)));
151 border-top-color: shade (@bg_color, 0.64);
152 border-right-color: shade (@bg_color, 0.74);
153 border-bottom-color: shade (@bg_color, 0.79);
154 border-left-color: shade (@bg_color, 0.74);
155
156 -unico-border-gradient: none;
157 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
158 from (shade (@bg_color, 0.93)),
159 to (shade (@bg_color, 0.94)));
160}
161
162.button:insensitive:backdrop,
163GtkComboBox.combobox-entry .button:insensitive:backdrop,
164.notebook .button:insensitive:backdrop,
165.inline-toolbar.toolbar .button:insensitive:backdrop {
166 background-image: -gtk-gradient (linear, left top, left bottom,
167 from (shade (@bg_color, 1.06)),
168 to (shade (@bg_color, 0.98)));
169 border-top-color: shade (@bg_color, 0.86);
170 border-right-color: shade (@bg_color, 0.86);
171 border-bottom-color: shade (@bg_color, 0.86);
172 border-left-color: shade (@bg_color, 0.9);
173
174 -unico-border-gradient: none;
175 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
176 from (shade (@bg_color, 1.1)),
177 to (shade (@bg_color, 1.0)));
178}
179
180/* default button */
181.button.default:backdrop {
182 background-image: -gtk-gradient (linear, left top, left bottom,
183 from (mix (shade (@backdrop_selected_bg_color, 1.16), @bg_color, 0.3)),
184 to (mix (shade (@backdrop_selected_bg_color, 0.84), @bg_color, 0.3)));
185
186 text-shadow: 0 1 alpha (shade (@backdrop_selected_bg_color, 1.26), 0.4);
187
188 -unico-focus-border-color: @transparent;
189 -unico-focus-outer-stroke-color: alpha (@backdrop_selected_bg_color, 0.2);
190
191 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
192 from (mix (shade (@backdrop_selected_bg_color, 0.8), @bg_color, 0.3)),
193 to (mix (shade (@backdrop_selected_bg_color, 0.64), @bg_color, 0.3)));
194 -unico-glow-radius: 0;
195 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
196 from (mix (shade (@backdrop_selected_bg_color, 1.26), @bg_color, 0.3)),
197 to (mix (shade (@backdrop_selected_bg_color, 0.9), @bg_color, 0.3)));
198}
199
200.button.default:hover:backdrop {
201 background-image: -gtk-gradient (linear, left top, left bottom,
202 from (mix (shade (@backdrop_selected_bg_color, 1.21), @bg_color, 0.3)),
203 to (mix (shade (@backdrop_selected_bg_color, 0.89), @bg_color, 0.3)));
204
205 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
206 from (mix (shade (@backdrop_selected_bg_color, 0.83), @bg_color, 0.3)),
207 to (mix (shade (@backdrop_selected_bg_color, 0.67), @bg_color, 0.3)));
208 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
209 from (mix (shade (@backdrop_selected_bg_color, 1.3), @bg_color, 0.3)),
210 to (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)));
211}
212
213.button.default:active:backdrop {
214 background-image: -gtk-gradient (linear, left top, left bottom,
215 from (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)),
216 to (mix (shade (@backdrop_selected_bg_color, 1.05), @bg_color, 0.3)));
217
218 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
219 from (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)),
220 to (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)));
221 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
222 from (mix (shade (@backdrop_selected_bg_color, 0.9), @bg_color, 0.3)),
223 to (mix (shade (@backdrop_selected_bg_color, 1.0), @bg_color, 0.3)));
224}
225
226.button.default:active:hover:backdrop {
227 background-image: -gtk-gradient (linear, left top, left bottom,
228 from (mix (shade (@backdrop_selected_bg_color, 1.0), @bg_color, 0.3)),
229 to (mix (shade (@backdrop_selected_bg_color, 1.1), @bg_color, 0.3)));
230
231 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
232 from (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)),
233 to (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)));
234 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
235 from (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)),
236 to (mix (shade (@backdrop_selected_bg_color, 1.05), @bg_color, 0.3)));
237}
238
239.button.default:insensitive:backdrop {
240 -unico-glow-radius: 0;
241 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
242 from (shade (@button_insensitive_bg_color, 1.08)),
243 to (shade (@button_insensitive_bg_color, 1.0)));
244}
245
246/****************
247 * cell and row *
248 ****************/
249.cell:backdrop {
250 background-color: mix (@base_color, @bg_color, 0.4);
251 border-radius: 0;
252 border-width: 0;
253}
254
255.cell:selected:backdrop {
256}
257
258row:hover:backdrop {
259}
260
261row:insensitive:backdrop {
262}
263
264row:selected:backdrop {
265 background-image: -gtk-gradient (linear, left top, left bottom,
266 from (shade (@backdrop_selected_bg_color, 1.06)),
267 to (shade (@backdrop_selected_bg_color, 1.0)));
268 border-top-color: shade (@backdrop_selected_bg_color, 0.98);
269 border-style: solid;
270 border-width: 1px 0 0 0;
271
272 color: @backdrop_selected_fg_color;
273}
274
275row:selected:focused {
276}
277
278/*******************
279 * check and radio *
280 *******************/
281.check row:selected:backdrop,
282.radio row:selected:backdrop,
283.check:backdrop,
284.check row:backdrop,
285.radio:backdrop,
286.radio row:backdrop {
287 background-image: -gtk-gradient (linear, left top, left bottom,
288 from (mix (shade (@base_color, 0.98), @bg_color, 0.4)),
289 to (mix (@base_color, @bg_color, 0.4)));
290 border-top-color: shade (@bg_color, 0.72);
291 border-right-color: shade (@bg_color, 0.82);
292 border-bottom-color: shade (@bg_color, 0.88);
293 border-left-color: shade (@bg_color, 0.82);
294 border-style: solid;
295 border-width: 1px;
296
297 color: mix (@fg_color, @base_color, 0.2);
298
299 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
300 from (alpha (shade (@bg_color, 0.05), 0.02)),
301 to (alpha (shade (@bg_color, 0.05), 0.01)));
302}
303
304.check:backdrop,
305.check row:backdrop {
306 border-radius: 3px;
307}
308
309.radio:backdrop,
310.radio row:backdrop {
311 border-radius: 10px;
312}
313
314/* FIXME (Cimi) this is horrible */
315.check:active:backdrop,
316.check row:selected:active:backdrop,
317.check row:selected:focused:active:backdrop,
318.notebook .check:active:backdrop,
319.notebook .radio:active:backdrop,
320.radio:active:backdrop,
321.radio row:selected:active:backdrop,
322.radio row:selected:focused:active:backdrop,
323.check:inconsistent:backdrop,
324.check row:selected:inconsistent:backdrop,
325.check row:selected:focused:inconsistent:backdrop,
326.notebook .check:inconsistent:backdrop,
327.notebook .radio:inconsistent:backdrop,
328.radio:inconsistent:backdrop,
329.radio row:selected:inconsistent:backdrop,
330.radio row:selected:focused:inconsistent:backdrop {
331 background-image: -gtk-gradient (linear, left top, left bottom,
332 from (shade (@backdrop_selected_bg_color, 1.06)),
333 to (shade (@backdrop_selected_bg_color, 0.94)));
334
335 -unico-bullet-color: shade (@backdrop_selected_bg_color, 0.54);
336 -unico-bullet-outline-color: shade (@backdrop_selected_bg_color, 1.12);
337
338 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
339 from (shade (@backdrop_selected_bg_color, 0.78)),
340 to (shade (@backdrop_selected_bg_color, 0.74)));
341 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
342 from (shade (@backdrop_selected_bg_color, 1.08)),
343 to (shade (@backdrop_selected_bg_color, 0.96)));
344 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
345 from (alpha (shade (@bg_color, 0.05), 0.01)),
346 to (alpha (shade (@bg_color, 0.05), 0.03)));
347 -unico-outer-stroke-width: 1px;
348}
349
350/* FIXME (Cimi) this is horrible */
351.check:active:hover:backdrop,
352.check row:selected:active:hover:backdrop,
353.check row:selected:focused:active:hover:backdrop,
354.notebook .check:active:hover:backdrop,
355.notebook .radio:active:hover:backdrop,
356.radio:active:hover:backdrop,
357.radio row:selected:active:hover:backdrop,
358.radio row:selected:focused:active:hover:backdrop
359.check:active:hover:inconsistent:backdrop,
360.check row:selected:active:hover:inconsistent:backdrop,
361.check row:selected:focused:active:hover:inconsistent:backdrop,
362.notebook .check:active:hover:inconsistent:backdrop,
363.notebook .radio:active:hover:inconsistent:backdrop,
364.radio:active:hover:inconsistent:backdrop,
365.radio row:selected:active:hover:inconsistent:backdrop,
366.radio row:selected:focused:active:hover:inconsistent:backdrop {
367 background-image: -gtk-gradient (linear, left top, left bottom,
368 from (shade (@backdrop_selected_bg_color, 1.1)),
369 to (shade (@backdrop_selected_bg_color, 0.98)));
370
371 -unico-bullet-color: shade (@backdrop_selected_bg_color, 0.54);
372 -unico-bullet-outline-color: shade (@backdrop_selected_bg_color, 1.14);
373
374 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
375 from (shade (@backdrop_selected_bg_color, 0.8)),
376 to (shade (@backdrop_selected_bg_color, 0.76)));
377 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
378 from (shade (@backdrop_selected_bg_color, 1.12)),
379 to (shade (@backdrop_selected_bg_color, 1.0)));
380}
381
382.check:insensitive:backdrop,
383.radio:insensitive:backdrop {
384 background-color: shade (@bg_color, 0.98);
385 background-image: none;
386
387 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
388 from (alpha (shade (@bg_color, 0.05), 0.02)),
389 to (alpha (shade (@bg_color, 0.05), 0.01)));
390}
391
392.check:insensitive:active:backdrop,
393.radio:insensitive:active:backdrop,
394.check:insensitive:inconsistent:backdrop,
395.radio:insensitive:inconsistent:backdrop {
396 background-image: -gtk-gradient (linear, left top, left bottom,
397 from (shade (@bg_color, 1.0)),
398 to (shade (@bg_color, 0.94)));
399
400 -unico-bullet-color: shade (@bg_color, 0.7);
401 -unico-bullet-outline-color: shade (@bg_color, 1.0);
402
403 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
404 from (shade (@bg_color, 0.86)),
405 to (shade (@bg_color, 0.8)));
406 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
407 from (shade (@bg_color, 1.02)),
408 to (shade (@bg_color, 0.96)));
409}
410
411/*****************
412 * column-header *
413 *****************/
414column-header .button:backdrop,
415column-header .button:active:backdrop,
416.notebook column-header .button:backdrop,
417.notebook column-header .button:active:backdrop {
418 border-radius: 0;
419 border-width: 0 1px 1px 0;
420
421 -unico-glow-radius: 0;
422 -unico-outer-stroke-width: 0;
423}
424
425column-header .button:backdrop,
426.notebook column-header .button:backdrop {
427 background-image: -gtk-gradient (linear, left top, left bottom,
428 from (shade (@bg_color, 1.04)),
429 to (shade (@bg_color, 0.98)));
430
431 text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.4);
432
433 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
434 from (shade (@bg_color, 0.88)),
435 to (shade (@bg_color, 0.84)));
436 -unico-glow-color: shade (@bg_color, 1.02);
437 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
438 from (shade (@bg_color, 1.07)),
439 to (shade (@bg_color, 1.01)));
440}
441
442column-header .button:hover:backdrop,
443.notebook column-header .button:hover:backdrop {
444 background-image: -gtk-gradient (linear, left top, left bottom,
445 from (shade (@bg_color, 1.06)),
446 to (shade (@bg_color, 1.0)));
447
448 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
449 from (shade (@bg_color, 0.9)),
450 to (shade (@bg_color, 0.86)));
451 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
452 from (shade (@bg_color, 1.09)),
453 to (shade (@bg_color, 1.03)));
454}
455
456column-header:nth-child(last) .button:backdrop {
457 border-width: 0 0 1px 0;
458}
459
460/******************
461 * combobox entry *
462 ******************/
463GtkComboBox.combobox-entry .button:backdrop,
464GtkComboBox.combobox-entry .button:hover:backdrop,
465GtkComboBox.combobox-entry .button:active:backdrop,
466GtkComboBox.combobox-entry .button:insensitive:backdrop {
467 border-top-color: shade (@bg_color, 0.64);
468 border-right-color: shade (@bg_color, 0.8);
469 border-bottom-color: shade (@bg_color, 0.86);
470 border-left-color: shade (@bg_color, 0.76);
471}
472
473/*********
474 * entry *
475 *********/
476.entry:backdrop {
477 background-image: -gtk-gradient (linear, left top, left bottom,
478 from (mix (shade (@base_color, 0.98), @bg_color, 0.4)),
479 to (mix (@base_color, @bg_color, 0.4)));
480 border-top-color: shade (@bg_color, 0.72);
481 border-right-color: shade (@bg_color, 0.82);
482 border-bottom-color: shade (@bg_color, 0.88);
483 border-left-color: shade (@bg_color, 0.82);
484
485 color: mix (@fg_color, @base_color, 0.2);
486
487 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
488 from (alpha (shade (@bg_color, 0.05), 0.02)),
489 to (alpha (shade (@bg_color, 0.05), 0.01)));
490}
491
492.entry:selected:backdrop,
493.entry:selected:focused:backdrop {
494 background-color: @backdrop_selected_bg_color;
495
496 color: @backdrop_selected_fg_color;
497}
498
499.entry:focused:backdrop {
500 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
501 from (shade (@backdrop_selected_bg_color, 0.75)),
502 to (shade (@backdrop_selected_bg_color, 0.8)));
503 -unico-inner-stroke-color: alpha (@backdrop_selected_bg_color, 0.3);
504 -unico-inner-stroke-gradient: none;
505}
506
507.entry:insensitive:backdrop {
508 background-color: shade (@bg_color, 0.98);
509 background-image: none;
510
511 color: mix (@text_color, @base_color, 0.5);
512
513 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
514 from (alpha (shade (@bg_color, 0.05), 0.02)),
515 to (alpha (shade (@bg_color, 0.05), 0.01)));
516}
517
518.primary-toolbar .entry.progressbar:backdrop,
519.primary-toolbar .entry.progressbar:backdrop,
520.entry.progressbar:backdrop {
521}
522
523/************
524 * expander *
525 ************/
526.expander:backdrop {
527}
528
529/*********
530 * frame *
531 *********/
532.frame:backdrop {
533}
534
535/************
536 * iconview *
537 ************/
538GtkIconView.view.cell:selected:backdrop,
539GtkIconView.view.cell:selected:focused:backdrop {
540 background-image: -gtk-gradient (linear, left top, left bottom,
541 from (shade (@backdrop_selected_bg_color, 1.0)),
542 to (shade (@backdrop_selected_bg_color, 0.9)));
543 border-radius: 4px;
544 border-style: solid;
545 border-width: 1px;
546
547 color: @backdrop_selected_fg_color;
548
549 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
550 from (shade (@backdrop_selected_bg_color, 0.7)),
551 to (shade (@backdrop_selected_bg_color, 0.7)));
552 -unico-glow-radius: 8;
553 -unico-glow-color: shade (@backdrop_selected_bg_color, 1.3);
554 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
555 from (shade (@backdrop_selected_bg_color, 1.2)),
556 to (shade (@backdrop_selected_bg_color, 1.08)));
557 -unico-inner-stroke-width: 1px;
558}
559
560.rubberband:backdrop {
561 background-color: alpha (@backdrop_selected_bg_color, 0.35);
562 border-color: @backdrop_selected_bg_color;
563 border-radius: 0;
564 border-style: solid;
565 border-width: 1px;
566}
567
568/***********
569 * infobar *
570 ***********/
571.info:backdrop {
572}
573
574.warning:backdrop {
575}
576
577.question:backdrop {
578}
579
580.error:backdrop {
581}
582
583/***********
584 * menubar *
585 ***********/
586.menubar:backdrop,
587.menubar .menuitem:backdrop {
588 color: #807d78; /* metacity unfocused color */
589}
590
591/************
592 * notebook *
593 ************/
594.notebook:backdrop {
595 background-color: shade (@bg_color, 1.01);
596}
597
598.notebook tab:active:backdrop {
599}
600
601.notebook tab:backdrop {
602}
603
604/*************************
605 * progressbar and scale *
606 *************************/
607.scale.highlight.left:backdrop,
608.progressbar:backdrop,
609.progressbar row:backdrop,
610.progressbar row:hover:backdrop,
611.progressbar row:selected:backdrop,
612.progressbar row:selected:focused:backdrop {
613 background-image: -gtk-gradient (linear, left top, left bottom,
614 from (shade (@backdrop_selected_bg_color, 1.05)),
615 to (shade (@backdrop_selected_bg_color, 0.95)));
616 border-width: 1px;
617
618 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
619 from (shade (@backdrop_selected_bg_color, 0.8)),
620 to (shade (@backdrop_selected_bg_color, 0.8)));
621 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
622 from (shade (@backdrop_selected_bg_color, 1.07)),
623 to (shade (@backdrop_selected_bg_color, 0.965)));
624 -unico-outer-stroke-color: @transparent;
625 -unico-outer-stroke-gradient: none;
626 -unico-outer-stroke-width: 0;
627}
628
629.scale.highlight.bottom:backdrop,
630.progressbar.vertical:backdrop {
631 background-image: -gtk-gradient (linear, left top, right top,
632 from (shade (@backdrop_selected_bg_color, 1.05)),
633 to (shade (@backdrop_selected_bg_color, 0.95)));
634
635 -unico-border-gradient: -gtk-gradient (linear, left top, right top,
636 from (shade (@backdrop_selected_bg_color, 0.86)),
637 to (shade (@backdrop_selected_bg_color, 0.86)));
638 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
639 from (shade (@backdrop_selected_bg_color, 1.07)),
640 to (shade (@backdrop_selected_bg_color, 0.965)));
641}
642
643.scale.highlight.left:insensitive:backdrop {
644 background-image: -gtk-gradient (linear, left top, left bottom,
645 from (shade (@bg_color, 0.98)),
646 to (shade (@bg_color, 0.88)));
647
648 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
649 from (shade (@bg_color, 0.82)),
650 to (shade (@bg_color, 0.82)));
651 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
652 from (shade (@bg_color, 1.0)),
653 to (shade (@bg_color, 0.90)));
654}
655
656.scale.highlight.bottom:insensitive:backdrop {
657 background-image: -gtk-gradient (linear, left top, right top,
658 from (shade (@bg_color, 0.98)),
659 to (shade (@bg_color, 0.88)));
660
661 -unico-border-gradient: -gtk-gradient (linear, left top, right top,
662 from (shade (@bg_color, 0.82)),
663 to (shade (@bg_color, 0.82)));
664 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
665 from (shade (@bg_color, 1.0)),
666 to (shade (@bg_color, 0.90)));
667}
668
669.trough:backdrop,
670.trough row:backdrop,
671.trough row:hover:backdrop,
672.trough row:selected:backdrop,
673.trough row:selected:focused:backdrop {
674 background-image: -gtk-gradient (linear, left top, left bottom,
675 from (shade (@bg_color, 0.94)),
676 to (shade (@bg_color, 0.98)));
677
678 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
679 from (shade (@bg_color, 0.85)),
680 to (shade (@bg_color, 1.05)));
681}
682
683.trough.vertical:backdrop {
684 background-image: -gtk-gradient (linear, left top, right top,
685 from (shade (@bg_color, 0.94)),
686 to (shade (@bg_color, 0.98)));
687
688 -unico-border-gradient: -gtk-gradient (linear, left top, right top,
689 from (shade (@bg_color, 0.85)),
690 to (shade (@bg_color, 1.05)));
691}
692
693GtkScale.slider:backdrop {
694 background-image: url("assets/slider_backdrop.png");
695}
696
697GtkScale.slider:hover:backdrop {
698 background-image: url("assets/slider_prelight.png");
699}
700
701GtkScale.slider:insensitive:backdrop {
702 background-image: url("assets/slider_insensitive_backdrop.png");
703}
704
705GtkScale.slider.vertical:backdrop {
706 background-image: url("assets/slider_vertical_backdrop.png");
707}
708
709GtkScale.slider.vertical:hover:backdrop {
710 background-image: url("assets/slider_prelight_vertical.png");
711}
712
713GtkScale.slider.vertical:insensitive:backdrop {
714 background-image: url("assets/slider_vertical_insensitive_backdrop.png");
715}
716
717GtkScale.mark:backdrop {
718}
719
720/*******************
721 * scrolled window *
722 *******************/
723GtkScrolledWindow.frame:backdrop {
724}
725
726/*************
727 * separator *
728 *************/
729.separator:backdrop {
730 border-color: shade (@bg_color, 0.92);
731
732 -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.4);
733}
734
735.button .separator:backdrop,
736.button.separator:backdrop {
737 border-color: shade (@bg_color, 0.86);
738
739 -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.5);
740}
741
742.notebook .button .separator:backdrop,
743.notebook .button.separator:backdrop {
744 border-color: shade (@bg_color, 0.86);
745
746 -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.5);
747}
748
749.button .separator:insensitive:backdrop,
750.button.separator:insensitive:backdrop {
751 border-color: shade (@bg_color, 0.92);
752
753 -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6);
754}
755
756.notebook .button .separator:insensitive:backdrop,
757.notebook .button.separator:insensitive:backdrop {
758 border-color: shade (@bg_color, 0.92);
759
760 -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6);
761}
762
763.menuitem.separator:backdrop {
764}
765
766.menubar .menuitem.separator:backdrop,
767.primary-toolbar .menuitem.separator:backdrop {
768}
769
770/***********
771 * sidebar *
772 ***********/
773.sidebar:backdrop,
774.sidebar .view:backdrop {
775}
776
777.sidebar row:selected:backdrop {
778 text-shadow: 0 1 shade (@backdrop_selected_bg_color, 0.7);
779}
780
781.sidebar .frame:backdrop {
782}
783
784/**************
785 * spinbutton *
786 **************/
787.spinbutton.button:active:backdrop,
788.spinbutton.button:insensitive:backdrop,
789.notebook .spinbutton.button:active:backdrop,
790.notebook .spinbutton.button:insensitive:backdrop,
791.spinbutton.button:backdrop,
792.notebook .spinbutton.button:backdrop {
793}
794
795.spinbutton.button:active:nth-child(last):backdrop,
796.spinbutton.button:insensitive:nth-child(last):backdrop,
797.notebook .spinbutton.button:active:nth-child(last):backdrop,
798.notebook .spinbutton.button:insensitive:nth-child(last):backdrop,
799.spinbutton.button:nth-child(last):backdrop,
800.notebook .spinbutton.button:nth-child(last):backdrop {
801}
802
803.spinbutton.button:backdrop,
804.notebook .spinbutton.button:backdrop {
805 background-image: -gtk-gradient (linear, left top, left bottom,
806 from (shade (@bg_color, 1.06)),
807 to (shade (@bg_color, 0.94)));
808 border-top-color: shade (@bg_color, 0.72);
809 border-right-color: shade (@bg_color, 0.82);
810 border-bottom-color: shade (@bg_color, 0.88);
811 border-left-color: shade (@bg_color, 0.82);
812
813 -unico-border-gradient: none;
814}
815
816.spinbutton:backdrop,
817.spinbutton:hover:backdrop {
818}
819
820/***********
821 * spinner *
822 ***********/
823.menu.spinner:backdrop,
824.primary-toolbar .spinner:backdrop,
825.primary-toolbar .spinner:backdrop {
826 color: @backdrop_selected_bg_color;
827}
828
829/*************
830 * statusbar *
831 *************/
832GtkStatusbar:backdrop {
833}
834
835/**********
836 * switch *
837 **********/
838GtkSwitch:backdrop {
839 border-radius: 4px;
840 padding: 0;
841
842 -unico-focus-border-radius: 4;
843 -unico-focus-border-color: alpha (@backdrop_selected_bg_color, 0.3);
844 -unico-focus-fill-color: @transparent;
845}
846
847GtkSwitch.trough:backdrop {
848 background-image: -gtk-gradient (linear, left top, left bottom,
849 from (shade (@bg_color, 0.89)),
850 to (shade (@bg_color, 0.96)));
851
852 color: mix (@fg_color, @bg_color, 0.17);
853 text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.3);
854
855 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
856 from (shade (@bg_color, 0.75)),
857 to (shade (@bg_color, 0.78)));
858 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
859 from (shade (@bg_color, 0.85)),
860 to (shade (@bg_color, 0.92)));
861}
862
863GtkSwitch.trough:active:backdrop {
864 background-image: -gtk-gradient (linear, left top, left bottom,
865 from (shade (@backdrop_selected_bg_color, 0.93)),
866 to (shade (@backdrop_selected_bg_color, 0.99)));
867
868 color: @backdrop_selected_fg_color;
869 text-shadow: 0 1 alpha (shade (@backdrop_selected_bg_color, 1.25), 0.4);
870
871 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
872 from (shade (@backdrop_selected_bg_color, 0.75)),
873 to (shade (@backdrop_selected_bg_color, 0.78)));
874 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
875 from (shade (@backdrop_selected_bg_color, 0.86)),
876 to (shade (@backdrop_selected_bg_color, 0.94)));
877}
878
879GtkSwitch.trough:insensitive:backdrop {
880 background-image: -gtk-gradient (linear, left top, left bottom,
881 from (shade (@bg_color, 0.95)),
882 to (shade (@bg_color, 0.99)));
883
884 color: mix (shade (@bg_color, 0.6), @bg_color, 0.17);
885 text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.5);
886
887 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
888 from (shade (@bg_color, 0.8)),
889 to (shade (@bg_color, 0.84)));
890 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
891 from (shade (@bg_color, 0.91)),
892 to (shade (@bg_color, 0.965)));
893}
894
895GtkSwitch.slider:backdrop {
896 background-image: -gtk-gradient (linear, left top, left bottom,
897 from (shade (@bg_color, 1.06)),
898 to (shade (@bg_color, 0.94)));
899
900 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
901 from (shade (@bg_color, 0.75)),
902 to (shade (@bg_color, 0.78)));
903 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
904 from (shade (@bg_color, 1.08)),
905 to (shade (@bg_color, 0.96)));
906}
907
908GtkSwitch.slider:insensitive:backdrop {
909 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
910 from (shade (@bg_color, 0.8)),
911 to (shade (@bg_color, 0.84)));
912}
913
914/************
915 * textview *
916 ************/
917GtkTextView:backdrop {
918 background-color: mix (@base_color, @bg_color, 0.4);
919}
920
921/***********
922 * toolbar *
923 ***********/
924.toolbar:backdrop {
925 border-style: none;
926}
927
928/* primary-toolbar */
929.primary-toolbar:backdrop,
930.primary-toolbar .toolbar:backdrop,
931.primary-toolbar.toolbar:backdrop {
932 -GtkWidget-window-dragging: true;
933
934 background-color: @dark_bg_color;
935 background-image: none;
936 border-bottom-color: shade (@dark_bg_color, 0.8);
937 border-style: solid;
938 border-width: 0 0 1px 0;
939 padding: 2px;
940
941 color: #807d78; /* metacity unfocused color */
942 text-shadow: 0 -1 shade (@dark_bg_color, 0.82);
943
944 -unico-border-gradient: none;
945 -unico-inner-stroke-gradient: none;
946 -unico-inner-stroke-width: 0;
947}
948
949.primary-toolbar :insensitive:backdrop {
950 text-shadow: 0 -1 shade (@dark_bg_color, 0.82);
951}
952
953.primary-toolbar GtkComboBox:backdrop,
954.primary-toolbar .button *:backdrop,
955.primary-toolbar .button:backdrop {
956 background-color: @transparent;
957 background-image: none;
958 border-color: @transparent;
959 border-radius: 3px;
960 border-width: 1px;
961 padding: 2px;
962
963 color: #807d78; /* metacity unfocused color */
964 text-shadow: 0 -1 shade (@dark_bg_color, 0.82);
965
966 transition: 0ms ease-in-out;
967
968 -unico-focus-border-radius: 4;
969 -unico-focus-border-color: alpha (@backdrop_selected_bg_color, 0.5);
970 -unico-focus-fill-color: alpha (@backdrop_selected_bg_color, 0.2);
971 -unico-focus-outer-stroke-color: @transparent;
972
973 -unico-border-gradient: none;
974 -unico-glow-radius: 0;
975 -unico-inner-stroke-width: 0;
976 -unico-outer-stroke-width: 0;
977}
978
979.primary-toolbar .button *:hover:backdrop {
980 color: shade (#807d78, 1.1);
981}
982
983.primary-toolbar .raised .button:backdrop,
984.primary-toolbar .raised.button:backdrop,
985.primary-toolbar .button:hover:backdrop,
986.primary-toolbar .button:active:backdrop,
987.primary-toolbar .button:insensitive:backdrop {
988 border-width: 1px;
989
990 transition: 0ms ease-in-out;
991
992 -unico-focus-border-radius: 0;
993 -unico-focus-fill-color: @transparent;
994 -unico-focus-border-color: @transparent;
995 -unico-focus-outer-stroke-color: @transparent;
996
997 -unico-inner-stroke-width: 1px;
998 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
999 from (shade (@dark_bg_color, 1.02)),
1000 to (shade (@dark_bg_color, 1.1)));
1001 -unico-outer-stroke-width: 1px;
1002}
1003
1004.primary-toolbar GtkComboBox.combobox-entry .button:backdrop {
1005 -unico-inner-stroke-width: 1px;
1006 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1007 from (shade (@dark_bg_color, 1.02)),
1008 to (shade (@dark_bg_color, 1.1)));
1009}
1010
1011.primary-toolbar GtkComboBox.combobox-entry .button:backdrop,
1012.primary-toolbar .raised .button:backdrop,
1013.primary-toolbar .raised.button:backdrop,
1014.primary-toolbar .button:hover:backdrop {
1015 background-image: -gtk-gradient (linear, left top, left bottom,
1016 from (shade (@dark_bg_color, 1.06)),
1017 to (shade (@dark_bg_color, 0.98)));
1018
1019 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1020 from (shade (@dark_bg_color, 0.9)),
1021 to (shade (@dark_bg_color, 0.87)));
1022 -unico-glow-radius: 0;
1023 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1024 from (shade (@dark_bg_color, 1.12)),
1025 to (shade (@dark_bg_color, 1.02)));
1026}
1027
1028.primary-toolbar .button:active:backdrop {
1029 background-image: -gtk-gradient (linear, left top, left bottom,
1030 from (shade (@dark_bg_color, 0.9)),
1031 to (shade (@dark_bg_color, 0.95)));
1032
1033 text-shadow: 0 -1 shade (@dark_bg_color, 0.5);
1034
1035 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1036 from (shade (@dark_bg_color, 0.75)),
1037 to (shade (@dark_bg_color, 0.85)));
1038 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1039 from (shade (@dark_bg_color, 0.88)),
1040 to (shade (@dark_bg_color, 0.93)))
1041}
1042
1043.primary-toolbar .button:active:hover:backdrop {
1044 background-image: -gtk-gradient (linear, left top, left bottom,
1045 from (shade (@dark_bg_color, 0.95)),
1046 to (shade (@dark_bg_color, 1.0)));
1047
1048 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1049 from (shade (@dark_bg_color, 0.75)),
1050 to (shade (@dark_bg_color, 0.85)));
1051 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1052 from (shade (@dark_bg_color, 0.93)),
1053 to (shade (@dark_bg_color, 0.94)))
1054}
1055
1056.primary-toolbar .button:active:insensitive:backdrop,
1057.primary-toolbar .button:insensitive:backdrop {
1058 text-shadow: none;
1059
1060 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1061 from (shade (@dark_bg_color, 0.85)),
1062 to (shade (@dark_bg_color, 0.95)));
1063 -unico-glow-radius: 0;
1064 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1065 from (shade (@dark_bg_color, 1.02)),
1066 to (shade (@dark_bg_color, 1.1)));
1067}
1068
1069.primary-toolbar .button:insensitive:backdrop {
1070 background-image: -gtk-gradient (linear, left top, left bottom,
1071 from (shade (@dark_bg_color, 1.01)),
1072 to (shade (@dark_bg_color, 0.99)));
1073
1074 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1075 from (shade (@dark_bg_color, 1.1)),
1076 to (shade (@dark_bg_color, 1.04)));
1077}
1078
1079.primary-toolbar .button:active:insensitive:backdrop {
1080 background-image: -gtk-gradient (linear, left top, left bottom,
1081 from (shade (@dark_bg_color, 0.94)),
1082 to (shade (@dark_bg_color, 1.02)));
1083
1084 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1085 from (shade (@dark_bg_color, 0.92)),
1086 to (shade (@dark_bg_color, 1.0)));
1087}
1088
1089.primary-toolbar .entry:backdrop,
1090.primary-toolbar .entry:active:backdrop,
1091.primary-toolbar .entry:focused:backdrop {
1092 border-radius: 3px;
1093
1094 color: @text_color;
1095
1096 -unico-outer-stroke-width: 1px;
1097 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1098 from (shade (@dark_bg_color, 1.02)),
1099 to (shade (@dark_bg_color, 1.1)));
1100}
1101
1102.primary-toolbar .entry:backdrop {
1103 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1104 from (shade (@dark_bg_color, 0.75)),
1105 to (shade (@dark_bg_color, 0.95)));
1106 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1107 from (alpha (shade (@bg_color, 0.05), 0.16)),
1108 to (alpha (shade (@bg_color, 0.05), 0.08)));
1109}
1110
1111.primary-toolbar .entry:insensitive:backdrop {
1112 -unico-outer-stroke-width: 1px;
1113 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1114 from (shade (@dark_bg_color, 1.02)),
1115 to (shade (@dark_bg_color, 1.1)));
1116}
1117
1118.primary-toolbar .entry:focused:backdrop {
1119 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1120 from (shade (@backdrop_selected_bg_color, 0.75)),
1121 to (shade (@backdrop_selected_bg_color, 0.8)));
1122 -unico-inner-stroke-color: alpha (@backdrop_selected_bg_color, 0.2);
1123 -unico-inner-stroke-gradient: none;
1124}
1125
1126.primary-toolbar GtkSeparatorToolItem:backdrop,
1127.primary-toolbar .separator:backdrop,
1128.primary-toolbar .separator:insensitive:backdrop {
1129 border-color: shade (@dark_bg_color, 0.94);
1130 border-style: solid;
1131
1132 -unico-border-gradient: none;
1133 -unico-inner-stroke-color: shade (@dark_bg_color, 1.08);
1134 -unico-inner-stroke-gradient: none;
1135}
1136
1137/* inline-toolbar */
1138.inline-toolbar.toolbar:backdrop {
1139 -GtkToolbar-button-relief: normal;
1140
1141 background-image: -gtk-gradient (linear, left top, left bottom,
1142 from (shade (#f2f1ef, 0.96)),
1143 color-stop (0.08, #f2f1ef),
1144 to (#ffffff));
1145 border-radius: 0;
1146 border-style: solid;
1147 border-width: 1px;
1148 padding: 3px 4px 4px 4px;
1149}
1150
1151.inline-toolbar.toolbar:nth-child(last):backdrop {
1152 border-bottom-color: shade (@bg_color, 0.76);
1153 border-color: shade (@bg_color, 0.8);
1154 border-radius: 0 0 3px 3px;
1155 border-width: 0 1px 1px 1px;
1156}
1157
1158.inline-toolbar.toolbar .button:backdrop {
1159 background-image: -gtk-gradient (linear, left top, left bottom,
1160 from (shade (@bg_color, 1.06)),
1161 to (shade (@bg_color, 0.94)));
1162 border-radius: 0;
1163 border-style: solid;
1164 border-width: 1px 0 1px 1px;
1165 padding: 1px;
1166
1167 icon-shadow: 0 1 shade (@bg_color, 1.16);
1168
1169 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1170 from (shade (@bg_color, 1.09)),
1171 to (shade (@bg_color, 0.97)));
1172 -unico-outer-stroke-width: 1px 0 1px 0;
1173 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1174 from (alpha (shade (@bg_color, 0.05), 0.01)),
1175 to (alpha (shade (@bg_color, 0.05), 0.03)));
1176}
1177
1178.inline-toolbar.toolbar .button *:active:backdrop,
1179.inline-toolbar.toolbar .button *:insensitive:backdrop,
1180.inline-toolbar.toolbar GtkToolButton .button:active:backdrop,
1181.inline-toolbar.toolbar GtkToolButton .button:insensitive:backdrop {
1182 -unico-outer-stroke-width: 1px 0 1px 0;
1183 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1184 from (alpha (shade (@bg_color, 0.05), 0.008)),
1185 to (alpha (shade (@bg_color, 0.05), 0.01)));
1186}
1187
1188.inline-toolbar.toolbar .button *:insensitive:backdrop,
1189.inline-toolbar.toolbar GtkToolButton .button:insensitive:backdrop {
1190 background-image: -gtk-gradient (linear, left top, left bottom,
1191 from (shade (@bg_color, 1.02)),
1192 to (shade (@bg_color, 0.98)));
1193
1194 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1195 from (shade (@bg_color, 0.85)),
1196 to (shade (@bg_color, 0.8)));
1197 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1198 from (shade (@bg_color, 1.16)),
1199 to (shade (@bg_color, 1.0)));
1200}
1201
1202.inline-toolbar.toolbar .button:nth-child(first):backdrop,
1203.inline-toolbar.toolbar GtkToolButton:nth-child(first) .button:backdrop {
1204 border-radius: 3px 0 0 3px;
1205
1206 -unico-outer-stroke-width: 1px 0 1px 1px;
1207}
1208
1209.inline-toolbar.toolbar .button:nth-child(last):backdrop,
1210.inline-toolbar.toolbar GtkToolButton:nth-child(last) .button:backdrop {
1211 border-radius: 0 3px 3px 0;
1212 border-width: 1px;
1213
1214 -unico-outer-stroke-width: 1px 1px 1px 0;
1215}
1216
1217/************
1218 * treeview *
1219 ************/
1220GtkTreeView .entry:backdrop {
1221}
1222
1223/************
1224 * viewport *
1225 ************/
1226GtkViewport.frame:backdrop {
1227}
01228
=== modified file 'Ambiance/gtk-3.0/gtk-widgets.css'
--- Ambiance/gtk-3.0/gtk-widgets.css 2012-02-09 12:01:40 +0000
+++ Ambiance/gtk-3.0/gtk-widgets.css 2012-02-27 15:18:29 +0000
@@ -51,7 +51,8 @@
51 -GtkWidget-focus-line-width: 1px;51 -GtkWidget-focus-line-width: 1px;
52 -GtkWidget-link-color: @link_color;52 -GtkWidget-link-color: @link_color;
53 -GtkWidget-visited-link-color: @link_color;53 -GtkWidget-visited-link-color: @link_color;
54 -GtkWindow-resize-grip-default: false;54 -GtkWindow-resize-grip-width: 0;
55 -GtkWindow-resize-grip-height: 0;
55 -WnckTasklist-fade-overlay-rect: 0;56 -WnckTasklist-fade-overlay-rect: 0;
5657
57 border-width: 1px;58 border-width: 1px;
@@ -114,6 +115,8 @@
114.button,115.button,
115.frame,116.frame,
116.notebook {117.notebook {
118 border-style: solid;
119
117 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,120 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
118 from (shade (@bg_color, 0.8)),121 from (shade (@bg_color, 0.8)),
119 to (shade (@bg_color, 0.76)));122 to (shade (@bg_color, 0.76)));
@@ -215,7 +218,6 @@
215}218}
216219
217GtkComboBox,220GtkComboBox,
218GtkScale.slider,
219.button {221.button {
220 background-image: -gtk-gradient (linear, left top, left bottom,222 background-image: -gtk-gradient (linear, left top, left bottom,
221 from (shade (@button_bg_color, 1.1)),223 from (shade (@button_bg_color, 1.1)),
@@ -239,7 +241,6 @@
239 -unico-inner-stroke-width: 1px;241 -unico-inner-stroke-width: 1px;
240}242}
241243
242GtkScale.slider:hover,
243.button:hover {244.button:hover {
244 background-image: -gtk-gradient (linear, left top, left bottom,245 background-image: -gtk-gradient (linear, left top, left bottom,
245 from (shade (@button_bg_color, 1.16)),246 from (shade (@button_bg_color, 1.16)),
@@ -538,6 +539,7 @@
538 border-radius: 10px;539 border-radius: 10px;
539}540}
540541
542/* FIXME (Cimi) this is horrible */
541.check:active,543.check:active,
542.check row:selected:active,544.check row:selected:active,
543.check row:selected:focused:active,545.check row:selected:focused:active,
@@ -545,7 +547,15 @@
545.notebook .radio:active,547.notebook .radio:active,
546.radio:active,548.radio:active,
547.radio row:selected:active,549.radio row:selected:active,
548.radio row:selected:focused:active {550.radio row:selected:focused:active,
551.check:inconsistent,
552.check row:selected:inconsistent,
553.check row:selected:focused:inconsistent,
554.notebook .check:inconsistent,
555.notebook .radio:inconsistent,
556.radio:inconsistent,
557.radio row:selected:inconsistent,
558.radio row:selected:focused:inconsistent {
549 background-image: -gtk-gradient (linear, left top, left bottom,559 background-image: -gtk-gradient (linear, left top, left bottom,
550 from (shade (@selected_bg_color, 1.2)),560 from (shade (@selected_bg_color, 1.2)),
551 color-stop (0.5, shade (@selected_bg_color, 1.0)),561 color-stop (0.5, shade (@selected_bg_color, 1.0)),
@@ -566,6 +576,7 @@
566 -unico-outer-stroke-width: 1px;576 -unico-outer-stroke-width: 1px;
567}577}
568578
579/* FIXME (Cimi) this is horrible */
569.check:active:hover,580.check:active:hover,
570.check row:selected:active:hover,581.check row:selected:active:hover,
571.check row:selected:focused:active:hover,582.check row:selected:focused:active:hover,
@@ -573,7 +584,15 @@
573.notebook .radio:active:hover,584.notebook .radio:active:hover,
574.radio:active:hover,585.radio:active:hover,
575.radio row:selected:active:hover,586.radio row:selected:active:hover,
576.radio row:selected:focused:active:hover {587.radio row:selected:focused:active:hover,
588.check:active:hover:inconsistent,
589.check row:selected:active:hover:inconsistent,
590.check row:selected:focused:active:hover:inconsistent,
591.notebook .check:active:hover:inconsistent,
592.notebook .radio:active:hover:inconsistent,
593.radio:active:hover:inconsistent,
594.radio row:selected:active:hover:inconsistent,
595.radio row:selected:focused:active:hover:inconsistent {
577 background-image: -gtk-gradient (linear, left top, left bottom,596 background-image: -gtk-gradient (linear, left top, left bottom,
578 from (shade (@selected_bg_color, 1.26)),597 from (shade (@selected_bg_color, 1.26)),
579 color-stop (0.5, shade (@selected_bg_color, 1.05)),598 color-stop (0.5, shade (@selected_bg_color, 1.05)),
@@ -609,7 +628,9 @@
609}628}
610629
611.check:insensitive:active,630.check:insensitive:active,
612.radio:insensitive:active {631.radio:insensitive:active,
632.check:insensitive:inconsistent,
633.radio:insensitive:inconsistent {
613 background-image: -gtk-gradient (linear, left top, left bottom,634 background-image: -gtk-gradient (linear, left top, left bottom,
614 from (shade (@bg_color, 0.96)),635 from (shade (@bg_color, 0.96)),
615 to (shade (@bg_color, 0.9)));636 to (shade (@bg_color, 0.9)));
@@ -772,6 +793,8 @@
772 background-color: shade (@bg_color, 0.96);793 background-color: shade (@bg_color, 0.96);
773 background-image: none;794 background-image: none;
774795
796 color: mix (@text_color, @base_color, 0.4);
797
775 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,798 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
776 from (alpha (shade (@bg_color, 0.05), 0.04)),799 from (alpha (shade (@bg_color, 0.05), 0.04)),
777 to (alpha (shade (@bg_color, 0.05), 0.02)));800 to (alpha (shade (@bg_color, 0.05), 0.02)));
@@ -1033,7 +1056,7 @@
1033 border-radius: 0;1056 border-radius: 0;
1034 border-style: solid;1057 border-style: solid;
1035 border-width: 1px;1058 border-width: 1px;
1036 padding: 2px;1059 padding: 3px 2px 3px 2px;
10371060
1038 -unico-inner-stroke-width: 1px;1061 -unico-inner-stroke-width: 1px;
1039}1062}
@@ -1180,14 +1203,14 @@
11801203
1181.notebook tab {1204.notebook tab {
1182 background-image: -gtk-gradient (linear, left top, left bottom,1205 background-image: -gtk-gradient (linear, left top, left bottom,
1183 from (shade (@bg_color, 0.97)),1206 from (shade (@bg_color, 0.98)),
1184 color-stop (0.80, shade (@bg_color, 0.95)),1207 color-stop (0.80, shade (@bg_color, 0.96)),
1185 to (shade (@bg_color, 0.92)));1208 to (shade (@bg_color, 0.92)));
11861209
1187 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,1210 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1188 from (shade (@bg_color, 0.86)),1211 from (shade (@bg_color, 0.89)),
1189 to (shade (@bg_color, 0.84)));1212 to (shade (@bg_color, 0.86)));
1190 -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.34);1213 -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.3);
1191 -unico-inner-stroke-gradient: none;1214 -unico-inner-stroke-gradient: none;
1192 -unico-inner-stroke-width: 1px;1215 -unico-inner-stroke-width: 1px;
1193 -unico-outer-stroke-color: @transparent;1216 -unico-outer-stroke-color: @transparent;
@@ -1195,11 +1218,11 @@
1195 -unico-outer-stroke-width: 1px;1218 -unico-outer-stroke-width: 1px;
1196}1219}
11971220
1198.notebook tab GtkLabel:active {1221.notebook tab:active {
1199 color: @fg_color;1222 color: @fg_color;
1200}1223}
12011224
1202.notebook tab GtkLabel {1225.notebook tab {
1203 color: shade (@bg_color, 0.48);1226 color: shade (@bg_color, 0.48);
1204}1227}
12051228
@@ -1209,8 +1232,6 @@
12091232
1210.notebook tab.top {1233.notebook tab.top {
1211 padding: 2px 5px 0 5px;1234 padding: 2px 5px 0 5px;
1212
1213 color: shade (@bg_color, 0.9);
1214}1235}
12151236
1216.notebook tab.right:active {1237.notebook tab.right:active {
@@ -1284,6 +1305,7 @@
1284 background-image: -gtk-gradient (linear, left top, left bottom,1305 background-image: -gtk-gradient (linear, left top, left bottom,
1285 from (shade (@selected_bg_color, 1.13)),1306 from (shade (@selected_bg_color, 1.13)),
1286 to (shade (@selected_bg_color, 0.9)));1307 to (shade (@selected_bg_color, 0.9)));
1308 border-style: solid;
1287 border-width: 1px;1309 border-width: 1px;
12881310
1289 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,1311 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
@@ -1303,6 +1325,8 @@
1303 background-image: -gtk-gradient (linear, left top, right top,1325 background-image: -gtk-gradient (linear, left top, right top,
1304 from (shade (@selected_bg_color, 1.13)),1326 from (shade (@selected_bg_color, 1.13)),
1305 to (shade (@selected_bg_color, 0.9)));1327 to (shade (@selected_bg_color, 0.9)));
1328 border-style: solid;
1329 border-width: 1px;
13061330
1307 -unico-border-gradient: -gtk-gradient (linear, left top, right top,1331 -unico-border-gradient: -gtk-gradient (linear, left top, right top,
1308 from (shade (@selected_bg_color, 0.75)),1332 from (shade (@selected_bg_color, 0.75)),
@@ -1312,6 +1336,32 @@
1312 to (shade (@selected_bg_color, 1.0)));1336 to (shade (@selected_bg_color, 1.0)));
1313}1337}
13141338
1339.scale.highlight.left:insensitive {
1340 background-image: -gtk-gradient (linear, left top, left bottom,
1341 from (shade (@bg_color, 0.95)),
1342 to (shade (@bg_color, 0.85)));
1343
1344 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1345 from (shade (@bg_color, 0.75)),
1346 to (shade (@bg_color, 0.75)));
1347 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1348 from (shade (@bg_color, 0.97)),
1349 to (shade (@bg_color, 0.865)));
1350}
1351
1352.scale.highlight.bottom:insensitive {
1353 background-image: -gtk-gradient (linear, left top, right top,
1354 from (shade (@bg_color, 0.95)),
1355 to (shade (@bg_color, 0.85)));
1356
1357 -unico-border-gradient: -gtk-gradient (linear, left top, right top,
1358 from (shade (@bg_color, 0.75)),
1359 to (shade (@bg_color, 0.75)));
1360 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
1361 from (shade (@bg_color, 0.97)),
1362 to (shade (@bg_color, 0.865)));
1363}
1364
1315.trough,1365.trough,
1316.trough row,1366.trough row,
1317.trough row:hover,1367.trough row:hover,
@@ -1320,6 +1370,7 @@
1320 background-image: -gtk-gradient (linear, left top, left bottom,1370 background-image: -gtk-gradient (linear, left top, left bottom,
1321 from (shade (@bg_color, 0.92)),1371 from (shade (@bg_color, 0.92)),
1322 to (shade (@bg_color, 0.96)));1372 to (shade (@bg_color, 0.96)));
1373 border-style: solid;
1323 border-width: 1px;1374 border-width: 1px;
13241375
1325 color: @text_color;1376 color: @text_color;
@@ -1361,6 +1412,10 @@
1361 background-image: url("assets/slider_prelight.png");1412 background-image: url("assets/slider_prelight.png");
1362}1413}
13631414
1415GtkScale.slider:insensitive {
1416 background-image: url("assets/slider_insensitive.png");
1417}
1418
1364GtkScale.slider.vertical {1419GtkScale.slider.vertical {
1365 background-image: url("assets/slider_vertical.png");1420 background-image: url("assets/slider_vertical.png");
1366}1421}
@@ -1369,6 +1424,10 @@
1369 background-image: url("assets/slider_prelight_vertical.png");1424 background-image: url("assets/slider_prelight_vertical.png");
1370}1425}
13711426
1427GtkScale.slider.vertical:insensitive {
1428 background-image: url("assets/slider_vertical_insensitive.png");
1429}
1430
1372GtkScale.mark {1431GtkScale.mark {
1373 border-color: shade (@bg_color, 0.8);1432 border-color: shade (@bg_color, 0.8);
1374}1433}
@@ -1506,14 +1565,6 @@
1506 -unico-inner-stroke-gradient: none;1565 -unico-inner-stroke-gradient: none;
1507}1566}
15081567
1509.notebook .button .separator,
1510.notebook .button.separator {
1511 border-color: shade (@bg_color, 0.9);
1512
1513 -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6);
1514 -unico-inner-stroke-gradient: none;
1515}
1516
1517.button .separator:insensitive,1568.button .separator:insensitive,
1518.button.separator:insensitive {1569.button.separator:insensitive {
1519 border-color: shade (@button_insensitive_bg_color, 0.9);1570 border-color: shade (@button_insensitive_bg_color, 0.9);
@@ -1530,6 +1581,14 @@
1530 -unico-inner-stroke-gradient: none;1581 -unico-inner-stroke-gradient: none;
1531}1582}
15321583
1584.notebook .button .separator:insensitive,
1585.notebook .button.separator:insensitive {
1586 border-color: shade (@bg_color, 0.9);
1587
1588 -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6);
1589 -unico-inner-stroke-gradient: none;
1590}
1591
1533.menuitem.separator {1592.menuitem.separator {
1534 -GtkMenuItem-horizontal-padding: 0;1593 -GtkMenuItem-horizontal-padding: 0;
1535 -GtkWidget-separator-height: 4;1594 -GtkWidget-separator-height: 4;
@@ -1587,10 +1646,12 @@
1587 background-image: -gtk-gradient (linear, left top, left bottom,1646 background-image: -gtk-gradient (linear, left top, left bottom,
1588 from (shade (@bg_color, 1.1)),1647 from (shade (@bg_color, 1.1)),
1589 to (shade (@bg_color, 0.9)));1648 to (shade (@bg_color, 0.9)));
1649 border-top-color: shade (@bg_color, 0.64);
1650 border-right-color: shade (@bg_color, 0.76);
1651 border-bottom-color: shade (@bg_color, 0.82);
1652 border-left-color: shade (@bg_color, 0.76);
15901653
1591 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,1654 -unico-border-gradient: none;
1592 from (shade (@bg_color, 0.65)),
1593 to (shade (@bg_color, 0.7)));
1594}1655}
15951656
1596.spinbutton,1657.spinbutton,
@@ -1611,7 +1672,6 @@
1611 * statusbar *1672 * statusbar *
1612 *************/1673 *************/
1613GtkStatusbar {1674GtkStatusbar {
1614 color: @fg_color;
1615}1675}
16161676
1617/**********1677/**********
@@ -1679,6 +1739,7 @@
1679 background-image: -gtk-gradient (linear, left top, left bottom,1739 background-image: -gtk-gradient (linear, left top, left bottom,
1680 from (shade (@bg_color, 1.1)),1740 from (shade (@bg_color, 1.1)),
1681 to (shade (@bg_color, 0.9)));1741 to (shade (@bg_color, 0.9)));
1742 border-style: solid;
16821743
1683 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,1744 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1684 from (shade (@bg_color, 0.65)),1745 from (shade (@bg_color, 0.65)),
@@ -1774,7 +1835,7 @@
1774 transition: 0ms ease-in-out;1835 transition: 0ms ease-in-out;
17751836
1776 -unico-focus-border-radius: 3;1837 -unico-focus-border-radius: 3;
1777 -unico-focus-fill-color: @transparent;1838 -unico-focus-fill-color: alpha (@selected_bg_color, 0.15);
1778 -unico-focus-border-color: @transparent;1839 -unico-focus-border-color: @transparent;
1779 -unico-focus-outer-stroke-color: alpha (@selected_bg_color, 0.5);1840 -unico-focus-outer-stroke-color: alpha (@selected_bg_color, 0.5);
17801841
@@ -1954,6 +2015,9 @@
1954 from (shade (@bg_color, 1.16)),2015 from (shade (@bg_color, 1.16)),
1955 to (shade (@bg_color, 0.98)));2016 to (shade (@bg_color, 0.98)));
1956 -unico-outer-stroke-width: 1px 0 1px 0;2017 -unico-outer-stroke-width: 1px 0 1px 0;
2018 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
2019 from (alpha (shade (@bg_color, 0.05), 0.015)),
2020 to (alpha (shade (@bg_color, 0.05), 0.04)));
1957}2021}
19582022
1959.inline-toolbar.toolbar .button *:active,2023.inline-toolbar.toolbar .button *:active,
@@ -1962,8 +2026,8 @@
1962.inline-toolbar.toolbar GtkToolButton .button:insensitive {2026.inline-toolbar.toolbar GtkToolButton .button:insensitive {
1963 -unico-outer-stroke-width: 1px 0 1px 0;2027 -unico-outer-stroke-width: 1px 0 1px 0;
1964 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,2028 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1965 from (alpha (shade (@bg_color, 0.05), 0.02)),2029 from (alpha (shade (@bg_color, 0.05), 0.01)),
1966 to (alpha (shade (@bg_color, 0.05), 0.06)));2030 to (alpha (shade (@bg_color, 0.05), 0.03)));
1967}2031}
19682032
1969.inline-toolbar.toolbar .button *:insensitive,2033.inline-toolbar.toolbar .button *:insensitive,
19702034
=== modified file 'Ambiance/gtk-3.0/gtk.css'
--- Ambiance/gtk-3.0/gtk.css 2012-02-06 15:10:06 +0000
+++ Ambiance/gtk-3.0/gtk.css 2012-02-27 15:18:29 +0000
@@ -27,7 +27,11 @@
27@define-color dark_fg_color #dfdbd2;27@define-color dark_fg_color #dfdbd2;
28@define-color transparent rgba (0, 0, 0, 0);28@define-color transparent rgba (0, 0, 0, 0);
2929
30@define-color backdrop_selected_bg_color shade (@bg_color, 0.92);
31@define-color backdrop_selected_fg_color @fg_color;
32
30@import url("gtk-widgets.css");33@import url("gtk-widgets.css");
34@import url("gtk-widgets-backdrop.css");
31@import url("apps/gnome-panel.css");35@import url("apps/gnome-panel.css");
32@import url("apps/gnome-terminal.css");36@import url("apps/gnome-terminal.css");
33@import url("apps/nautilus.css");37@import url("apps/nautilus.css");
3438
=== modified file 'Ambiance/metacity-1/metacity-theme-1.xml'
--- Ambiance/metacity-1/metacity-theme-1.xml 2011-08-24 09:12:05 +0000
+++ Ambiance/metacity-1/metacity-theme-1.xml 2012-02-27 15:18:29 +0000
@@ -190,7 +190,7 @@
190190
191<draw_ops name="draw_frame">191<draw_ops name="draw_frame">
192 <rectangle color="shade/gtk:bg[NORMAL]/0.7" filled="true" x="0" y="0" width="width" height="height"/>192 <rectangle color="shade/gtk:bg[NORMAL]/0.7" filled="true" x="0" y="0" width="width" height="height"/>
193 <gradient type="vertical" x="0" y="0" width="width" height="80">193 <gradient type="vertical" x="0" y="0" width="width" height="70">
194 <color value="#3c3b37" />194 <color value="#3c3b37" />
195 <color value="#3c3b37" />195 <color value="#3c3b37" />
196 <color value="shade/gtk:bg[NORMAL]/0.7" />196 <color value="shade/gtk:bg[NORMAL]/0.7" />
197197
=== modified file 'Radiance/gtk-2.0/gtkrc'
--- Radiance/gtk-2.0/gtkrc 2012-02-06 16:10:20 +0000
+++ Radiance/gtk-2.0/gtkrc 2012-02-27 15:18:29 +0000
@@ -178,9 +178,9 @@
178 xthickness = 3178 xthickness = 3
179 ythickness = 3179 ythickness = 3
180180
181 bg[NORMAL] = shade (1.06, "#cdcdcd")181 bg[NORMAL] = @bg_color
182 bg[PRELIGHT] = shade (1.08, "#cdcdcd")182 bg[PRELIGHT] = shade (1.04, @bg_color)
183 bg[ACTIVE] = shade (1.0, "#cdcdcd")183 bg[ACTIVE] = shade (0.96, @bg_color)
184 bg[INSENSITIVE] = @bg_color184 bg[INSENSITIVE] = @bg_color
185185
186 engine "murrine" {186 engine "murrine" {
@@ -492,7 +492,6 @@
492 bg[SELECTED] = "#000000"492 bg[SELECTED] = "#000000"
493493
494 engine "murrine" {494 engine "murrine" {
495 border_colors = { mix (0.85, "#ffffff", "#000000"), mix (0.85, "#ffffff", "#000000") }
496 rgba = TRUE495 rgba = TRUE
497 }496 }
498}497}
499498
=== added file 'Radiance/gtk-3.0/assets/slider_backdrop.png'
500Binary 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 differ499Binary 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
=== added file 'Radiance/gtk-3.0/assets/slider_insensitive.png'
501Binary 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 differ500Binary 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
=== added file 'Radiance/gtk-3.0/assets/slider_insensitive_backdrop.png'
502Binary 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 differ501Binary 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
=== added file 'Radiance/gtk-3.0/assets/slider_vertical_backdrop.png'
503Binary 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 differ502Binary 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
=== added file 'Radiance/gtk-3.0/assets/slider_vertical_insensitive.png'
504Binary 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 differ503Binary 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
=== added file 'Radiance/gtk-3.0/assets/slider_vertical_insensitive_backdrop.png'
505Binary 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 differ504Binary 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
=== added file 'Radiance/gtk-3.0/gtk-widgets-backdrop.css'
--- Radiance/gtk-3.0/gtk-widgets-backdrop.css 1970-01-01 00:00:00 +0000
+++ Radiance/gtk-3.0/gtk-widgets-backdrop.css 2012-02-27 15:18:29 +0000
@@ -0,0 +1,1227 @@
1/* NOTES to contributors:
2 * use 4 spaces intends, and keep code ALIGNED and ORDERED */
3
4GtkWindow:backdrop {
5 color: mix (@fg_color, @bg_color, 0.17);
6}
7
8* {
9 /* inherit the color from parent by default */
10 color: inherit;
11 background-color: @bg_color;
12}
13
14/**********
15 * states *
16 **********/
17*:insensitive:backdrop {
18 color: mix (shade (@bg_color, 0.6), @bg_color, 0.2);
19 text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.5);
20}
21
22*:active:backdrop {
23}
24
25*:active:hover:insensitive:backdrop {
26}
27
28*:active:insensitive:backdrop {
29}
30
31*:hover:backdrop {
32}
33
34*:hover:insensitive:backdrop {
35}
36
37*:selected:backdrop,
38*:selected:focused:backdrop {
39 background-color: @backdrop_selected_bg_color;
40
41 color: @backdrop_selected_fg_color;
42}
43
44/******************
45 * common effects *
46 ******************/
47/* border and inner stroke */
48.frame:backdrop,
49.notebook:backdrop {
50 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
51 from (shade (@bg_color, 0.86)),
52 to (shade (@bg_color, 0.82)));
53}
54
55.notebook tab:backdrop {
56 background-image: -gtk-gradient (linear, left top, left bottom,
57 from (shade (@bg_color, 0.99)),
58 color-stop (0.80, shade (@bg_color, 0.97)),
59 to (shade (@bg_color, 0.94)));
60
61 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
62 from (shade (@bg_color, 0.9)),
63 to (shade (@bg_color, 0.87)));
64 -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.3);
65}
66
67.notebook tab:active:backdrop {
68 background-image: -gtk-gradient (linear, left top, left bottom,
69 from (shade (@bg_color, 1.1)),
70 to (shade (@bg_color, 1.01)));
71
72 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
73 from (shade (@bg_color, 0.92)),
74 to (shade (@bg_color, 0.86)));
75}
76
77/**********
78 * button *
79 **********/
80GtkComboBox:backdrop,
81.button:backdrop,
82GtkComboBox.combobox-entry .button:backdrop,
83GtkScale.slider:backdrop,
84GtkScale.slider.vertical:backdrop,
85.notebook .button:backdrop,
86.inline-toolbar.toolbar .button:backdrop {
87 background-image: -gtk-gradient (linear, left top, left bottom,
88 from (shade (@bg_color, 1.03)),
89 to (shade (@bg_color, 0.97)));
90 border-top-color: shade (@bg_color, 0.86);
91 border-right-color: shade (@bg_color, 0.82);
92 border-bottom-color: shade (@bg_color, 0.76);
93 border-left-color: shade (@bg_color, 0.82);
94
95 color: mix (@fg_color, @bg_color, 0.2);
96 text-shadow: 0 1 alpha (shade (@button_bg_color, 1.25), 0.16);
97
98 -unico-border-gradient: none;
99 -unico-glow-radius: 0;
100 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
101 from (shade (@bg_color, 1.05)),
102 to (shade (@bg_color, 0.985)));
103}
104
105.button:hover:backdrop,
106GtkComboBox.combobox-entry .button:hover:backdrop,
107GtkScale.slider:hover:backdrop,
108GtkScale.slider.vertical:hover:backdrop,
109.notebook .button:hover:backdrop,
110.inline-toolbar.toolbar .button:hover:backdrop {
111 background-image: -gtk-gradient (linear, left top, left bottom,
112 from (shade (@bg_color, 1.16)),
113 to (shade (@bg_color, 0.95)));
114 border-top-color: shade (@bg_color, 0.85);
115 border-right-color: shade (@bg_color, 0.82);
116 border-bottom-color: shade (@bg_color, 0.67);
117 border-left-color: shade (@bg_color, 0.82);
118
119 -unico-border-gradient: none;
120 -unico-glow-color: shade (@bg_color, 1.07);
121 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
122 from (shade (@bg_color, 1.21)),
123 to (shade (@bg_color, 1.02)));
124}
125
126.button:active:backdrop,
127GtkComboBox.combobox-entry .button:active:backdrop,
128.notebook .button:active:backdrop,
129.inline-toolbar.toolbar .button:active:backdrop {
130 background-image: -gtk-gradient (linear, left top, left bottom,
131 from (shade (@bg_color, 0.9)),
132 to (shade (@bg_color, 0.95)));
133 border-top-color: shade (@bg_color, 0.62);
134 border-right-color: shade (@bg_color, 0.72);
135 border-bottom-color: shade (@bg_color, 0.76);
136 border-left-color: shade (@bg_color, 0.72);
137
138 -unico-border-gradient: none;
139 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
140 from (shade (@bg_color, 0.85)),
141 to (shade (@bg_color, 0.9)));
142}
143
144.button:active:hover:backdrop,
145GtkComboBox.combobox-entry .button:active:hover:backdrop,
146.notebook .button:active:hover:backdrop,
147.inline-toolbar.toolbar .button:active:hover:backdrop {
148 background-image: -gtk-gradient (linear, left top, left bottom,
149 from (shade (@bg_color, 0.95)),
150 to (shade (@bg_color, 1.0)));
151 border-top-color: shade (@bg_color, 0.64);
152 border-right-color: shade (@bg_color, 0.74);
153 border-bottom-color: shade (@bg_color, 0.79);
154 border-left-color: shade (@bg_color, 0.74);
155
156 -unico-border-gradient: none;
157 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
158 from (shade (@bg_color, 0.93)),
159 to (shade (@bg_color, 0.94)));
160}
161
162.button:insensitive:backdrop,
163GtkComboBox.combobox-entry .button:insensitive:backdrop,
164.notebook .button:insensitive:backdrop,
165.inline-toolbar.toolbar .button:insensitive:backdrop {
166 background-image: -gtk-gradient (linear, left top, left bottom,
167 from (shade (@bg_color, 1.06)),
168 to (shade (@bg_color, 0.98)));
169 border-top-color: shade (@bg_color, 0.86);
170 border-right-color: shade (@bg_color, 0.86);
171 border-bottom-color: shade (@bg_color, 0.86);
172 border-left-color: shade (@bg_color, 0.9);
173
174 -unico-border-gradient: none;
175 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
176 from (shade (@bg_color, 1.1)),
177 to (shade (@bg_color, 1.0)));
178}
179
180/* default button */
181.button.default:backdrop {
182 background-image: -gtk-gradient (linear, left top, left bottom,
183 from (mix (shade (@backdrop_selected_bg_color, 1.16), @bg_color, 0.3)),
184 to (mix (shade (@backdrop_selected_bg_color, 0.84), @bg_color, 0.3)));
185
186 text-shadow: 0 1 alpha (shade (@backdrop_selected_bg_color, 1.26), 0.4);
187
188 -unico-focus-border-color: @transparent;
189 -unico-focus-outer-stroke-color: alpha (@backdrop_selected_bg_color, 0.2);
190
191 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
192 from (mix (shade (@backdrop_selected_bg_color, 0.8), @bg_color, 0.3)),
193 to (mix (shade (@backdrop_selected_bg_color, 0.64), @bg_color, 0.3)));
194 -unico-glow-radius: 0;
195 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
196 from (mix (shade (@backdrop_selected_bg_color, 1.26), @bg_color, 0.3)),
197 to (mix (shade (@backdrop_selected_bg_color, 0.9), @bg_color, 0.3)));
198}
199
200.button.default:hover:backdrop {
201 background-image: -gtk-gradient (linear, left top, left bottom,
202 from (mix (shade (@backdrop_selected_bg_color, 1.21), @bg_color, 0.3)),
203 to (mix (shade (@backdrop_selected_bg_color, 0.89), @bg_color, 0.3)));
204
205 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
206 from (mix (shade (@backdrop_selected_bg_color, 0.83), @bg_color, 0.3)),
207 to (mix (shade (@backdrop_selected_bg_color, 0.67), @bg_color, 0.3)));
208 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
209 from (mix (shade (@backdrop_selected_bg_color, 1.3), @bg_color, 0.3)),
210 to (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)));
211}
212
213.button.default:active:backdrop {
214 background-image: -gtk-gradient (linear, left top, left bottom,
215 from (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)),
216 to (mix (shade (@backdrop_selected_bg_color, 1.05), @bg_color, 0.3)));
217
218 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
219 from (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)),
220 to (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)));
221 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
222 from (mix (shade (@backdrop_selected_bg_color, 0.9), @bg_color, 0.3)),
223 to (mix (shade (@backdrop_selected_bg_color, 1.0), @bg_color, 0.3)));
224}
225
226.button.default:active:hover:backdrop {
227 background-image: -gtk-gradient (linear, left top, left bottom,
228 from (mix (shade (@backdrop_selected_bg_color, 1.0), @bg_color, 0.3)),
229 to (mix (shade (@backdrop_selected_bg_color, 1.1), @bg_color, 0.3)));
230
231 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
232 from (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)),
233 to (mix (shade (@backdrop_selected_bg_color, 0.7), @bg_color, 0.3)));
234 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
235 from (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)),
236 to (mix (shade (@backdrop_selected_bg_color, 1.05), @bg_color, 0.3)));
237}
238
239.button.default:insensitive:backdrop {
240 -unico-glow-radius: 0;
241 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
242 from (shade (@button_insensitive_bg_color, 1.08)),
243 to (shade (@button_insensitive_bg_color, 1.0)));
244}
245
246/****************
247 * cell and row *
248 ****************/
249.cell:backdrop {
250 background-color: mix (@base_color, @bg_color, 0.4);
251 border-radius: 0;
252 border-width: 0;
253}
254
255.cell:selected:backdrop {
256}
257
258row:hover:backdrop {
259}
260
261row:insensitive:backdrop {
262}
263
264row:selected:backdrop {
265 background-image: -gtk-gradient (linear, left top, left bottom,
266 from (shade (@backdrop_selected_bg_color, 1.06)),
267 to (shade (@backdrop_selected_bg_color, 1.0)));
268 border-top-color: shade (@backdrop_selected_bg_color, 0.98);
269 border-style: solid;
270 border-width: 1px 0 0 0;
271
272 color: @backdrop_selected_fg_color;
273}
274
275row:selected:focused {
276}
277
278/*******************
279 * check and radio *
280 *******************/
281.check row:selected:backdrop,
282.radio row:selected:backdrop,
283.check:backdrop,
284.check row:backdrop,
285.radio:backdrop,
286.radio row:backdrop {
287 background-image: -gtk-gradient (linear, left top, left bottom,
288 from (mix (shade (@base_color, 0.98), @bg_color, 0.4)),
289 to (mix (@base_color, @bg_color, 0.4)));
290 border-top-color: shade (@bg_color, 0.72);
291 border-right-color: shade (@bg_color, 0.82);
292 border-bottom-color: shade (@bg_color, 0.88);
293 border-left-color: shade (@bg_color, 0.82);
294 border-style: solid;
295 border-width: 1px;
296
297 color: mix (@fg_color, @base_color, 0.2);
298
299 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
300 from (alpha (shade (@bg_color, 0.05), 0.02)),
301 to (alpha (shade (@bg_color, 0.05), 0.01)));
302}
303
304.check:backdrop,
305.check row:backdrop {
306 border-radius: 3px;
307}
308
309.radio:backdrop,
310.radio row:backdrop {
311 border-radius: 10px;
312}
313
314/* FIXME (Cimi) this is horrible */
315.check:active:backdrop,
316.check row:selected:active:backdrop,
317.check row:selected:focused:active:backdrop,
318.notebook .check:active:backdrop,
319.notebook .radio:active:backdrop,
320.radio:active:backdrop,
321.radio row:selected:active:backdrop,
322.radio row:selected:focused:active:backdrop,
323.check:inconsistent:backdrop,
324.check row:selected:inconsistent:backdrop,
325.check row:selected:focused:inconsistent:backdrop,
326.notebook .check:inconsistent:backdrop,
327.notebook .radio:inconsistent:backdrop,
328.radio:inconsistent:backdrop,
329.radio row:selected:inconsistent:backdrop,
330.radio row:selected:focused:inconsistent:backdrop {
331 background-image: -gtk-gradient (linear, left top, left bottom,
332 from (shade (@backdrop_selected_bg_color, 1.06)),
333 to (shade (@backdrop_selected_bg_color, 0.94)));
334
335 -unico-bullet-color: shade (@backdrop_selected_bg_color, 0.54);
336 -unico-bullet-outline-color: shade (@backdrop_selected_bg_color, 1.12);
337
338 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
339 from (shade (@backdrop_selected_bg_color, 0.78)),
340 to (shade (@backdrop_selected_bg_color, 0.74)));
341 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
342 from (shade (@backdrop_selected_bg_color, 1.08)),
343 to (shade (@backdrop_selected_bg_color, 0.96)));
344 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
345 from (alpha (shade (@bg_color, 0.05), 0.01)),
346 to (alpha (shade (@bg_color, 0.05), 0.03)));
347 -unico-outer-stroke-width: 1px;
348}
349
350/* FIXME (Cimi) this is horrible */
351.check:active:hover:backdrop,
352.check row:selected:active:hover:backdrop,
353.check row:selected:focused:active:hover:backdrop,
354.notebook .check:active:hover:backdrop,
355.notebook .radio:active:hover:backdrop,
356.radio:active:hover:backdrop,
357.radio row:selected:active:hover:backdrop,
358.radio row:selected:focused:active:hover:backdrop
359.check:active:hover:inconsistent:backdrop,
360.check row:selected:active:hover:inconsistent:backdrop,
361.check row:selected:focused:active:hover:inconsistent:backdrop,
362.notebook .check:active:hover:inconsistent:backdrop,
363.notebook .radio:active:hover:inconsistent:backdrop,
364.radio:active:hover:inconsistent:backdrop,
365.radio row:selected:active:hover:inconsistent:backdrop,
366.radio row:selected:focused:active:hover:inconsistent:backdrop {
367 background-image: -gtk-gradient (linear, left top, left bottom,
368 from (shade (@backdrop_selected_bg_color, 1.1)),
369 to (shade (@backdrop_selected_bg_color, 0.98)));
370
371 -unico-bullet-color: shade (@backdrop_selected_bg_color, 0.54);
372 -unico-bullet-outline-color: shade (@backdrop_selected_bg_color, 1.14);
373
374 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
375 from (shade (@backdrop_selected_bg_color, 0.8)),
376 to (shade (@backdrop_selected_bg_color, 0.76)));
377 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
378 from (shade (@backdrop_selected_bg_color, 1.12)),
379 to (shade (@backdrop_selected_bg_color, 1.0)));
380}
381
382.check:insensitive:backdrop,
383.radio:insensitive:backdrop {
384 background-color: shade (@bg_color, 0.98);
385 background-image: none;
386
387 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
388 from (alpha (shade (@bg_color, 0.05), 0.02)),
389 to (alpha (shade (@bg_color, 0.05), 0.01)));
390}
391
392.check:insensitive:active:backdrop,
393.radio:insensitive:active:backdrop,
394.check:insensitive:inconsistent:backdrop,
395.radio:insensitive:inconsistent:backdrop {
396 background-image: -gtk-gradient (linear, left top, left bottom,
397 from (shade (@bg_color, 1.0)),
398 to (shade (@bg_color, 0.94)));
399
400 -unico-bullet-color: shade (@bg_color, 0.7);
401 -unico-bullet-outline-color: shade (@bg_color, 1.0);
402
403 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
404 from (shade (@bg_color, 0.86)),
405 to (shade (@bg_color, 0.8)));
406 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
407 from (shade (@bg_color, 1.02)),
408 to (shade (@bg_color, 0.96)));
409}
410
411/*****************
412 * column-header *
413 *****************/
414column-header .button:backdrop,
415column-header .button:active:backdrop,
416.notebook column-header .button:backdrop,
417.notebook column-header .button:active:backdrop {
418 border-radius: 0;
419 border-width: 0 1px 1px 0;
420
421 -unico-glow-radius: 0;
422 -unico-outer-stroke-width: 0;
423}
424
425column-header .button:backdrop,
426.notebook column-header .button:backdrop {
427 background-image: -gtk-gradient (linear, left top, left bottom,
428 from (shade (@bg_color, 1.04)),
429 to (shade (@bg_color, 0.98)));
430
431 text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.4);
432
433 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
434 from (shade (@bg_color, 0.88)),
435 to (shade (@bg_color, 0.84)));
436 -unico-glow-color: shade (@bg_color, 1.02);
437 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
438 from (shade (@bg_color, 1.07)),
439 to (shade (@bg_color, 1.01)));
440}
441
442column-header .button:hover:backdrop,
443.notebook column-header .button:hover:backdrop {
444 background-image: -gtk-gradient (linear, left top, left bottom,
445 from (shade (@bg_color, 1.06)),
446 to (shade (@bg_color, 1.0)));
447
448 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
449 from (shade (@bg_color, 0.9)),
450 to (shade (@bg_color, 0.86)));
451 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
452 from (shade (@bg_color, 1.09)),
453 to (shade (@bg_color, 1.03)));
454}
455
456column-header:nth-child(last) .button:backdrop {
457 border-width: 0 0 1px 0;
458}
459
460/******************
461 * combobox entry *
462 ******************/
463GtkComboBox.combobox-entry .button:backdrop,
464GtkComboBox.combobox-entry .button:hover:backdrop,
465GtkComboBox.combobox-entry .button:active:backdrop,
466GtkComboBox.combobox-entry .button:insensitive:backdrop {
467 border-top-color: shade (@bg_color, 0.64);
468 border-right-color: shade (@bg_color, 0.8);
469 border-bottom-color: shade (@bg_color, 0.86);
470 border-left-color: shade (@bg_color, 0.76);
471}
472
473/*********
474 * entry *
475 *********/
476.entry:backdrop {
477 background-image: -gtk-gradient (linear, left top, left bottom,
478 from (mix (shade (@base_color, 0.98), @bg_color, 0.4)),
479 to (mix (@base_color, @bg_color, 0.4)));
480 border-top-color: shade (@bg_color, 0.72);
481 border-right-color: shade (@bg_color, 0.82);
482 border-bottom-color: shade (@bg_color, 0.88);
483 border-left-color: shade (@bg_color, 0.82);
484
485 color: mix (@fg_color, @base_color, 0.2);
486
487 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
488 from (alpha (shade (@bg_color, 0.05), 0.02)),
489 to (alpha (shade (@bg_color, 0.05), 0.01)));
490}
491
492.entry:selected:backdrop,
493.entry:selected:focused:backdrop {
494 background-color: @backdrop_selected_bg_color;
495
496 color: @backdrop_selected_fg_color;
497}
498
499.entry:focused:backdrop {
500 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
501 from (shade (@backdrop_selected_bg_color, 0.75)),
502 to (shade (@backdrop_selected_bg_color, 0.8)));
503 -unico-inner-stroke-color: alpha (@backdrop_selected_bg_color, 0.3);
504 -unico-inner-stroke-gradient: none;
505}
506
507.entry:insensitive:backdrop {
508 background-color: shade (@bg_color, 0.98);
509 background-image: none;
510
511 color: mix (@text_color, @base_color, 0.5);
512
513 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
514 from (alpha (shade (@bg_color, 0.05), 0.02)),
515 to (alpha (shade (@bg_color, 0.05), 0.01)));
516}
517
518.primary-toolbar .entry.progressbar:backdrop,
519.primary-toolbar .entry.progressbar:backdrop,
520.entry.progressbar:backdrop {
521}
522
523/************
524 * expander *
525 ************/
526.expander:backdrop {
527}
528
529/*********
530 * frame *
531 *********/
532.frame:backdrop {
533}
534
535/************
536 * iconview *
537 ************/
538GtkIconView.view.cell:selected:backdrop,
539GtkIconView.view.cell:selected:focused:backdrop {
540 background-image: -gtk-gradient (linear, left top, left bottom,
541 from (shade (@backdrop_selected_bg_color, 1.0)),
542 to (shade (@backdrop_selected_bg_color, 0.9)));
543 border-radius: 4px;
544 border-style: solid;
545 border-width: 1px;
546
547 color: @backdrop_selected_fg_color;
548
549 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
550 from (shade (@backdrop_selected_bg_color, 0.7)),
551 to (shade (@backdrop_selected_bg_color, 0.7)));
552 -unico-glow-radius: 8;
553 -unico-glow-color: shade (@backdrop_selected_bg_color, 1.3);
554 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
555 from (shade (@backdrop_selected_bg_color, 1.2)),
556 to (shade (@backdrop_selected_bg_color, 1.08)));
557 -unico-inner-stroke-width: 1px;
558}
559
560.rubberband:backdrop {
561 background-color: alpha (@backdrop_selected_bg_color, 0.35);
562 border-color: @backdrop_selected_bg_color;
563 border-radius: 0;
564 border-style: solid;
565 border-width: 1px;
566}
567
568/***********
569 * infobar *
570 ***********/
571.info:backdrop {
572}
573
574.warning:backdrop {
575}
576
577.question:backdrop {
578}
579
580.error:backdrop {
581}
582
583/***********
584 * menubar *
585 ***********/
586.menubar:backdrop,
587.menubar .menuitem:backdrop {
588 color: #a39e9a; /* metacity unfocused color */
589}
590
591/************
592 * notebook *
593 ************/
594.notebook:backdrop {
595 background-color: shade (@bg_color, 1.01);
596}
597
598.notebook tab:active:backdrop {
599}
600
601.notebook tab:backdrop {
602}
603
604/*************************
605 * progressbar and scale *
606 *************************/
607.scale.highlight.left:backdrop,
608.progressbar:backdrop,
609.progressbar row:backdrop,
610.progressbar row:hover:backdrop,
611.progressbar row:selected:backdrop,
612.progressbar row:selected:focused:backdrop {
613 background-image: -gtk-gradient (linear, left top, left bottom,
614 from (shade (@backdrop_selected_bg_color, 1.05)),
615 to (shade (@backdrop_selected_bg_color, 0.95)));
616 border-width: 1px;
617
618 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
619 from (shade (@backdrop_selected_bg_color, 0.8)),
620 to (shade (@backdrop_selected_bg_color, 0.8)));
621 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
622 from (shade (@backdrop_selected_bg_color, 1.07)),
623 to (shade (@backdrop_selected_bg_color, 0.965)));
624 -unico-outer-stroke-color: @transparent;
625 -unico-outer-stroke-gradient: none;
626 -unico-outer-stroke-width: 0;
627}
628
629.scale.highlight.bottom:backdrop,
630.progressbar.vertical:backdrop {
631 background-image: -gtk-gradient (linear, left top, right top,
632 from (shade (@backdrop_selected_bg_color, 1.05)),
633 to (shade (@backdrop_selected_bg_color, 0.95)));
634
635 -unico-border-gradient: -gtk-gradient (linear, left top, right top,
636 from (shade (@backdrop_selected_bg_color, 0.86)),
637 to (shade (@backdrop_selected_bg_color, 0.86)));
638 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
639 from (shade (@backdrop_selected_bg_color, 1.07)),
640 to (shade (@backdrop_selected_bg_color, 0.965)));
641}
642
643.scale.highlight.left:insensitive:backdrop {
644 background-image: -gtk-gradient (linear, left top, left bottom,
645 from (shade (@bg_color, 0.98)),
646 to (shade (@bg_color, 0.88)));
647
648 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
649 from (shade (@bg_color, 0.82)),
650 to (shade (@bg_color, 0.82)));
651 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
652 from (shade (@bg_color, 1.0)),
653 to (shade (@bg_color, 0.90)));
654}
655
656.scale.highlight.bottom:insensitive:backdrop {
657 background-image: -gtk-gradient (linear, left top, right top,
658 from (shade (@bg_color, 0.98)),
659 to (shade (@bg_color, 0.88)));
660
661 -unico-border-gradient: -gtk-gradient (linear, left top, right top,
662 from (shade (@bg_color, 0.82)),
663 to (shade (@bg_color, 0.82)));
664 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
665 from (shade (@bg_color, 1.0)),
666 to (shade (@bg_color, 0.90)));
667}
668
669.trough:backdrop,
670.trough row:backdrop,
671.trough row:hover:backdrop,
672.trough row:selected:backdrop,
673.trough row:selected:focused:backdrop {
674 background-image: -gtk-gradient (linear, left top, left bottom,
675 from (shade (@bg_color, 0.94)),
676 to (shade (@bg_color, 0.98)));
677
678 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
679 from (shade (@bg_color, 0.85)),
680 to (shade (@bg_color, 1.05)));
681}
682
683.trough.vertical:backdrop {
684 background-image: -gtk-gradient (linear, left top, right top,
685 from (shade (@bg_color, 0.94)),
686 to (shade (@bg_color, 0.98)));
687
688 -unico-border-gradient: -gtk-gradient (linear, left top, right top,
689 from (shade (@bg_color, 0.85)),
690 to (shade (@bg_color, 1.05)));
691}
692
693GtkScale.slider:backdrop {
694 background-image: url("assets/slider_backdrop.png");
695}
696
697GtkScale.slider:hover:backdrop {
698 background-image: url("assets/slider_prelight.png");
699}
700
701GtkScale.slider:insensitive:backdrop {
702 background-image: url("assets/slider_insensitive_backdrop.png");
703}
704
705GtkScale.slider.vertical:backdrop {
706 background-image: url("assets/slider_vertical_backdrop.png");
707}
708
709GtkScale.slider.vertical:hover:backdrop {
710 background-image: url("assets/slider_prelight_vertical.png");
711}
712
713GtkScale.slider.vertical:insensitive:backdrop {
714 background-image: url("assets/slider_vertical_insensitive_backdrop.png");
715}
716
717GtkScale.mark:backdrop {
718}
719
720/*******************
721 * scrolled window *
722 *******************/
723GtkScrolledWindow.frame:backdrop {
724}
725
726/*************
727 * separator *
728 *************/
729.separator:backdrop {
730 border-color: shade (@bg_color, 0.92);
731
732 -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.4);
733}
734
735.button .separator:backdrop,
736.button.separator:backdrop {
737 border-color: shade (@bg_color, 0.86);
738
739 -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.5);
740}
741
742.notebook .button .separator:backdrop,
743.notebook .button.separator:backdrop {
744 border-color: shade (@bg_color, 0.86);
745
746 -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.5);
747}
748
749.button .separator:insensitive:backdrop,
750.button.separator:insensitive:backdrop {
751 border-color: shade (@bg_color, 0.92);
752
753 -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6);
754}
755
756.notebook .button .separator:insensitive:backdrop,
757.notebook .button.separator:insensitive:backdrop {
758 border-color: shade (@bg_color, 0.92);
759
760 -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.6);
761}
762
763.menuitem.separator:backdrop {
764}
765
766.menubar .menuitem.separator:backdrop,
767.primary-toolbar .menuitem.separator:backdrop {
768}
769
770/***********
771 * sidebar *
772 ***********/
773.sidebar:backdrop,
774.sidebar .view:backdrop {
775}
776
777.sidebar row:selected:backdrop {
778 text-shadow: 0 1 shade (@backdrop_selected_bg_color, 0.7);
779}
780
781.sidebar .frame:backdrop {
782}
783
784/**************
785 * spinbutton *
786 **************/
787.spinbutton.button:active:backdrop,
788.spinbutton.button:insensitive:backdrop,
789.notebook .spinbutton.button:active:backdrop,
790.notebook .spinbutton.button:insensitive:backdrop,
791.spinbutton.button:backdrop,
792.notebook .spinbutton.button:backdrop {
793}
794
795.spinbutton.button:active:nth-child(last):backdrop,
796.spinbutton.button:insensitive:nth-child(last):backdrop,
797.notebook .spinbutton.button:active:nth-child(last):backdrop,
798.notebook .spinbutton.button:insensitive:nth-child(last):backdrop,
799.spinbutton.button:nth-child(last):backdrop,
800.notebook .spinbutton.button:nth-child(last):backdrop {
801}
802
803.spinbutton.button:backdrop,
804.notebook .spinbutton.button:backdrop {
805 background-image: -gtk-gradient (linear, left top, left bottom,
806 from (shade (@bg_color, 1.06)),
807 to (shade (@bg_color, 0.94)));
808 border-top-color: shade (@bg_color, 0.72);
809 border-right-color: shade (@bg_color, 0.82);
810 border-bottom-color: shade (@bg_color, 0.88);
811 border-left-color: shade (@bg_color, 0.82);
812
813 -unico-border-gradient: none;
814}
815
816.spinbutton:backdrop,
817.spinbutton:hover:backdrop {
818}
819
820/***********
821 * spinner *
822 ***********/
823.menu.spinner:backdrop,
824.primary-toolbar .spinner:backdrop,
825.primary-toolbar .spinner:backdrop {
826 color: @backdrop_selected_bg_color;
827}
828
829/*************
830 * statusbar *
831 *************/
832GtkStatusbar:backdrop {
833}
834
835/**********
836 * switch *
837 **********/
838GtkSwitch:backdrop {
839 border-radius: 4px;
840 padding: 0;
841
842 -unico-focus-border-radius: 4;
843 -unico-focus-border-color: alpha (@backdrop_selected_bg_color, 0.3);
844 -unico-focus-fill-color: @transparent;
845}
846
847GtkSwitch.trough:backdrop {
848 background-image: -gtk-gradient (linear, left top, left bottom,
849 from (shade (@bg_color, 0.89)),
850 to (shade (@bg_color, 0.96)));
851
852 color: mix (@fg_color, @bg_color, 0.17);
853 text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.3);
854
855 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
856 from (shade (@bg_color, 0.75)),
857 to (shade (@bg_color, 0.78)));
858 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
859 from (shade (@bg_color, 0.85)),
860 to (shade (@bg_color, 0.92)));
861}
862
863GtkSwitch.trough:active:backdrop {
864 background-image: -gtk-gradient (linear, left top, left bottom,
865 from (shade (@backdrop_selected_bg_color, 0.93)),
866 to (shade (@backdrop_selected_bg_color, 0.99)));
867
868 color: @backdrop_selected_fg_color;
869 text-shadow: 0 1 alpha (shade (@backdrop_selected_bg_color, 1.25), 0.4);
870
871 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
872 from (shade (@backdrop_selected_bg_color, 0.75)),
873 to (shade (@backdrop_selected_bg_color, 0.78)));
874 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
875 from (shade (@backdrop_selected_bg_color, 0.86)),
876 to (shade (@backdrop_selected_bg_color, 0.94)));
877}
878
879GtkSwitch.trough:insensitive:backdrop {
880 background-image: -gtk-gradient (linear, left top, left bottom,
881 from (shade (@bg_color, 0.95)),
882 to (shade (@bg_color, 0.99)));
883
884 color: mix (shade (@bg_color, 0.6), @bg_color, 0.17);
885 text-shadow: 0 1 alpha (shade (@bg_color, 1.25), 0.5);
886
887 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
888 from (shade (@bg_color, 0.8)),
889 to (shade (@bg_color, 0.84)));
890 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
891 from (shade (@bg_color, 0.91)),
892 to (shade (@bg_color, 0.965)));
893}
894
895GtkSwitch.slider:backdrop {
896 background-image: -gtk-gradient (linear, left top, left bottom,
897 from (shade (@bg_color, 1.06)),
898 to (shade (@bg_color, 0.94)));
899
900 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
901 from (shade (@bg_color, 0.75)),
902 to (shade (@bg_color, 0.78)));
903 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
904 from (shade (@bg_color, 1.08)),
905 to (shade (@bg_color, 0.96)));
906}
907
908GtkSwitch.slider:insensitive:backdrop {
909 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
910 from (shade (@bg_color, 0.8)),
911 to (shade (@bg_color, 0.84)));
912}
913
914/************
915 * textview *
916 ************/
917GtkTextView:backdrop {
918 background-color: mix (@base_color, @bg_color, 0.4);
919}
920
921/***********
922 * toolbar *
923 ***********/
924.toolbar:backdrop {
925 border-style: none;
926}
927
928/* primary-toolbar */
929.primary-toolbar:backdrop,
930.primary-toolbar .toolbar:backdrop,
931.primary-toolbar.toolbar:backdrop {
932 -GtkWidget-window-dragging: true;
933
934 background-color: @dark_bg_color;
935 background-image: none;
936 border-bottom-color: shade (@dark_bg_color, 0.8);
937 border-style: solid;
938 border-width: 0 0 1px 0;
939 padding: 2px;
940
941 color: #a39e9a; /* metacity unfocused color */
942 text-shadow: 0 1 shade (@dark_bg_color, 1.06);
943
944 -unico-border-gradient: none;
945 -unico-inner-stroke-gradient: none;
946 -unico-inner-stroke-width: 0;
947}
948
949.primary-toolbar :insensitive:backdrop {
950 text-shadow: 0 -1 shade (@dark_bg_color, 0.82);
951}
952
953.primary-toolbar GtkComboBox:backdrop,
954.primary-toolbar .button *:backdrop,
955.primary-toolbar .button:backdrop {
956 background-color: @transparent;
957 background-image: none;
958 border-color: @transparent;
959 border-radius: 3px;
960 border-width: 1px;
961 padding: 2px;
962
963 color: #a39e9a; /* metacity unfocused color */
964 text-shadow: 0 1 shade (@dark_bg_color, 1.06);
965
966 transition: 0ms ease-in-out;
967
968 -unico-focus-border-radius: 4;
969 -unico-focus-border-color: alpha (@backdrop_selected_bg_color, 0.5);
970 -unico-focus-fill-color: alpha (@backdrop_selected_bg_color, 0.2);
971 -unico-focus-outer-stroke-color: @transparent;
972
973 -unico-border-gradient: none;
974 -unico-glow-radius: 0;
975 -unico-inner-stroke-width: 0;
976 -unico-outer-stroke-width: 0;
977}
978
979.primary-toolbar .button *:hover:backdrop {
980 color: shade (#a39e9a, 1.1);
981}
982
983.primary-toolbar .raised .button:backdrop,
984.primary-toolbar .raised.button:backdrop,
985.primary-toolbar .button:hover:backdrop,
986.primary-toolbar .button:active:backdrop,
987.primary-toolbar .button:insensitive:backdrop {
988 border-width: 1px;
989
990 transition: 0ms ease-in-out;
991
992 -unico-focus-border-radius: 0;
993 -unico-focus-fill-color: @transparent;
994 -unico-focus-border-color: @transparent;
995 -unico-focus-outer-stroke-color: @transparent;
996
997 -unico-inner-stroke-width: 1px;
998 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
999 from (shade (@dark_bg_color, 1.01)),
1000 to (shade (@dark_bg_color, 1.06)));
1001 -unico-outer-stroke-width: 1px;
1002}
1003
1004.primary-toolbar GtkComboBox.combobox-entry .button:backdrop {
1005 -unico-inner-stroke-width: 1px;
1006 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1007 from (shade (@dark_bg_color, 1.01)),
1008 to (shade (@dark_bg_color, 1.06)));
1009}
1010
1011.primary-toolbar GtkComboBox.combobox-entry .button:backdrop,
1012.primary-toolbar .raised .button:backdrop,
1013.primary-toolbar .raised.button:backdrop,
1014.primary-toolbar .button:hover:backdrop {
1015 background-image: -gtk-gradient (linear, left top, left bottom,
1016 from (shade (@dark_bg_color, 1.06)),
1017 to (shade (@dark_bg_color, 0.98)));
1018
1019 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1020 from (shade (@dark_bg_color, 0.9)),
1021 to (shade (@dark_bg_color, 0.87)));
1022 -unico-glow-radius: 0;
1023 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1024 from (shade (@dark_bg_color, 1.12)),
1025 to (shade (@dark_bg_color, 1.02)));
1026}
1027
1028.primary-toolbar .button:active:backdrop {
1029 background-image: -gtk-gradient (linear, left top, left bottom,
1030 from (shade (@dark_bg_color, 0.9)),
1031 to (shade (@dark_bg_color, 0.95)));
1032
1033 text-shadow: 0 1 shade (@dark_bg_color, 1.01);
1034
1035 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1036 from (shade (@dark_bg_color, 0.75)),
1037 to (shade (@dark_bg_color, 0.85)));
1038 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1039 from (shade (@dark_bg_color, 0.88)),
1040 to (shade (@dark_bg_color, 0.93)))
1041}
1042
1043.primary-toolbar .button:active:hover:backdrop {
1044 background-image: -gtk-gradient (linear, left top, left bottom,
1045 from (shade (@dark_bg_color, 0.95)),
1046 to (shade (@dark_bg_color, 1.0)));
1047
1048 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1049 from (shade (@dark_bg_color, 0.75)),
1050 to (shade (@dark_bg_color, 0.85)));
1051 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1052 from (shade (@dark_bg_color, 0.93)),
1053 to (shade (@dark_bg_color, 0.94)))
1054}
1055
1056.primary-toolbar .button:active:insensitive:backdrop,
1057.primary-toolbar .button:insensitive:backdrop {
1058 text-shadow: none;
1059
1060 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1061 from (shade (@dark_bg_color, 0.85)),
1062 to (shade (@dark_bg_color, 0.95)));
1063 -unico-glow-radius: 0;
1064 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1065 from (shade (@dark_bg_color, 1.01)),
1066 to (shade (@dark_bg_color, 1.06)));
1067}
1068
1069.primary-toolbar .button:insensitive:backdrop {
1070 background-image: -gtk-gradient (linear, left top, left bottom,
1071 from (shade (@dark_bg_color, 1.01)),
1072 to (shade (@dark_bg_color, 0.99)));
1073
1074 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1075 from (shade (@dark_bg_color, 1.1)),
1076 to (shade (@dark_bg_color, 1.04)));
1077}
1078
1079.primary-toolbar .button:active:insensitive:backdrop {
1080 background-image: -gtk-gradient (linear, left top, left bottom,
1081 from (shade (@dark_bg_color, 0.94)),
1082 to (shade (@dark_bg_color, 1.02)));
1083
1084 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1085 from (shade (@dark_bg_color, 0.92)),
1086 to (shade (@dark_bg_color, 1.0)));
1087}
1088
1089.primary-toolbar .entry:backdrop,
1090.primary-toolbar .entry:active:backdrop,
1091.primary-toolbar .entry:focused:backdrop {
1092 border-radius: 3px;
1093
1094 color: @text_color;
1095
1096 -unico-outer-stroke-width: 1px;
1097 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1098 from (shade (@dark_bg_color, 1.01)),
1099 to (shade (@dark_bg_color, 1.06)));
1100}
1101
1102.primary-toolbar .entry:backdrop {
1103 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1104 from (shade (@dark_bg_color, 0.75)),
1105 to (shade (@dark_bg_color, 0.95)));
1106 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1107 from (alpha (shade (@bg_color, 0.05), 0.02)),
1108 to (alpha (shade (@bg_color, 0.05), 0.01)));
1109}
1110
1111.primary-toolbar .entry:insensitive:backdrop {
1112 -unico-outer-stroke-width: 1px;
1113 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1114 from (shade (@dark_bg_color, 1.01)),
1115 to (shade (@dark_bg_color, 1.06)));
1116}
1117
1118.primary-toolbar .entry:focused:backdrop {
1119 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1120 from (shade (@backdrop_selected_bg_color, 0.75)),
1121 to (shade (@backdrop_selected_bg_color, 0.8)));
1122 -unico-inner-stroke-color: alpha (@backdrop_selected_bg_color, 0.2);
1123 -unico-inner-stroke-gradient: none;
1124}
1125
1126.primary-toolbar GtkSeparatorToolItem:backdrop,
1127.primary-toolbar .separator:backdrop,
1128.primary-toolbar .separator:insensitive:backdrop {
1129 border-color: shade (@dark_bg_color, 0.94);
1130 border-style: solid;
1131
1132 -unico-border-gradient: none;
1133 -unico-inner-stroke-color: shade (@dark_bg_color, 1.08);
1134 -unico-inner-stroke-gradient: none;
1135}
1136
1137/* inline-toolbar */
1138.inline-toolbar.toolbar:backdrop {
1139 -GtkToolbar-button-relief: normal;
1140
1141 background-image: -gtk-gradient (linear, left top, left bottom,
1142 from (shade (#f2f1ef, 0.96)),
1143 color-stop (0.08, #f2f1ef),
1144 to (#ffffff));
1145 border-radius: 0;
1146 border-style: solid;
1147 border-width: 1px;
1148 padding: 3px 4px 4px 4px;
1149}
1150
1151.inline-toolbar.toolbar:nth-child(last):backdrop {
1152 border-bottom-color: shade (@bg_color, 0.76);
1153 border-color: shade (@bg_color, 0.8);
1154 border-radius: 0 0 3px 3px;
1155 border-width: 0 1px 1px 1px;
1156}
1157
1158.inline-toolbar.toolbar .button:backdrop {
1159 background-image: -gtk-gradient (linear, left top, left bottom,
1160 from (shade (@bg_color, 1.06)),
1161 to (shade (@bg_color, 0.94)));
1162 border-radius: 0;
1163 border-style: solid;
1164 border-width: 1px 0 1px 1px;
1165 padding: 1px;
1166
1167 icon-shadow: 0 1 shade (@bg_color, 1.16);
1168
1169 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1170 from (shade (@bg_color, 1.09)),
1171 to (shade (@bg_color, 0.97)));
1172 -unico-outer-stroke-width: 1px 0 1px 0;
1173 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1174 from (alpha (shade (@bg_color, 0.05), 0.01)),
1175 to (alpha (shade (@bg_color, 0.05), 0.03)));
1176}
1177
1178.inline-toolbar.toolbar .button *:active:backdrop,
1179.inline-toolbar.toolbar .button *:insensitive:backdrop,
1180.inline-toolbar.toolbar GtkToolButton .button:active:backdrop,
1181.inline-toolbar.toolbar GtkToolButton .button:insensitive:backdrop {
1182 -unico-outer-stroke-width: 1px 0 1px 0;
1183 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1184 from (alpha (shade (@bg_color, 0.05), 0.008)),
1185 to (alpha (shade (@bg_color, 0.05), 0.01)));
1186}
1187
1188.inline-toolbar.toolbar .button *:insensitive:backdrop,
1189.inline-toolbar.toolbar GtkToolButton .button:insensitive:backdrop {
1190 background-image: -gtk-gradient (linear, left top, left bottom,
1191 from (shade (@bg_color, 1.02)),
1192 to (shade (@bg_color, 0.98)));
1193
1194 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1195 from (shade (@bg_color, 0.85)),
1196 to (shade (@bg_color, 0.8)));
1197 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1198 from (shade (@bg_color, 1.16)),
1199 to (shade (@bg_color, 1.0)));
1200}
1201
1202.inline-toolbar.toolbar .button:nth-child(first):backdrop,
1203.inline-toolbar.toolbar GtkToolButton:nth-child(first) .button:backdrop {
1204 border-radius: 3px 0 0 3px;
1205
1206 -unico-outer-stroke-width: 1px 0 1px 1px;
1207}
1208
1209.inline-toolbar.toolbar .button:nth-child(last):backdrop,
1210.inline-toolbar.toolbar GtkToolButton:nth-child(last) .button:backdrop {
1211 border-radius: 0 3px 3px 0;
1212 border-width: 1px;
1213
1214 -unico-outer-stroke-width: 1px 1px 1px 0;
1215}
1216
1217/************
1218 * treeview *
1219 ************/
1220GtkTreeView .entry:backdrop {
1221}
1222
1223/************
1224 * viewport *
1225 ************/
1226GtkViewport.frame:backdrop {
1227}
01228
=== modified file 'Radiance/gtk-3.0/gtk-widgets.css'
--- Radiance/gtk-3.0/gtk-widgets.css 2012-02-09 12:01:40 +0000
+++ Radiance/gtk-3.0/gtk-widgets.css 2012-02-27 15:18:29 +0000
@@ -52,7 +52,8 @@
52 -GtkWidget-focus-line-width: 1px;52 -GtkWidget-focus-line-width: 1px;
53 -GtkWidget-link-color: @link_color;53 -GtkWidget-link-color: @link_color;
54 -GtkWidget-visited-link-color: @link_color;54 -GtkWidget-visited-link-color: @link_color;
55 -GtkWindow-resize-grip-default: false;55 -GtkWindow-resize-grip-width: 0;
56 -GtkWindow-resize-grip-height: 0;
56 -WnckTasklist-fade-overlay-rect: 0;57 -WnckTasklist-fade-overlay-rect: 0;
5758
58 border-width: 1px;59 border-width: 1px;
@@ -115,6 +116,8 @@
115.button,116.button,
116.frame,117.frame,
117.notebook {118.notebook {
119 border-style: solid;
120
118 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,121 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
119 from (shade (@bg_color, 0.8)),122 from (shade (@bg_color, 0.8)),
120 to (shade (@bg_color, 0.76)));123 to (shade (@bg_color, 0.76)));
@@ -216,7 +219,6 @@
216}219}
217220
218GtkComboBox,221GtkComboBox,
219GtkScale.slider,
220.button {222.button {
221 background-image: -gtk-gradient (linear, left top, left bottom,223 background-image: -gtk-gradient (linear, left top, left bottom,
222 from (shade (@button_bg_color, 1.1)),224 from (shade (@button_bg_color, 1.1)),
@@ -240,7 +242,6 @@
240 -unico-inner-stroke-width: 1px;242 -unico-inner-stroke-width: 1px;
241}243}
242244
243GtkScale.slider:hover,
244.button:hover {245.button:hover {
245 background-image: -gtk-gradient (linear, left top, left bottom,246 background-image: -gtk-gradient (linear, left top, left bottom,
246 from (shade (@button_bg_color, 1.16)),247 from (shade (@button_bg_color, 1.16)),
@@ -539,6 +540,7 @@
539 border-radius: 10px;540 border-radius: 10px;
540}541}
541542
543/* FIXME (Cimi) this is horrible */
542.check:active,544.check:active,
543.check row:selected:active,545.check row:selected:active,
544.check row:selected:focused:active,546.check row:selected:focused:active,
@@ -546,7 +548,15 @@
546.notebook .radio:active,548.notebook .radio:active,
547.radio:active,549.radio:active,
548.radio row:selected:active,550.radio row:selected:active,
549.radio row:selected:focused:active {551.radio row:selected:focused:active,
552.check:inconsistent,
553.check row:selected:inconsistent,
554.check row:selected:focused:inconsistent,
555.notebook .check:inconsistent,
556.notebook .radio:inconsistent,
557.radio:inconsistent,
558.radio row:selected:inconsistent,
559.radio row:selected:focused:inconsistent {
550 background-image: -gtk-gradient (linear, left top, left bottom,560 background-image: -gtk-gradient (linear, left top, left bottom,
551 from (shade (@selected_bg_color, 1.2)),561 from (shade (@selected_bg_color, 1.2)),
552 color-stop (0.5, shade (@selected_bg_color, 1.0)),562 color-stop (0.5, shade (@selected_bg_color, 1.0)),
@@ -567,6 +577,7 @@
567 -unico-outer-stroke-width: 1px;577 -unico-outer-stroke-width: 1px;
568}578}
569579
580/* FIXME (Cimi) this is horrible */
570.check:active:hover,581.check:active:hover,
571.check row:selected:active:hover,582.check row:selected:active:hover,
572.check row:selected:focused:active:hover,583.check row:selected:focused:active:hover,
@@ -574,7 +585,15 @@
574.notebook .radio:active:hover,585.notebook .radio:active:hover,
575.radio:active:hover,586.radio:active:hover,
576.radio row:selected:active:hover,587.radio row:selected:active:hover,
577.radio row:selected:focused:active:hover {588.radio row:selected:focused:active:hover,
589.check:active:hover:inconsistent,
590.check row:selected:active:hover:inconsistent,
591.check row:selected:focused:active:hover:inconsistent,
592.notebook .check:active:hover:inconsistent,
593.notebook .radio:active:hover:inconsistent,
594.radio:active:hover:inconsistent,
595.radio row:selected:active:hover:inconsistent,
596.radio row:selected:focused:active:hover:inconsistent {
578 background-image: -gtk-gradient (linear, left top, left bottom,597 background-image: -gtk-gradient (linear, left top, left bottom,
579 from (shade (@selected_bg_color, 1.26)),598 from (shade (@selected_bg_color, 1.26)),
580 color-stop (0.5, shade (@selected_bg_color, 1.05)),599 color-stop (0.5, shade (@selected_bg_color, 1.05)),
@@ -610,7 +629,9 @@
610}629}
611630
612.check:insensitive:active,631.check:insensitive:active,
613.radio:insensitive:active {632.radio:insensitive:active,
633.check:insensitive:inconsistent,
634.radio:insensitive:inconsistent {
614 background-image: -gtk-gradient (linear, left top, left bottom,635 background-image: -gtk-gradient (linear, left top, left bottom,
615 from (shade (@bg_color, 0.96)),636 from (shade (@bg_color, 0.96)),
616 to (shade (@bg_color, 0.9)));637 to (shade (@bg_color, 0.9)));
@@ -743,6 +764,7 @@
743 border-left-color: shade (@bg_color, 0.76);764 border-left-color: shade (@bg_color, 0.76);
744 border-radius: 3px;765 border-radius: 3px;
745 border-style: solid;766 border-style: solid;
767 padding: 3px 5px 3px 5px;
746768
747 color: @text_color;769 color: @text_color;
748770
@@ -772,6 +794,8 @@
772 background-color: shade (@bg_color, 0.96);794 background-color: shade (@bg_color, 0.96);
773 background-image: none;795 background-image: none;
774796
797 color: mix (@text_color, @base_color, 0.4);
798
775 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,799 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
776 from (alpha (shade (@bg_color, 0.05), 0.04)),800 from (alpha (shade (@bg_color, 0.05), 0.04)),
777 to (alpha (shade (@bg_color, 0.05), 0.02)));801 to (alpha (shade (@bg_color, 0.05), 0.02)));
@@ -1034,7 +1058,7 @@
1034 border-radius: 0;1058 border-radius: 0;
1035 border-style: solid;1059 border-style: solid;
1036 border-width: 1px;1060 border-width: 1px;
1037 padding: 2px;1061 padding: 3px 2px 3px 2px;
10381062
1039 -unico-inner-stroke-width: 1px;1063 -unico-inner-stroke-width: 1px;
1040}1064}
@@ -1099,7 +1123,7 @@
1099.primary-toolbar .menuitem:insensitive,1123.primary-toolbar .menuitem:insensitive,
1100.primary-toolbar .menuitem *:insensitive {1124.primary-toolbar .menuitem *:insensitive {
1101 color: mix (@dark_fg_color, @dark_bg_color, 0.5);1125 color: mix (@dark_fg_color, @dark_bg_color, 0.5);
1102 text-shadow: 0 -1 shade (@dark_bg_color, 0.6);1126 text-shadow: 0 1 shade (@bg_color, 1.1);
1103}1127}
11041128
1105.menubar .menuitem.check:active,1129.menubar .menuitem.check:active,
@@ -1226,8 +1250,6 @@
12261250
1227.notebook tab.top {1251.notebook tab.top {
1228 padding: 2px 5px 0 5px;1252 padding: 2px 5px 0 5px;
1229
1230 color: shade (@bg_color, 0.9);
1231}1253}
12321254
1233.notebook tab.right:active {1255.notebook tab.right:active {
@@ -1300,6 +1322,7 @@
1300 background-image: -gtk-gradient (linear, left top, left bottom,1322 background-image: -gtk-gradient (linear, left top, left bottom,
1301 from (shade (@selected_bg_color, 1.13)),1323 from (shade (@selected_bg_color, 1.13)),
1302 to (shade (@selected_bg_color, 0.9)));1324 to (shade (@selected_bg_color, 0.9)));
1325 border-style: solid;
1303 border-width: 1px;1326 border-width: 1px;
13041327
1305 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,1328 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
@@ -1319,6 +1342,8 @@
1319 background-image: -gtk-gradient (linear, left top, right top,1342 background-image: -gtk-gradient (linear, left top, right top,
1320 from (shade (@selected_bg_color, 1.13)),1343 from (shade (@selected_bg_color, 1.13)),
1321 to (shade (@selected_bg_color, 0.9)));1344 to (shade (@selected_bg_color, 0.9)));
1345 border-style: solid;
1346 border-width: 1px;
13221347
1323 -unico-border-gradient: -gtk-gradient (linear, left top, right top,1348 -unico-border-gradient: -gtk-gradient (linear, left top, right top,
1324 from (shade (@selected_bg_color, 0.75)),1349 from (shade (@selected_bg_color, 0.75)),
@@ -1328,6 +1353,32 @@
1328 to (shade (@selected_bg_color, 1.0)));1353 to (shade (@selected_bg_color, 1.0)));
1329}1354}
13301355
1356.scale.highlight.left:insensitive {
1357 background-image: -gtk-gradient (linear, left top, left bottom,
1358 from (shade (@bg_color, 0.95)),
1359 to (shade (@bg_color, 0.85)));
1360
1361 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1362 from (shade (@bg_color, 0.75)),
1363 to (shade (@bg_color, 0.75)));
1364 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1365 from (shade (@bg_color, 0.97)),
1366 to (shade (@bg_color, 0.865)));
1367}
1368
1369.scale.highlight.bottom:insensitive {
1370 background-image: -gtk-gradient (linear, left top, right top,
1371 from (shade (@bg_color, 0.95)),
1372 to (shade (@bg_color, 0.85)));
1373
1374 -unico-border-gradient: -gtk-gradient (linear, left top, right top,
1375 from (shade (@bg_color, 0.75)),
1376 to (shade (@bg_color, 0.75)));
1377 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
1378 from (shade (@bg_color, 0.97)),
1379 to (shade (@bg_color, 0.865)));
1380}
1381
1331.trough,1382.trough,
1332.trough row,1383.trough row,
1333.trough row:hover,1384.trough row:hover,
@@ -1336,6 +1387,7 @@
1336 background-image: -gtk-gradient (linear, left top, left bottom,1387 background-image: -gtk-gradient (linear, left top, left bottom,
1337 from (shade (@bg_color, 0.92)),1388 from (shade (@bg_color, 0.92)),
1338 to (shade (@bg_color, 0.96)));1389 to (shade (@bg_color, 0.96)));
1390 border-style: solid;
1339 border-width: 1px;1391 border-width: 1px;
13401392
1341 color: @text_color;1393 color: @text_color;
@@ -1377,6 +1429,10 @@
1377 background-image: url("assets/slider_prelight.png");1429 background-image: url("assets/slider_prelight.png");
1378}1430}
13791431
1432GtkScale.slider:insensitive {
1433 background-image: url("assets/slider_insensitive.png");
1434}
1435
1380GtkScale.slider.vertical {1436GtkScale.slider.vertical {
1381 background-image: url("assets/slider_vertical.png");1437 background-image: url("assets/slider_vertical.png");
1382}1438}
@@ -1385,6 +1441,10 @@
1385 background-image: url("assets/slider_prelight_vertical.png");1441 background-image: url("assets/slider_prelight_vertical.png");
1386}1442}
13871443
1444GtkScale.slider.vertical:insensitive {
1445 background-image: url("assets/slider_vertical_insensitive.png");
1446}
1447
1388GtkScale.mark {1448GtkScale.mark {
1389 border-color: shade (@bg_color, 0.8);1449 border-color: shade (@bg_color, 0.8);
1390}1450}
@@ -1603,10 +1663,12 @@
1603 background-image: -gtk-gradient (linear, left top, left bottom,1663 background-image: -gtk-gradient (linear, left top, left bottom,
1604 from (shade (@bg_color, 1.1)),1664 from (shade (@bg_color, 1.1)),
1605 to (shade (@bg_color, 0.9)));1665 to (shade (@bg_color, 0.9)));
1666 border-top-color: shade (@bg_color, 0.64);
1667 border-right-color: shade (@bg_color, 0.76);
1668 border-bottom-color: shade (@bg_color, 0.82);
1669 border-left-color: shade (@bg_color, 0.76);
16061670
1607 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,1671 -unico-border-gradient: none;
1608 from (shade (@bg_color, 0.65)),
1609 to (shade (@bg_color, 0.7)));
1610}1672}
16111673
1612.spinbutton,1674.spinbutton,
@@ -1624,7 +1686,6 @@
1624 * statusbar *1686 * statusbar *
1625 *************/1687 *************/
1626GtkStatusbar {1688GtkStatusbar {
1627 color: @fg_color;
1628}1689}
16291690
1630/**********1691/**********
@@ -1688,6 +1749,7 @@
1688 background-image: -gtk-gradient (linear, left top, left bottom,1749 background-image: -gtk-gradient (linear, left top, left bottom,
1689 from (shade (@bg_color, 1.1)),1750 from (shade (@bg_color, 1.1)),
1690 to (shade (@bg_color, 0.9)));1751 to (shade (@bg_color, 0.9)));
1752 border-style: solid;
16911753
1692 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,1754 -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
1693 from (shade (@bg_color, 0.65)),1755 from (shade (@bg_color, 0.65)),
@@ -1957,10 +2019,10 @@
1957 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,2019 -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1958 from (shade (@bg_color, 1.16)),2020 from (shade (@bg_color, 1.16)),
1959 to (shade (@bg_color, 0.98)));2021 to (shade (@bg_color, 0.98)));
2022 -unico-outer-stroke-width: 1px 0 1px 0;
1960 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,2023 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1961 from (alpha (shade (@bg_color, 0.05), 0.02)),2024 from (alpha (shade (@bg_color, 0.05), 0.015)),
1962 to (alpha (shade (@bg_color, 0.05), 0.06)));2025 to (alpha (shade (@bg_color, 0.05), 0.04)));
1963 -unico-outer-stroke-width: 1px 0 1px 0;
1964}2026}
19652027
1966.inline-toolbar.toolbar .button *:active,2028.inline-toolbar.toolbar .button *:active,
@@ -1969,8 +2031,8 @@
1969.inline-toolbar.toolbar GtkToolButton .button:insensitive {2031.inline-toolbar.toolbar GtkToolButton .button:insensitive {
1970 -unico-outer-stroke-width: 1px 0 1px 0;2032 -unico-outer-stroke-width: 1px 0 1px 0;
1971 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,2033 -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
1972 from (alpha (shade (@bg_color, 0.05), 0.02)),2034 from (alpha (shade (@bg_color, 0.05), 0.01)),
1973 to (alpha (shade (@bg_color, 0.05), 0.06)));2035 to (alpha (shade (@bg_color, 0.05), 0.03)));
1974}2036}
19752037
1976.inline-toolbar.toolbar .button *:insensitive,2038.inline-toolbar.toolbar .button *:insensitive,
19772039
=== modified file 'Radiance/gtk-3.0/gtk.css'
--- Radiance/gtk-3.0/gtk.css 2011-08-25 11:12:53 +0000
+++ Radiance/gtk-3.0/gtk.css 2012-02-27 15:18:29 +0000
@@ -26,8 +26,11 @@
26@define-color dark_bg_color #dfd7cf;26@define-color dark_bg_color #dfd7cf;
27@define-color dark_fg_color @fg_color;27@define-color dark_fg_color @fg_color;
28@define-color transparent rgba (0, 0, 0, 0);28@define-color transparent rgba (0, 0, 0, 0);
29@define-color backdrop_selected_bg_color shade (@bg_color, 0.92);
30@define-color backdrop_selected_fg_color @fg_color;
2931
30@import url("gtk-widgets.css");32@import url("gtk-widgets.css");
33@import url("gtk-widgets-backdrop.css");
31@import url("apps/gnome-panel.css");34@import url("apps/gnome-panel.css");
32@import url("apps/gnome-terminal.css");35@import url("apps/gnome-terminal.css");
33@import url("apps/nautilus.css");36@import url("apps/nautilus.css");
3437
=== modified file 'Radiance/metacity-1/metacity-theme-1.xml'
--- Radiance/metacity-1/metacity-theme-1.xml 2011-08-23 15:13:57 +0000
+++ Radiance/metacity-1/metacity-theme-1.xml 2012-02-27 15:18:29 +0000
@@ -189,6 +189,7 @@
189 <rectangle color="shade/gtk:bg[NORMAL]/0.7" x="0" y="0" width="width" height="height" filled="true"/>189 <rectangle color="shade/gtk:bg[NORMAL]/0.7" x="0" y="0" width="width" height="height" filled="true"/>
190 <gradient type="vertical" x="0" y="0" width="width" height="60">190 <gradient type="vertical" x="0" y="0" width="width" height="60">
191 <color value="shade/#dfd7cf/0.8" />191 <color value="shade/#dfd7cf/0.8" />
192 <color value="shade/#dfd7cf/0.8" />
192 <color value="shade/gtk:bg[NORMAL]/0.7" />193 <color value="shade/gtk:bg[NORMAL]/0.7" />
193 </gradient>194 </gradient>
194</draw_ops>195</draw_ops>