Mercurial > repos > other > Adwaita-Dark-Green

comparison gtk-3.18/gtk.scss @ 22:cb3e1a45b770

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Restore gtk-3.0 to v3.16 (openSUSE 42.1) and add gtk-3.18 dir
author IBBoard <dev@ibboard.co.uk>
date Sun, 02 Oct 2016 20:29:24 +0100
parents
children 1373809b1c32
comparison
equal deleted inserted replaced
21:66fe978c102e 22:cb3e1a45b770
1 // General guidelines:
2 // - very unlikely you want to edit something else than _common.scss
3 // - keep the number of defined colors to a minimum, use the color blending functions if
4 // you need a subtle shade
5 // - if you need to inverse a color function use the @if directive to match for dark $variant
6
7 $variant: 'light';
8
9 // Import the default colours
10 @import 'colors';
11
12 // Override some colours
13 $base_color: #C6C6C6;
14 $bg_color: #C6C6C6;
15 $fg_color: #161616;
16 $selected_bg_color: #5E7F3E;
17 $selected_borders_color: darken($selected_bg_color, 30%);
18 $borders_color: darken($bg_color,30%);
19 $borders_edge: transparentize(lighten($bg_color, 30%), 0.9);
20 $link_color: darken($selected_bg_color,10%);
21 $link_visited_color: darken($selected_bg_color,20%);
22 $top_hilight: $borders_edge;
23
24 $scrollbar_bg_color: darken($bg_color, 7%);
25
26 $sidebar_bg_color: darken($bg_color,5%);
27
28 //insensitive state derived colors
29 $insensitive_fg_color: mix($fg_color, $bg_color, 50%);
30 $insensitive_bg_color: mix($bg_color, $base_color, 60%);
31 $insensitive_borders_color: $borders_color;
32
33 //colors for the backdrop state, derived from the main colors.
34 $backdrop_base_color: darken($base_color, 1%);
35 $backdrop_text_color: mix($text_color, $backdrop_base_color, 80%);
36 $backdrop_bg_color: $bg_color;
37 $backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%);
38 $backdrop_insensitive_color: darken($backdrop_bg_color, 15%);
39 $backdrop_selected_fg_color: $selected_fg_color;
40 $backdrop_selected_bg_color: desaturate($selected_bg_color,100%);
41 $backdrop_borders_color: mix($borders_color, $bg_color, 90%);
42 $backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%);
43 $backdrop_sidebar_bg_color: darken($backdrop_bg_color,5%);
44
45 $backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%);
46
47
48 // Add our own colours
49 $text_input_color: #F0F0F0;
50 $backdrop_text_input_color: darken($text_input_color, 1%);
51 $bg_dark_color: #3D3D3D;
52 $fg_dark_color: #dddddd;
53 $insensitive_dark_fg_color: mix($fg_dark_color, $bg_dark_color, 50%);
54 $titlebar_highlight: #4c4c4c;
55 $header_button_raised_gradient_color_a: lighten($bg_dark_color, 10%);
56 $header_button_checked: darken($bg_dark_color, 5%);
57 $header_button_border: darken($bg_dark_color, 5%);
58 $header_button_border_unfocused: darken($bg_dark_color, 5%);
59 $menu_fg_dark_color: #cccccc;
60 $focused_entry_outer: transparentize($selected_bg_color, 0.45);
61 $bg_gradient_1: lighten($bg_color, 20%);
62 $bg_gradient_2: lighten($bg_color, 10%);
63 $bg_gradient_3: lighten($bg_color, 5%);
64 $bg_prelight: $bg_gradient_1;
65 $selected_bg_color_hover: lighten($selected_bg_color, 10%);
66 $selected_bg_color_shade: darken($selected_bg_color, 10%);
67 $selected_bg_border: darken($selected_bg_color, 30%);
68 $title_fg: #fff;
69 $header_separator: lighten($bg_dark_color, 10%);
70 $fg_color_emphasis: darken($fg_color, 50%);
71 $fg_color_de_emphasis: lighten($fg_color, 20%);
72 $unfocused_fg_color: $backdrop_fg_color;
73 $unfocused_insensitive_fg_color: lighten($insensitive_fg_color, 20%);
74 $transparent_outline: #383436;
75
76 // Import the default widgets
77 @import 'drawing';
78 // Style everything
79 @import 'common';
80 //Export default colours
81 @import 'colors-public';
82
83 //Override some exported colours
84 @define-color wm_title #{"" + $bg_dark_color};
85 @define-color wm_unfocused_title #{"" + $bg_dark_color};
86 @define-color wm_highlight shade(#{"" + $bg_dark_color}, 1.03);
87 @define-color wm_borders_edge #{"" + $bg_dark_color};
88
89 @define-color wm_bg_a shade(#{$bg_dark_color}, 1.2);
90 @define-color wm_bg_b #{$bg_dark_color};
91
92 @define-color wm_button_hover_color_a shade(#{$bg_dark_color}, 1.3);
93 @define-color wm_button_hover_color_b #{$bg_dark_color};
94 @define-color wm_button_active_color_a shade(#{$bg_dark_color}, 0.85);
95 @define-color wm_button_active_color_b shade(#{$bg_dark_color}, 0.89);
96 @define-color wm_button_active_color_c shade(#{$bg_dark_color}, 0.9);
97
98
99 // And now do our own overrides of styling
100 *:insensitive {
101 -gtk-image-effect: highlight;
102 }
103
104 /***************
105 * Header bars *
106 ***************/
107 .header-bar,
108 .titlebar, GtkApplicationWindow.fullscreen {
109 color: $title_fg;
110 border-width: 0 0 1px;
111 border-style: solid;
112 background-image: linear-gradient(to bottom, $bg_dark_color, lighten($bg_dark_color, 3%) 20%, $bg_dark_color 45%);
113 border-color: shade($bg_dark_color, 0.90);
114 box-shadow: inset 0 2px $titlebar_highlight, inset 0 1px $header_button_border;
115 background-color: $bg_dark_color;
116 }
117 .header-bar:backdrop,
118 .titlebar:backdrop, GtkApplicationWindow.fullscreen:backdrop {
119 color: $fg_dark_color;
120 box-shadow: none;
121 background-color: $bg_dark_color;
122 background-image: none;
123 border-color: darken($bg_dark_color, 10%);
124 }
125
126 /* this is the default titlebar that is added by GTK
127 * when client-side decorations are in use and the application
128 * did not set a custom titlebar.
129 */
130 .header-bar .separator,
131 .titlebar .separator {
132 border-width: 1px;
133 border-style: solid;
134 border-image: none;
135 color: $header_separator;
136
137 }
138
139 .titlebar.default-decoration {
140 border: none;
141 box-shadow: none;
142 }
143
144 .titlebar .title {
145 font: Bold 11;
146 background: none;
147 color: $title_fg;
148 }
149
150 .titlebar .title:backdrop {
151 color: $fg_dark_color;
152 }
153 .header-bar .button.titlebutton:active,
154 .titlebar .button.titlebutton:active,
155 .header-bar .button.titlebutton:checked,
156 .titlebar .button.titlebutton:checked
157
158 .header-bar .button:active,
159 .header-bar .button.titlebutton:active,
160 .titlebar .button.titlebutton:active,
161 .header-bar .button:checked,
162 .header-bar .button.titlebutton:checked,
163 .titlebar .button.titlebutton:checked,
164 .header-bar .button:active:hover,
165 .header-bar .button.titlebutton:active:hover,
166 .titlebar .button.titlebutton:active:hover,
167 .header-bar .button:checked:hover,
168 .header-bar .button.titlebutton:checked:hover,
169 .titlebar .button.titlebutton:checked:hover,
170 .header-bar .button,
171 .header-bar .titlebutton.button,
172 .titlebar .titlebutton.button {
173 color: $fg_dark_color;
174 background-image: linear-gradient(to bottom, $header_button_raised_gradient_color_a, $bg_dark_color);
175 text-shadow: 0 1px transparentize($header_button_raised_gradient_color_a, 0.5);
176 icon-shadow: 0 1px transparentize($header_button_raised_gradient_color_a, 0.5);
177 border-color: $header_button_border;
178 outline-color: $header_button_raised_gradient_color_a;
179 box-shadow: inset 0 1px $header_button_raised_gradient_color_a, 0 1px $header_button_raised_gradient_color_a;
180 }
181 .header-bar .titlebutton.button,
182 .titlebar .titlebutton.button {
183 border-color: transparent;
184 box-shadow: none;
185 background-image: none;
186 }
187 .header-bar .button:insensitive,
188 .header-bar .titlebutton.button:insensitive,
189 .titlebar .titlebutton.button:insensitive,
190 .header-bar .button:insensitive:backdrop,
191 .header-bar .titlebutton.button:insensitive:backdrop,
192 .titlebar .titlebutton.button:insensitive:backdrop {
193 color: $insensitive_dark_fg_color;
194 background-image: none;
195 box-shadow: none;
196 }
197
198 .header-bar .button:hover,
199 .header-bar .button.titlebutton:hover,
200 .titlebar .button.titlebutton:hover {
201 color: shade($fg_dark_color, 1.3);
202 outline-color: $header_button_raised_gradient_color_a;
203 border-color: $header_button_border;
204 background-image: linear-gradient(to bottom, shade($header_button_raised_gradient_color_a, 1.1), shade($bg_dark_color, 1.1));
205 text-shadow: 0 1px transparentize($header_button_raised_gradient_color_a, 0.5);
206 icon-shadow: 0 1px transparentize($header_button_raised_gradient_color_a, 0.5);
207 box-shadow: inset 0 1px $header_button_raised_gradient_color_a, 0 1px $header_button_raised_gradient_color_a; }
208
209 .header-bar .button:active,
210 .header-bar .button.titlebutton:active,
211 .titlebar .button.titlebutton:active,
212 .header-bar .button:checked,
213 .header-bar .button.titlebutton:checked,
214 .titlebar .button.titlebutton:checked,
215 .header-bar .button:active:hover,
216 .header-bar .button.titlebutton:active:hover,
217 .titlebar .button.titlebutton:active:hover,
218 .header-bar .button:checked:hover,
219 .header-bar .button.titlebutton:checked:hover,
220 .titlebar .button.titlebutton:checked:hover {
221 color: $title_fg;
222 background-image: linear-gradient(to bottom, $bg_dark_color, $header_button_checked);
223 }
224 .header-bar .button:backdrop,
225 .header-bar .button.titlebutton:backdrop,
226 .titlebar .button.titlebutton:backdrop {
227 background-image: none;
228 background-color: $bg_dark_color;
229 border-color: transparent;
230 box-shadow:none;
231 text-shadow: none;
232 icon-shadow: none;
233 color: $fg_dark_color;
234 }
235 .header-bar .button:backdrop {
236 border-color: $header_button_border_unfocused
237 }
238
239 .header-bar .button:active:backdrop,
240 .header-bar .button.titlebutton:active:backdrop,
241 .titlebar .button.titlebutton:active:backdrop,
242 .header-bar .button:checked:backdrop,
243 .header-bar .button.titlebutton:checked:backdrop,
244 .titlebar .button.titlebutton:checked:backdrop,
245 .header-bar .button:active:hover:backdrop,
246 .header-bar .button.titlebutton:active:hover:backdrop,
247 .titlebar .button.titlebutton:active:hover:backdrop,
248 .header-bar .button:checked:hover:backdrop,
249 .header-bar .button.titlebutton:checked:hover:backdrop,
250 .titlebar .button.titlebutton:checked:hover:backdrop {
251 color: $fg_dark_color;
252 background-image: none;
253 background-color: $header_button_checked;
254 box-shadow:none;
255 text-shadow: none;
256 icon-shadow: none;
257 }
258 .header-bar .titlebutton.button:backdrop:active,
259 .titlebar .titlebutton.button:backdrop:active,
260 .header-bar .titlebutton.button:backdrop:checked,
261 .titlebar .titlebutton.button:backdrop:checked {
262 border-color: $header_button_border_unfocused
263 }
264 .header-bar .suggested-action.button,
265 .header-bar .suggested-action.titlebutton.button,
266 .titlebar .suggested-action.titlebutton.button {
267 color: $title_fg;
268 background-color: mix($selected_bg_color, $bg_dark_color, 80%);
269 background-image: linear-gradient(to bottom, mix($selected_bg_color, $header_button_raised_gradient_color_a, 80%), mix($selected_bg_color, $bg_dark_color, 80%));
270 text-shadow: 0 1px transparentize($header_button_raised_gradient_color_a, 0.5);
271 icon-shadow: 0 1px transparentize($header_button_raised_gradient_color_a, 0.5);
272 border-color: mix($selected_bg_color, $header_button_border, 30%);
273 outline-color: $header_button_raised_gradient_color_a;
274 box-shadow: inset 0 1px $header_button_raised_gradient_color_a, 0 1px $header_button_raised_gradient_color_a;
275 }
276
277 .header-bar .suggested-action.button:backdrop,
278 .header-bar .suggested-action.titlebutton.button:backdrop,
279 .titlebar .suggested-action.titlebutton.button:backdrop {
280 background-image: none;
281 text-shadow: none;
282 icon-shadow: none;
283 border-color: transparent;
284 outline-color: transparent;
285 box-shadow: none;
286 }
287
288 .header-bar .suggested-action.button:hover,
289 .header-bar .suggested-action.button.titlebutton:hover,
290 .titlebar .suggested-action.button.titlebutton:hover {
291 color: shade($fg_dark_color, 1.3);
292 outline-color: $header_button_raised_gradient_color_a;
293 border-color: $header_button_border;
294 background-image: linear-gradient(to bottom, shade(mix($selected_bg_color, $header_button_raised_gradient_color_a, 80%), 1.1), shade(mix($selected_bg_color,$bg_dark_color,80%), 1.1));
295 text-shadow: 0 1px transparentize($header_button_raised_gradient_color_a, 0.5);
296 icon-shadow: 0 1px transparentize($header_button_raised_gradient_color_a, 0.5);
297 box-shadow: inset 0 1px $header_button_raised_gradient_color_a, 0 1px $header_button_raised_gradient_color_a; }
298 .header-bar .suggested-action.titlebutton.button:backdrop:insensitive,
299 .titlebar .suggested-action.titlebutton.button:backdrop:insensitive,
300 .header-bar .suggested-action.button:backdrop:insensitive,
301 .titlebar .suggested-action.button:backdrop:insensitive {
302 color: mix($fg_dark_color, $bg_dark_color, 60%);
303 background-image: none;
304 background-color: $bg_dark_color;
305 border-color: transparent;
306 }
307 .header-bar .suggested-action.titlebutton.button:insensitive,
308 .titlebar .suggested-action.titlebutton.button:insensitive,
309 .header-bar .suggested-action.button:insensitive,
310 .titlebar .suggested-action.button:insensitive {
311 color: mix($fg_dark_color, $bg_dark_color, 60%);
312 background-image: linear-gradient(to bottom, $header_button_raised_gradient_color_a, $bg_dark_color);
313 background-color: $bg_dark_color;
314 border-color: transparent;
315 }
316
317 .titlebar .header-bar-separator, .titlebar > GtkBox > .separator.vertical,
318 GtkPlacesSidebar.sidebar .view .titlebar > GtkBox > .vertical.separator:backdrop,
319 .header-bar .header-bar-separator,
320 .header-bar > GtkBox > .separator.vertical,
321 GtkPlacesSidebar.sidebar .view .header-bar > GtkBox > .vertical.separator:backdrop {
322 border-image: linear-gradient(to bottom, transparentize($header_separator, 0), $header_separator 30%, $header_separator 70%, transparentize($header_separator, 0) 100%) 0 1/0 1px stretch;
323 }
324 .titlebar .header-bar-separator:backdrop, .titlebar > GtkBox > .separator.vertical:backdrop,
325 .header-bar .header-bar-separator:backdrop,
326 .header-bar > GtkBox > .separator.vertical:backdrop {
327 border-image: linear-gradient(to bottom, transparentize($header_separator, 0.5)) 0 1/1px 1px;
328 }
329
330 column-header .button, column-header .header-bar .button.titlebutton, .header-bar column-header .button.titlebutton,
331 column-header .titlebar .button.titlebutton,
332 .titlebar column-header .button.titlebutton {
333 color: $fg_color;
334 background-color: $bg_gradient_2;}
335 column-header .button:hover, column-header .header-bar .button.titlebutton:hover, .header-bar column-header .button.titlebutton:hover,
336 column-header .titlebar .button.titlebutton:hover,
337 .titlebar column-header .button.titlebutton:hover {
338 color: $fg_color_emphasis; }
339
340 // Somehow, our notebook tabs don't appear to be classed ".label",
341 // so we have to bodge it with GtkLabel directly
342 .notebook {
343 // Through me you go to the grief wracked city;
344 // Through me you go to everlasting pain;
345 // Through me you go a pass among lost souls.
346 // ...
347 // Abandon all hope — Ye Who Enter Here
348 tab {
349 GtkLabel { //tab text
350 padding: 0 2px; // needed for a nicer focus ring
351 font-weight: bold;
352 color: $insensitive_fg_color;
353 &:backdrop, &.prelight-page:backdrop {
354 color: mix($backdrop_fg_color, $backdrop_insensitive_color, 50%);
355 }
356 }
357 .prelight-page GtkLabel, GtkLabel.prelight-page {
358 // prelight tab text
359 color: mix($fg_color, $insensitive_fg_color, 50%);
360 &:backdrop { // FIXME, it's the same as .label:backdrop up here
361 color: mix($backdrop_fg_color, $backdrop_insensitive_color, 50%);
362 }
363 }
364 .active-page GtkLabel, GtkLabel.active-page {
365 // active tab text
366 color: $fg_color;
367 &:backdrop { color: $backdrop_fg_color; }
368 }
369 }
370 }
371
372 .popover {
373 background-color: $bg_color;
374 }
375 .popover .menuitem.button { border: none; box-shadow: none; outline: none; }
376 .menu {
377 background-color: $bg_color;
378 .csd & {
379 border: 1px solid $borders_color;
380 }
381 }
382 .background {
383 background-color: $bg_color;
384 }
385
386 .entry, .linked.vertical > .entry, .linked.vertical > .entry:first-child, .linked.vertical > .entry:last-child {
387 background-image: entry_gradient($text_input_color);
388 background-color: $text_input_color;
389
390 &:focus { background-image: entry_gradient($text_input_color); }
391 &:insensitive { background-image: linear-gradient(to bottom, $insensitive_bg_color); }
392 &:backdrop { background-image: none; background-color: $backdrop_text_input_color; }
393 &:backdrop:insensitive { background-image: linear-gradient(to bottom, $insensitive_bg_color); }
394 }
395 GtkPaned {
396 border: 1px solid $borders_color;
397 }
398 GtkPlacesSidebar.sidebar .view {
399 color: $fg_color;
400 background-color: transparent;
401 }
402
403 .view, .list, .list-row, .list-row.button {
404 color: $text_color;
405 background-color: $text_input_color;
406 &:backdrop, &:backdrop:hover {
407 color: $backdrop_text_color;
408 background-color: $backdrop_text_input_color;
409 }
410 &:selected {
411 color: $selected_fg_color;
412 background-color: $selected_bg_color;
413 }
414 &:hover {
415 background-color: mix($fg_color, $text_input_color, 5%);
416 }
417 &:active {
418 box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8);
419 }
420 &:selected {
421 &:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); }
422 &:hover {
423 background-color: mix($fg_color, $selected_bg_color, 10%);
424 }
425 &:backdrop { background-color: $selected_bg_color; }
426 }
427 }
428 .list-row {
429 // Set sidebar items back to something reasonable
430 &.sidebar-item {
431 background-color: $sidebar_bg_color;
432 border-color: $borders_color;
433 &:backdrop, &:backdrop:hover {
434 background-color: $backdrop_sidebar_bg_color;
435 border-color: $backdrop_borders_color;
436 }
437 // let's take care of background colors
438 &:hover {
439 background-color: mix($fg_color, $base_color, 5%);
440 }
441 &:active {
442 box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8);
443 }
444 &:selected {
445 background-color: $selected_bg_color;
446 &:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); }
447 &:hover {
448 background-color: mix($fg_color, $selected_bg_color, 10%);
449 }
450 &:backdrop { background-color: $selected_bg_color; }
451 }
452 }
453 }
454 .sidebar .list {
455 background-color: $sidebar_bg_color;
456 border-color: $borders_color;
457 &:backdrop {
458 background-color: $backdrop_sidebar_bg_color;
459 border-color: $backdrop_borders_color;
460 }
461 }
462
463 /*.list .list-row.button {
464 &:hover, &:backdrop:insensitive {
465 background-color: rgba(0,0,0,0);
466 }
467 }*/
468
469
470 /*GtkPlacesSidebar .separator { color: $insensitive_fg_color; }*/
471
472
473 // Fix the rubberband background after we gave lists and views a lighter background
474 .view.rubberband {
475 background-color: transparentize($selected_bg_color,0.8);
476 }
477 .menubar {
478 background-color: $bg_dark_color;
479 color: $menu_fg_dark_color;
480 box-shadow: inset 0 -1px transparentize(black, 0.9);
481 &:backdrop { background-color: $bg_dark_color; }
482 }
483 .menubar, .header-bar {
484 & .menu { background-color: $bg_dark_color;
485 color: $menu_fg_dark_color; border-color: $header_button_border; }
486 & > .menuitem {
487 &:hover { //Seems like it :hover even with keyboard focus
488 box-shadow: inset 0 -3px $selected_bg_color;
489 color: $selected_bg_color
490 }
491 &:insensitive {
492 color: $insensitive_fg_color;
493 box-shadow: none;
494 }
495 }
496 }
497 .tweak-group .button.list-row, .tweak-categories .tweak-category.list-row {
498 color: $fg_color;
499 background-color: $bg_color;
500 &:hover {
501 background-color: mix($fg_color, $base_color, 5%);
502 }
503 &:backdrop { background-color: $backdrop_bg_color }
504 &:selected {
505 background-color: $selected_bg_color;
506 color: lighten($selected_fg_color, 20%);
507 &:hover {
508 background-color: mix($fg_color, $selected_bg_color, 10%);
509 }
510 }
511 }
512 .floating-bar {
513 opacity: 0.9;
514 color: $text_color;
515 background-color: $text_input_color;
516 border: 1px solid $borders_color;
517
518 @each $tb,$tb_corner in ('top','bottom'),
519 ('bottom','top') {
520 @each $lr,$lr_corner in ('left','right'),
521 ('right','left') {
522 &.#{$tb}.#{$lr} {
523 border-#{$tb_corner}-#{$lr_corner}-radius: 3px;
524 border-#{$tb}-width: 0;
525 border-#{$lr}-width: 0;
526 }
527 }
528 }
529 }
530 .menu .menuitem.check, .menu .menuitem.radio {
531 color: $fg_dark_color;
532 }
533
534
535 /* Fix Meld dialog buttons and try not to break anything else */
536 /* FIXME: These should really be joined, but as of v3.18 they're spaced
537 .message-dialog.csd .dialog-action-area .button, .message-dialog.csd .dialog-action-area .button:backdrop, .message-dialog.csd .dialog-action-area .button:hover {
538 border-bottom-style: solid;
539 border-right-style: solid;
540 &:last-child {
541 border-right-style: solid;
542 border-top-right-radius: 7px; }
543 &:first-child {
544 border-left-style: solid;
545 border-top-left-radius: 7px; }
546 &:hover, &:backdrop { border-bottom-style: solid; }
547 }
548
549 /* And put "linked" buttons back to Adwaita style */
550 .message-dialog.csd .dialog-action-area.linked .button {
551 border-bottom-style: none;
552 border-right-style: solid;
553 &:last-child {
554 border-right-style: none;
555 border-top-right-radius: 0; }
556 &:first-child {
557 border-left-style: none;
558 border-top-left-radius: 0; }
559 &:hover, &:backdrop { border-bottom-style: none; }
560 }
561
562 /* Fix tree view progress bars */
563 GtkTreeView.view {
564 &.progressbar { // progress bar in treeviews
565 color: $selected_fg_color;
566 background-color: $selected_bg_color;
567
568 &:selected {
569 color: darken($selected_bg_color,20%);
570 &:backdrop {
571 color: darken($selected_bg_color,20%);
572 }
573 }
574
575 &:backdrop {
576 @if $variant == 'light' { color: $backdrop_base_color; }
577 @else { border-color: $backdrop_base_color; }
578 background-image: none;
579 box-shadow: none;
580 }
581 }
582 }
583
584 /*
585 * Fix text views that don't specify a class.
586 * Happens mainly in Meld when viewing single files
587 */
588 GtkTextView {
589 background-color: #eee
590 }
591
592 /*
593 * Fix GTK3.18 change that makes .list-row.button items look like buttons
594 */
595 .list-row.button,
596 .list-row.button:backdrop,
597 .list-row.button:backdrop:active,
598 .list-row.button:backdrop:checked,
599 .list-row.button:backdrop:insensitive,
600 .list-row.button:backdrop:insensitive:active,
601 .list-row.button:backdrop:insensitive:checked,
602 .list-row.button:insensitive:active,
603 .list-row.button:insensitive:checked {
604 // reset button inherited stuff
605 @extend %undecorated_button;
606 background-color: transparentize($base_color,1); // for the transition
607 border-style: none; // I need no borders here
608 border-radius: 0; // and no rounded corners
609 box-shadow: none; // and no box-shadow
610
611 }