1
2/* default */
3* {
4    engine: none;
5    -GtkArrow-arrow-scaling: 0.55;
6    -GtkButton-child-displacement-x: 0;
7    -GtkButton-child-displacement-y: 0;
8    -GtkButton-default-border: 0;
9    -GtkButton-image-spacing: 0;
10    -GtkButton-inner-border: 1;
11    -GtkButton-interior-focus: true;
12    -GtkCheckButton-indicator-size: 16;
13    -GtkCheckMenuItem-indicator-size: 12;
14    -GtkExpander-expander-size: 8;
15    -GtkHTML-link-color: @link_color;
16    -GtkIMHtml-hyperlink-color: @link_color;
17    -GtkMenu-horizontal-padding: 0;
18    -GtkMenu-vertical-padding: 0;
19    -GtkNotebook-initial-gap: 0;
20    -GtkPaned-handle-size: 5;
21    -GtkProgressBar-min-horizontal-bar-height: 5;
22    -GtkProgressBar-min-vertical-bar-width: 5;
23    -GtkRange-slider-width: 12;
24    -GtkRange-stepper-spacing: 0;
25    -GtkRange-trough-border: 0;
26    -GtkRange-trough-under-steppers: 1;
27    -GtkScrollbar-has-backward-stepper: false;
28    -GtkScrollbar-has-forward-stepper: false;
29    -GtkScrollbar-min-slider-length: 50;
30    -GtkScrolledWindow-scrollbar-spacing: 0;
31    -GtkScrolledWindow-scrollbars-within-bevel: 0;
32    -GtkStatusbar-shadow-type: none;
33    -GtkTextView-error-underline-color: @error_color;
34    -GtkToolButton-icon-spacing: 6;
35    -GtkToolItemGroup-expander-size: 8;
36    -GtkTreeView-expander-size: 8;
37    -GtkWidget-focus-line-width: 1;
38    -GtkWidget-focus-padding: 2;
39    -GtkWidget-link-color: @link_color;
40    -GtkWidget-visited-link-color: @link_color;
41    -GtkWindow-resize-grip-height: 0;
42    -GtkWindow-resize-grip-width: 0;
43    -WnckTasklist-fade-overlay-rect: 0;
44    outline-color: alpha(@selected_bg_color, 0.5);
45    outline-style: solid;
46    outline-offset: 0;
47}
48
49/***************
50 * base states *
51 ***************/
52.background {
53    background-color: @bg_color;
54    color: @fg_color;
55}
56
57* {
58    /* inherit colors from parent */
59    background-color: inherit;
60    color: inherit;
61}
62
63*:selected,
64*:selected:focus {
65    background-color: @selected_bg_color;
66    color: @selected_fg_color;
67}
68
69*:insensitive,
70*:insensitive:insensitive {
71    color: mix(@fg_color, @bg_color, 0.3);
72}
73
74/* apply effects to insensitive and prelit images */
75*:insensitive {
76    -gtk-image-effect: dim;
77}
78
79*:hover {
80    -gtk-image-effect: highlight;
81}
82
83.gtkstyle-fallback {
84    background-color: @bg_color;
85    color: @fg_color;
86}
87
88.gtkstyle-fallback:prelight {
89    background-color: shade(@bg_color, 1.1);
90    color: @fg_color;
91}
92
93.gtkstyle-fallback:active {
94    background-color: shade(@_color, 0.9);
95    color: @fg_color;
96}
97
98.gtkstyle-fallback:insensitive {
99    background-color: shade(shade(@bg_color, 0.95), 1.05);
100    color: mix(@fg_color, @bg_color, 0.7);
101}
102
103.gtkstyle-fallback:selected {
104    background-color: @selected_bg_color;
105    color: @selected_fg_color;
106}
107
108GtkImage,
109GtkImage:insensitive,
110GtkLabel,
111GtkLabel:insensitive,
112GtkBox,
113GtkBox:insensitive,
114GtkOverlay,
115GtkGrid,
116GtkGrid:insensitive {
117    background-color: transparent;
118}
119
120/***********
121 * gtkhtml *
122 ***********/
123GtkHTML {
124    background-color: @base_color;
125    color: @text_color;
126}
127
128/************
129 * expander *
130 ************/
131.expander {
132    color: alpha(@fg_color, 0.7);
133}
134
135.expander:hover {
136    color: alpha(@fg_color, 0.8);
137}
138
139.expander:active {
140    color: alpha(currentColor, 0.9);
141}
142
143
144/*********
145 * frame *
146 *********/
147.frame {
148    border-color: shade(@theme_bg_color, 0.8);
149}
150
151
152.frame.flat {
153	border: none;
154}
155
156/*******************
157 * scrolled window *
158 *******************/
159GtkScrolledWindow.frame {
160    border-width: 1px;
161    border-style: solid;
162    border-color: @bg_color;
163    border-radius: 0;
164}
165
166/* avoid double borders when a viewport is
167 * packed into a GtkScrolledWindow */
168GtkScrolledWindow GtkViewport.frame {
169    border-style: none;
170}
171
172/************
173 * iconview *
174 ************/
175GtkIconView.view.cell:hover {
176    border: none;
177    border-radius: 5px;
178    background-color: shade(@bg_color, 0.9);
179    background-image: none;
180    color: @fg_color;
181}
182
183GtkIconView.view.cell:selected,
184GtkIconView.view.cell:selected:focus {
185    border-width: 1px;
186    border-style: solid;
187    border-color: shade(@bg_color, 0.8);
188    border-radius: 5px;
189    background-color: shade(@bg_color, 0.8);
190    background-image: none;
191    color: @fg_color;
192}
193
194.content-view.view.rubberband,
195.view.rubberband,
196.rubberband {
197    border-width: 1px;
198    border-style: solid;
199    border-color: shade(@selected_fg_color, 0.9);
200    border-radius: 0;
201    background-color: alpha(@selected_fg_color, 0.3);
202}
203/*****************
204 * miscellaneous *
205 *****************/
206.floating-bar {
207    border-width: 1px;
208    border-style: solid;
209    border-color: @bg_color;
210    border-radius: 0px;
211    background-color: @bg_color;
212    background-image: none;
213    color: @fg_color;
214}
215
216.floating-bar.top {
217    border-top-width: 0;
218    border-top-right-radius: 0;
219    border-top-left-radius: 0;
220}
221
222.floating-bar.right {
223    border-right-width: 0;
224    border-top-right-radius: 0;
225    border-bottom-right-radius: 0;
226}
227
228.floating-bar.bottom {
229    border-bottom-width: 0;
230    border-bottom-right-radius: 0;
231    border-bottom-left-radius: 0;
232}
233
234.floating-bar.left {
235    border-left-width: 0;
236    border-bottom-left-radius: 0;
237    border-top-left-radius: 0;
238}
239
240.floating-bar .button {
241    -GtkButton-image-spacing: 0;
242    -GtkButton-inner-border: 0;
243
244    border-style: none;
245    background-color: transparent;
246    background-image: none;
247}
248
249.view.dim-label,
250.dim-label {
251    color: alpha(currentColor, 0.5);
252}
253
254.dnd {
255    border-width: 1px;
256    border-style: solid;
257    border-color: shade(@selected_fg_color, 0.9);
258}
259
260.grip {
261    background-color: transparent;
262}
263
264.arrow {
265    color: alpha(@fg_color, 0.9);
266}
267
268/*************
269 * statusbar *
270 *************/
271GtkStatusbar {
272    padding: 4px;
273    color: @fg_color;
274}
275
276GtkStatusbar .button {
277    color: @fg_color;
278    border: none;
279}
280
281GtkStatusbar .button:hover,
282GtkStatusbar .button:active,
283GtkStatusbar .button:active:hover {
284    transition: none;
285    color: @selected_fg_color;
286    background-color: @bg_color;
287}
288
289/************
290 * textview *
291 ************/
292GtkTextView {
293    background-color: @base_color;
294    color: @text_color;
295}
296
297/***********
298 * tooltip *
299 ***********/
300.tooltip {
301    border-width: 1px;
302    border-style: solid;
303    border-color: @tooltip_bg_color;
304    border-radius: 3px;
305    background-color: @tooltip_bg_color;
306    background-image: none;
307    color: @tooltip_fg_color;
308}
309
310.tooltip.background {
311    background-color: alpha(@tooltip_bg_color,0.8);
312    background-clip: padding-box;
313}
314
315.tooltip.window-frame.csd {
316    border-radius: 3px;
317    background-color: transparent;
318    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15);
319}
320
321.tooltip * {
322    padding: 2px;
323    background-color: transparent;
324    color: inherit;
325}
326
327/************
328 * treeview *
329 ************/
330GtkTreeView {
331    -GtkTreeView-vertical-separator: 6;
332    -GtkWidget-focus-line-width: 1;
333    -GtkWidget-focus-padding: 1;
334}
335
336GtkTreeView {
337    border: 1px solid @bg_color;
338}
339
340GtkTreeView.view:selected {
341    border: none;
342}
343
344GtkTreeView.dnd {
345    padding: 6px 6px;
346    border-width: 1px;
347    border-style: solid;
348    border-color: shade(@selected_bg_color, 0.9);
349    border-radius: 0;
350}
351
352GtkTreeView .entry {
353    padding: 6px 6px;
354    border-radius: 0;
355    background-color: @base_color;
356    background-image: none;
357}
358
359/************
360 * viewport *
361 ************/
362GtkViewport.frame {
363    border-width: 0;
364}
365
366.view {
367    background-color: @base_color;
368    color: @text_color;
369}
370
371.view:insensitive,
372.view:insensitive:insensitive {
373    color: mix(@bg_color,@text_color, 0.4);
374}
375
376.view:selected,
377.view:selected:focus {
378    background-color: @selected_bg_color;
379    color: @selected_fg_color; /*TreeView selected for dconf and sidebars and stuff*/
380}
381
382/*************************
383 * touch text selections *
384 *************************/
385GtkBubbleWindow {
386    border-radius: 0px;
387    background-clip: border-box;
388}
389
390GtkBubbleWindow.osd.background {
391    background-color: @osd_bg;
392}
393
394GtkBubbleWindow .toolbar {
395    background-color: transparent;
396}
397
398.overshoot.top {
399    background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(55, 93, 114, 0.20)), to(rgba(255,93,115, 0)));
400    background-size: 100% 60%;
401    background-repeat: no-repeat;
402    background-position: center top;
403    background-color: transparent;
404    border: none;
405    box-shadow: none; }
406
407  .overshoot.bottom {
408    background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255,93,115,0.2)), to(rgba(255,93,115, 0)));
409    background-size: 100% 60%;
410    background-repeat: no-repeat;
411    background-position: center bottom;
412    background-color: transparent;
413    border: none;
414    box-shadow: none; }
415
416  .overshoot.left {
417    background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255,93,115,0.2)), to(rgba(255,93,115, 0)));
418    background-size: 60% 100%;
419    background-repeat: no-repeat;
420    background-position: left center;
421    background-color: transparent;
422    border: none;
423    box-shadow: none; }
424
425  .overshoot.right {
426    background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255,93,115,0.2)), to(rgba(255,93,115, 0)));
427    background-size: 60% 100%;
428    background-repeat: no-repeat;
429    background-position: right center;
430    background-color: transparent;
431    border: none;
432    box-shadow: none; }
433
434  .undershoot.top {
435    background-color: transparent;
436    background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
437    padding-top: 1px;
438    background-size: 10px 1px;
439    background-repeat: repeat-x;
440    background-origin: content-box;
441    background-position: center top; }
442
443  .undershoot.bottom {
444    background-color: transparent;
445    background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
446    padding-bottom: 1px;
447    background-size: 10px 1px;
448    background-repeat: repeat-x;
449    background-origin: content-box;
450    background-position: center bottom; }
451
452  .undershoot.left {
453    background-color: transparent;
454    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
455    padding-left: 1px;
456    background-size: 1px 10px;
457    background-repeat: repeat-y;
458    background-origin: content-box;
459    background-position: left center; }
460
461  .undershoot.right {
462    background-color: transparent;
463    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
464    padding-right: 1px;
465    background-size: 1px 10px;
466    background-repeat: repeat-y;
467    background-origin: content-box;
468    background-position: right center; }
469