1 @define-color bg_color -gtk-win32-color(button, 15);
2 @define-color text_color -gtk-win32-color(button, 18);
3 @define-color base_color #fff;
4 @define-color selected_bg_color -gtk-win32-color(button, 13);
5 @define-color selected_fg_color -gtk-win32-color(button, 14);
6 @define-color info_fg_color rgb (181, 171, 156);
7 @define-color info_bg_color rgb (252, 252, 189);
8 @define-color warning_fg_color rgb (173, 120, 41);
9 @define-color warning_bg_color rgb (250, 173, 61);
10 @define-color question_fg_color rgb (97, 122, 214);
11 @define-color question_bg_color rgb (138, 173, 212);
12 @define-color error_fg_color rgb (166, 38, 38);
13 @define-color error_bg_color rgb (237, 54, 54);
17 background-color: @bg_color;
21 color: -gtk-win32-color(button, 18);
22 -GtkWidget-link-color: -gtk-win32-color(button, 26);
23 -GtkWidget-visited-link-color: -gtk-win32-color(button, 26);
24 border-color: shade (@bg_color, 0.6);
26 -GtkScrolledWindow-scrollbars-within-bevel: 1;
27 -GtkScrolledWindow-scrollbars-spacing: 0;
33 background-color: transparent;
34 border-image: -gtk-win32-theme-part(button, 4 1) 2 2 2 2 stretch;
38 color: -gtk-win32-color(button, 17);
43 background-color: @selected_bg_color;
44 color: @selected_fg_color;
48 background-color: @info_bg_color;
49 color: @info_fg_color;
53 background-color: @warning_bg_color;
54 color: @warning_fg_color;
58 background-color: @question_bg_color;
59 color: @question_fg_color;
63 background-color: @error_bg_color;
64 color: @error_fg_color;
68 background-color: @selected_bg_color;
69 color: @selected_fg_color;
81 transition: 750ms linear loop;
84 .notebook > GtkScrolledWindow.frame {
88 GtkScrolledWindow.frame {
91 border-image: -gtk-win32-theme-part(listview, 5 1) 2 2 2 2 stretch;
97 background-color: @base_color;
102 background-color: shade (@bg_color, 0.9);
106 .view:selected:focused {
107 background-color: @selected_bg_color;
108 color: @selected_fg_color;
112 background-color: -gtk-win32-color(button, 24);
113 color: -gtk-win32-color(button, 23);
119 color: -gtk-win32-color(button, 23);
122 GtkAssistant .sidebar .highlight {
124 color: -gtk-win32-color(button, 9);
130 color: -gtk-win32-color(button, 18);
131 background-color: transparent;
132 background-image: -gtk-win32-theme-part(button, 1 1);
134 -GtkWidget-focus-line-width: 1;
135 -GtkWidget-focus-padding: 3;
136 -GtkButton-interior-focuse: true;
140 .button:insensitive {
141 background-image: -gtk-win32-theme-part(button, 1 4);
145 background-image: -gtk-win32-theme-part(button, 1 5);
148 .button:prelight, .button:prelight:focused {
149 background-image: -gtk-win32-theme-part(button, 1 2);
153 .button:active, .button:active:focused, .button:active:focused:prelight {
154 background-image: -gtk-win32-theme-part(button, 1 3);
160 background-color: transparent;
161 background-image: -gtk-win32-theme-part(button, 3 1);
166 background-image: -gtk-win32-theme-part(button, 3 4);
169 /* The GtkButton here is to avoid problems with checkboxes
170 in a listview where all checkboxes in a row gets prelighted
171 whenever the row is prelighted */
173 GtkButton.check:prelight {
174 background-image: -gtk-win32-theme-part(button, 3 2);
178 background-image: -gtk-win32-theme-part(button, 3 5);
181 .check:active:insensitive {
182 background-image: -gtk-win32-theme-part(button, 3 8);
185 GtkButton.check:active:prelight {
186 background-image: -gtk-win32-theme-part(button, 3 6);
189 .check:inconsistent {
190 background-image: -gtk-win32-theme-part(button, 3 9);
193 .check:inconsistent:insensitive {
194 background-image: -gtk-win32-theme-part(button, 3 12);
197 .check:inconsistent:prelight {
198 background-image: -gtk-win32-theme-part(button, 3 10);
204 background-color: transparent;
205 background-image: -gtk-win32-theme-part(button, 2 1);
210 background-image: -gtk-win32-theme-part(button, 2 4);
214 background-image: -gtk-win32-theme-part(button, 2 2);
218 background-image: -gtk-win32-theme-part(button, 2 5);
221 .radio:active:insensitive {
222 background-image: -gtk-win32-theme-part(button, 2 8);
225 .radio:active:prelight {
226 background-image: -gtk-win32-theme-part(button, 2 6);
229 .radio:inconsistent {
230 background-image: -gtk-win32-theme-part(button, 2 1, over (2 5, 0.3));
233 .radio:inconsistent:insensitive {
234 background-image: -gtk-win32-theme-part(button, 2 4, over (2 8, 0.3));
237 .radio:inconsistent:prelight {
238 background-image: -gtk-win32-theme-part(button, 2 4, over(2 6, 0.3));
243 /* TODO: Win32 has different concept for upper and lower trough, we
244 don't use this atm */
247 background-color: transparent;
248 -GtkRange-trough-border: 0;
249 -GtkRange-arrow-scaling: 0.0;
250 -GtkRange-slider-width: -gtk-win32-size(scrollbar, 3);
253 .scrollbar.vertical {
254 -GtkRange-slider-width: -gtk-win32-size(scrollbar, 2);
257 .scrollbar.button.bottom {
258 background-image: -gtk-win32-theme-part(scrollbar, 1 5);
261 .scrollbar.button.bottom:prelight {
262 background-image: -gtk-win32-theme-part(scrollbar, 1 6);
265 .scrollbar.button.bottom:active,
266 .scrollbar.button.bottom:active:prelight {
267 background-image: -gtk-win32-theme-part(scrollbar, 1 7);
270 .scrollbar.button.bottom:insensitive {
271 background-image: -gtk-win32-theme-part(scrollbar, 1 8);
274 .scrollbar.button.top {
275 background-image: -gtk-win32-theme-part(scrollbar, 1 1);
278 .scrollbar.button.top:prelight {
279 background-image: -gtk-win32-theme-part(scrollbar, 1 2);
282 .scrollbar.button.top:active,
283 .scrollbar.button.top:active:prelight {
284 background-image: -gtk-win32-theme-part(scrollbar, 1 3);
287 .scrollbar.button.top:insensitive {
288 background-image: -gtk-win32-theme-part(scrollbar, 1 4);
291 .scrollbar.button.left {
292 background-image: -gtk-win32-theme-part(scrollbar, 1 9);
295 .scrollbar.button.left:prelight {
296 background-image: -gtk-win32-theme-part(scrollbar, 1 10);
299 .scrollbar.button.left:active,
300 .scrollbar.button.left:active:prelight {
301 background-image: -gtk-win32-theme-part(scrollbar, 1 11);
304 .scrollbar.button.left:insensitive {
305 background-image: -gtk-win32-theme-part(scrollbar, 1 12);
308 .scrollbar.button.right {
309 background-image: -gtk-win32-theme-part(scrollbar, 1 13);
312 .scrollbar.button.right:prelight {
313 background-image: -gtk-win32-theme-part(scrollbar, 1 14);
316 .scrollbar.button.right:active,
317 .scrollbar.button.right:active:prelight {
318 background-image: -gtk-win32-theme-part(scrollbar, 1 15);
321 .scrollbar.button.right:insensitive {
322 background-image: -gtk-win32-theme-part(scrollbar, 1 16);
327 background-image: -gtk-win32-theme-part(scrollbar, 2 1, over (4 1));
330 .scrollbar.trough.vertical {
332 background-image: -gtk-win32-theme-part(scrollbar, 2 1, over (6 1));
337 background-image: -gtk-win32-theme-part(scrollbar, 2 1, over (8 1));
340 .scrollbar.slider:prelight {
341 background-image: -gtk-win32-theme-part(scrollbar, 2 2, over (8 2));
344 .scrollbar.slider.vertical {
345 background-image: -gtk-win32-theme-part(scrollbar, 3 1, over (9 1));
348 .scrollbar.slider.vertical:prelight {
349 background-image: -gtk-win32-theme-part(scrollbar, 3 2, over (9 2));
354 /* We apply the border as a border combined with the background so that
355 gtk_entry_set_has_frame works */
360 border-image: -gtk-win32-theme-part(edit, 6 1) 1 1 1 1 stretch;
361 background-image: -gtk-win32-theme-part(edit, 6 1, margins(-1 -1 -1 -1));
365 border-image: -gtk-win32-theme-part(edit, 6 4) 1 1 1 1 stretch;
366 background-image: -gtk-win32-theme-part(edit, 6 4, margins(-1 -1 -1 -1));
370 border-image: -gtk-win32-theme-part(edit, 6 2) 1 1 1 1 stretch;
371 background-image: -gtk-win32-theme-part(edit, 6 2, margins(-1 -1 -1 -1));
374 border-image: -gtk-win32-theme-part(edit, 6 3) 1 1 1 1 stretch;
375 background-image: -gtk-win32-theme-part(edit, 6 3, margins(-1 -1 -1 -1));
381 .spinbutton .button:focused {
382 background-color: transparent;
383 background-image: -gtk-win32-theme-part(spin, 1 1, margins(-1 -1 0 -1));
384 color: rgba(0, 0, 0, 0);
387 .spinbutton .button:last-child {
388 background-image: -gtk-win32-theme-part(spin, 1 1, margins(-1 -1 0 -2));
391 .spinbutton .button:prelight,
392 .spinbutton .button:prelight:focused {
393 background-image: -gtk-win32-theme-part(spin, 1 2, margins(-1 -1 0 -1));
396 .spinbutton .button:active,
397 .spinbutton .button:active:prelight,
398 .spinbutton .button:active:focused,
399 .spinbutton .button:active:prelight:focused {
400 background-image: -gtk-win32-theme-part(spin, 1 3, margins(-1 -1 0 -1));
403 .spinbutton .button:insensitive {
404 background-image: -gtk-win32-theme-part(spin, 1 4, margins(-1 -1 0 -1));
407 .spinbutton .button:insensitive:last-child {
408 background-image: -gtk-win32-theme-part(spin, 1 4, margins(-1 -1 0 -2));
411 .spinbutton .button.bottom,
412 .spinbutton .button.bottom:focused {
413 background-image: -gtk-win32-theme-part(spin, 2 1);
416 .spinbutton .button.bottom:prelight,
417 .spinbutton .button.bottom:prelight:focused {
418 background-image: -gtk-win32-theme-part(spin, 2 2);
421 .spinbutton .button.bottom:active,
422 .spinbutton .button.bottom:active:prelight {
423 background-image: -gtk-win32-theme-part(spin, 2 3);
426 .spinbutton .button.bottom:insensitive {
427 background-image: -gtk-win32-theme-part(spin, 2 4);
432 /* TODO: The trough is not quite right, it covers everything,
433 but in win32 the slider 'sticks out' on the sides of the
437 background-color: transparent;
438 -GtkScale-value-spacing: 0;
439 -GtkScale-slider-length: 9;
440 -GtkRange-slider-width: 20;
441 -GtkRange-trough-border: 0;
447 background-image: -gtk-win32-theme-part(trackbar, 1 1, margins (2 0 2 0));
450 .scale.trough.vertical {
451 background-image: -gtk-win32-theme-part(trackbar, 1 1, margins (0 2 0 2));
455 background-color: transparent;
457 color: rgba(0,0,0,0);
458 background-image: -gtk-win32-theme-part(trackbar, 3 1);
461 .scale.slider:prelight {
462 background-image: -gtk-win32-theme-part(trackbar, 3 2);
465 .scale.slider:active,
466 .scale.slider:prelight:active {
467 background-image: -gtk-win32-theme-part(trackbar, 3 3);
470 .scale.slider:focus {
471 background-image: -gtk-win32-theme-part(trackbar, 3 4);
474 .scale.slider:insensitive {
475 background-image: -gtk-win32-theme-part(trackbar, 3 5);
478 .scale.slider.vertical {
479 background-image: -gtk-win32-theme-part(trackbar, 6 1);
482 .scale.slider.vertical:prelight {
483 background-image: -gtk-win32-theme-part(trackbar, 6 2);
486 .scale.slider.vertical:active,
487 .scale.slider.vertical:prelight:active {
488 background-image: -gtk-win32-theme-part(trackbar, 6 3);
491 .scale.slider.vertical:focus {
492 background-image: -gtk-win32-theme-part(trackbar, 6 4);
495 .scale.slider.vertical:insensitive {
496 background-image: -gtk-win32-theme-part(trackbar, 6 5);
499 .scale.slider.scale-has-marks-below {
500 background-image: -gtk-win32-theme-part(trackbar, 4 1);
503 .scale.slider.scale-has-marks-below:prelight {
504 background-image: -gtk-win32-theme-part(trackbar, 4 2);
507 .scale.slider.scale-has-marks-below:active,
508 .scale.slider.scale-has-marks-below:prelight:active {
509 background-image: -gtk-win32-theme-part(trackbar, 4 3);
512 .scale.slider.scale-has-marks-below:focus {
513 background-image: -gtk-win32-theme-part(trackbar, 4 4);
516 .scale.slider.scale-has-marks-below:insensitive {
517 background-image: -gtk-win32-theme-part(trackbar, 4 5);
520 .scale.slider.scale-has-marks-below.vertical {
521 background-image: -gtk-win32-theme-part(trackbar, 8 1);
524 .scale.slider.scale-has-marks-below.vertical:prelight {
525 background-image: -gtk-win32-theme-part(trackbar, 8 2);
528 .scale.slider.scale-has-marks-below.vertical:active,
529 .scale.slider.scale-has-marks-below.vertical:prelight:active {
530 background-image: -gtk-win32-theme-part(trackbar, 8 3);
533 .scale.slider.scale-has-marks-below.vertical:focus {
534 background-image: -gtk-win32-theme-part(trackbar, 8 4);
537 .scale.slider.scale-has-marks-below.vertical:insensitive {
538 background-image: -gtk-win32-theme-part(trackbar, 8 5);
543 .scale.slider.scale-has-marks-above {
544 background-image: -gtk-win32-theme-part(trackbar, 5 1);
547 .scale.slider.scale-has-marks-above:prelight {
548 background-image: -gtk-win32-theme-part(trackbar, 5 2);
551 .scale.slider.scale-has-marks-above:active,
552 .scale.slider.scale-has-marks-above:prelight:active {
553 background-image: -gtk-win32-theme-part(trackbar, 5 3);
556 .scale.slider.scale-has-marks-above:focus {
557 background-image: -gtk-win32-theme-part(trackbar, 5 4);
560 .scale.slider.scale-has-marks-above:insensitive {
561 background-image: -gtk-win32-theme-part(trackbar, 5 5);
564 .scale.slider.scale-has-marks-above.vertical {
565 background-image: -gtk-win32-theme-part(trackbar, 7 1);
568 .scale.slider.scale-has-marks-above.vertical:prelight {
569 background-image: -gtk-win32-theme-part(trackbar, 7 2);
572 .scale.slider.scale-has-marks-above.vertical:active,
573 .scale.slider.scale-has-marks-above.vertical:prelight:active {
574 background-image: -gtk-win32-theme-part(trackbar, 7 3);
577 .scale.slider.scale-has-marks-above.vertical:focus {
578 background-image: -gtk-win32-theme-part(trackbar, 7 4);
581 .scale.slider.scale-has-marks-above.vertical:insensitive {
582 background-image: -gtk-win32-theme-part(trackbar, 7 5);
588 background-color: transparent;
592 GtkProgressBar.trough {
594 background-image: -gtk-win32-theme-part(progress, 1 1);
597 GtkProgressBar.progressbar,
598 GtkEntry.progressbar,
599 GtkEntry.progressbar:focused {
601 background-image: -gtk-win32-theme-part(progress, 5 1);
604 GtkProgressBar.progressbar.pulse,
605 GtkEntry.progressbar.pulse,
606 GtkEntry.progressbar.pulse:focused {
607 background-color: transparent;
608 background-image: -gtk-win32-theme-part(progress, 8 1);
611 GtkProgressBar.trough.vertical {
612 background-image: -gtk-win32-theme-part(progress, 2 1);
615 .progressbar.vertical {
616 background-image: -gtk-win32-theme-part(progress, 6 1);
619 .progressbar.pulse.vertical {
620 background-image: -gtk-win32-theme-part(progress, 10 1);
625 GtkComboBox.combobox-entry .button {
626 background-color: transparent;
628 background-image: -gtk-win32-theme-part(combobox, 1 1);
629 color: rgba(0, 0, 0, 0);
632 GtkComboBox.combobox-entry .button:prelight,
633 GtkComboBox.combobox-entry .button:focused,
634 GtkComboBox.combobox-entry .button:prelight:focused {
635 background-image: -gtk-win32-theme-part(combobox, 1 2);
637 GtkComboBox.combobox-entry .button:active,
638 GtkComboBox.combobox-entry .button:active:focused,
639 GtkComboBox.combobox-entry .button:active:prelight,
640 GtkComboBox.combobox-entry .button:active:focused:prelight {
641 background-image: -gtk-win32-theme-part(combobox, 1 3);
643 GtkComboBox.combobox-entry .button:insensitive {
644 background-image: -gtk-win32-theme-part(combobox, 1 4);
647 GtkComboBox .separator {
648 /* always disable separators */
649 -GtkWidget-wide-separators: true;
650 -GtkWidget-horizontal-separator: 0;
651 -GtkWidget-vertical-separator: 0;
657 background-color: #ffffff;
658 border-width: 1px 1px 1px 1px;
660 background-origin: padding-box;
661 background-clip: border-box;
662 background-image: -gtk-win32-theme-part(tab, 9 1, margins(-1 -3 -2 -1));
663 border-image: -gtk-win32-theme-part(tab, 9 1, margins(0 -2 -1 0)) 1 1 1 1 repeat;
664 -GtkNotebook-tab-overlap: 1;
665 -GtkNotebook-tab-curvature: 0;
670 background-image: -gtk-win32-theme-part(tab, 1 1);
671 padding: 0px 4px 0px 4px;
674 .notebook tab.left, .notebook tab.right {
675 padding: 4px 0px 4px 0px;
678 .notebook tab:active {
679 background-image: -gtk-win32-theme-part(tab, 1 3, margins(0 0 -1 0));
681 .notebook tab:active.top {
682 padding: 2px 4px 1px 4px;
685 .notebook tab:active.bottom {
686 padding: 1px 4px 2px 4px;
689 .notebook tab:active.right {
690 padding: 4px 4px 4px 1px;
693 .notebook tab:active.left {
694 padding: 4px 1px 4px 4px;
700 background-color: transparent;
702 background-image: -gtk-win32-theme-part(rebar, 6 1);
706 .toolbar .button:focused {
707 background-color: transparent;
708 background-image: -gtk-win32-theme-part(toolbar, 1 1);
711 .toolbar .button:prelight,
712 .toolbar .button:prelight:focused {
713 background-image: -gtk-win32-theme-part(toolbar, 1 2);
716 .toolbar .button:active {
717 background-image: -gtk-win32-theme-part(toolbar, 1 3);
720 .toolbar .button:active:prelight {
721 background-image: -gtk-win32-theme-part(toolbar, 1 6);
724 .toolbar .button:insensitive {
725 background-image: -gtk-win32-theme-part(toolbar, 1 4);
730 column-header .button,
731 column-header .button:focus {
732 background-color: transparent;
734 background-image: -gtk-win32-theme-part(header, 1 1);
737 column-header .button:prelight,
738 column-header .button:prelight:focus {
739 background-image: -gtk-win32-theme-part(header, 1 2);
742 column-header .button:active,
743 column-header .button:active:prelight,
744 column-header .button:active:focus,
745 column-header .button:active:prelight:focus {
746 background-image: -gtk-win32-theme-part(header, 1 3);
750 font: bold condensed 10;
751 color: -gtk-win32-color(button, 18);
756 background-color: transparent;
757 background-image: -gtk-win32-theme-part(scrollbar, 2 1, over (8 1));
761 GtkSwitch.trough:insensitive {
762 background-image: -gtk-win32-theme-part(button, 1 4);
766 background-image: -gtk-win32-theme-part(button, 1 1);
769 GtkSwitch.trough:active {
770 background-image: -gtk-win32-theme-part(button, 1 2);
776 background-color: -gtk-win32-color(button, 4);
777 border-color: shade (-gtk-win32-color(button, 4), 0.6);
784 color: -gtk-win32-color(button, 7);
787 .menubar .menuitem *:backdrop {
788 color: mix (-gtk-win32-color(button, 7), white, 0.5);
791 .menubar > .menuitem {
797 GtkAssistant .sidebar .highlight {
798 background-color: blue;
802 GtkAssistant .sidebar {
805 background-color: white;
808 border-width: 0 1px 0 0;
817 GtkColorSwatch:prelight {
818 border-color: shade (@bg_color, 0.2);
822 .separator:prelight {
823 color: shade (@bg_color, 0.6);
827 background-image: -gtk-win32-theme-part(rebar, 1 1);
829 /* Use this when background-position is supported
830 background-size: 20px 20px;
831 background-repeat: no-repeat;
832 background-position: center;
836 GtkStatusbar > GtkFrame {
837 border-width: 1px 1px 1px 1px;
839 border-image: -gtk-win32-theme-part(status, 0 0, margins (-1 0 0 0)) 2 1 1 1 stretch;
840 background-image: none;
844 This doesn't quite look right with no background (i.e. when not on a statusbar
847 background-color: transparent;
848 background-image: -gtk-win32-theme-part(status, 3 1);