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