ASCII text
1
# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
2
#
3
# This is the main theme file, handling all the default widgets and theme
4
# properties. Since GTK 2 is old, we need to overcome some of its limitations,
5
# which is also mostly done in this file. Sadly not all of them can be overcome
6
# so there will always be a visible difference between the GTK 2 and 3 theme.
7
style "default" {
9
xthickness = 2
10
ythickness = 2
11
####################
13
# Style Properties #
14
####################
15
GtkWidget::focus-padding = 0
17
GtkWidget::focus-line-width = 4
18
GtkWidget::focus-line-pattern = "\2\1"
19
GtkToolbar::space-size = 10 # 2 + 4*2 (separator + margins)
21
GtkToolbar::internal-padding = 4
22
GtkToolButton::icon-spacing = 8
23
GtkWidget::tooltip-radius = 8
25
GtkWidget::tooltip-alpha = 230
26
GtkWidget::new-tooltip-style = 1 #for compatibility
27
GtkWidget::link-color = @link_color
29
GtkWidget::visited-link-color = @visited_link_color
30
GnomeHRef::link_color = @link_color
31
GtkHTML::link-color = @link_color
32
GtkHTML::vlink-color = @visited_link_color
33
GtkIMHtml::hyperlink-color = @link_color
34
GtkIMHtml::hyperlink-visited-color = @visited_link_color
35
GtkSeparatorMenuItem::horizontal-padding = 0
37
GtkSeparatorMenuItem::wide-separators = 1
38
GtkSeparatorMenuItem::separator-height = 6
39
GtkButton::child-displacement-y = 0
41
GtkButton::default-border = {0, 0, 0, 0}
43
GtkButton::default-outside-border = {0, 0, 0, 0}
44
GtkButton::inner-border = {8, 8, 8, 8}
45
GtkEntry::state-hint = 1
47
GtkEntry::inner-border = {8, 8, 8, 8}
48
GtkPaned::handle-size = 16
50
GtkHPaned::handle-size = 16
51
GtkVPaned::handle-size = 16
52
GtkScrollbar::trough-border = 0
54
GtkRange::trough-border = 0
55
GtkRange::slider-width = 34
56
GtkRange::stepper-size = 0
57
GtkRange::activate-slider = 1
58
GtkScrollbar::activate-slider = 1
60
GtkScrollbar::stepper-size = 0
61
GtkScrollbar::has-backward-stepper = 0
62
GtkScrollbar::has-forward-stepper = 0
63
GtkScrollbar::min-slider-length = 64 # 48 + 2*8 (margins)
64
GtkScrolledWindow::scrollbar-spacing = 0
65
GtkScrolledWindow::scrollbars-within-bevel = 1
66
GtkScale::slider_length = 48
68
GtkScale::slider_width = 48
69
GtkScale::trough-side-details = 1
70
GtkProgressBar::min-horizontal-bar-height = 8
72
GtkProgressBar::min-vertical-bar-width = 8
73
GtkProgressBar::xspacing = 8
74
GtkProgressBar::yspacing = 8
75
GtkStatusbar::shadow_type = GTK_SHADOW_NONE
77
GtkSpinButton::shadow_type = GTK_SHADOW_NONE
78
GtkMenuBar::shadow-type = GTK_SHADOW_NONE
79
GtkToolbar::shadow-type = GTK_SHADOW_NONE
80
# TODO: find out what this comment means:
81
# ( every window is misaligned for the sake of menus ):
82
GtkMenuBar::internal-padding = 0
83
GtkMenu::horizontal-padding = 0
84
GtkMenu::vertical-padding = 8
85
GtkMenu::double-arrows = 0
86
GtkMenuItem::arrow-scaling = 1
87
GtkMenuItem::toggle-spacing = 24
88
GtkCheckButton::indicator-size = 48
90
GtkCheckButton::indicator_spacing = 4
91
GtkOptionMenu::indicator_spacing = {16, 16, 8, 8}
92
GtkTreeView::expander-size = 32
94
GtkTreeView::vertical-separator = 0
95
GtkTreeView::horizontal-separator = 8
96
GtkTreeView::allow-rules = 0
97
# Set this because some apps read it
98
GtkTreeView::odd-row-color = @base_color
99
GtkTreeView::even-row-color = @base_color
100
GtkExpander::expander-size = 32
102
GtkNotebook::tab-overlap = 0
104
##########
106
# Colors #
107
##########
108
bg[NORMAL] = @bg_color
110
bg[PRELIGHT] = @bg_color
111
bg[SELECTED] = mix (0.24, @selected_bg_color, @bg_color)
112
bg[INSENSITIVE] = @bg_color
113
bg[ACTIVE] = @bg_color
114
fg[NORMAL] = @fg_color
116
fg[PRELIGHT] = @fg_color
117
fg[SELECTED] = @fg_color
118
fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color)
119
fg[ACTIVE] = @fg_color
120
text[NORMAL] = @text_color
122
text[PRELIGHT] = @text_color
123
text[SELECTED] = @text_color
124
text[INSENSITIVE] = mix (0.5, @text_color, @base_color)
125
text[ACTIVE] = @text_color
126
base[NORMAL] = @base_color
128
base[PRELIGHT] = mix (0.08, @text_color, @base_color)
129
base[SELECTED] = mix (0.24, @selected_bg_color, @base_color)
130
base[INSENSITIVE] = mix (0.5, @base_color, @bg_color)
131
base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color)
132
# For succinctness, all reasonable pixmap options remain here
134
# Draw frame around menu in a non-compositied environment
136
# This needs to go before pixmap because we need to override some stuff
137
engine "adwaita" {}
138
engine "pixmap" {
140
#################
142
# Check Buttons #
143
#################
144
image {
146
function = CHECK
147
state = NORMAL
148
shadow = OUT
149
overlay_file = "assets/checkbox-unchecked.png"
150
overlay_stretch = FALSE
151
}
152
image {
154
function = CHECK
155
state = PRELIGHT
156
shadow = OUT
157
overlay_file = "assets/checkbox-unchecked-hover.png"
158
overlay_stretch = FALSE
159
}
160
image {
162
function = CHECK
163
state = ACTIVE
164
shadow = OUT
165
overlay_file = "assets/checkbox-unchecked-active.png"
166
overlay_stretch = FALSE
167
}
168
image {
170
function = CHECK
171
state = SELECTED
172
shadow = OUT
173
overlay_file = "assets/checkbox-unchecked.png"
174
overlay_stretch = FALSE
175
}
176
image {
178
function = CHECK
179
state = INSENSITIVE
180
shadow = OUT
181
overlay_file = "assets/checkbox-unchecked-disabled.png"
182
overlay_stretch = FALSE
183
}
184
image {
186
function = CHECK
187
state = NORMAL
188
shadow = IN
189
overlay_file = "assets/checkbox-checked.png"
190
overlay_stretch = FALSE
191
}
192
image {
194
function = CHECK
195
state = PRELIGHT
196
shadow = IN
197
overlay_file = "assets/checkbox-checked-hover.png"
198
overlay_stretch = FALSE
199
}
200
image {
202
function = CHECK
203
state = ACTIVE
204
shadow = IN
205
overlay_file = "assets/checkbox-checked-active.png"
206
overlay_stretch = FALSE
207
}
208
image {
210
function = CHECK
211
state = SELECTED
212
shadow = IN
213
overlay_file = "assets/checkbox-checked.png"
214
overlay_stretch = FALSE
215
}
216
image {
218
function = CHECK
219
state = INSENSITIVE
220
shadow = IN
221
overlay_file = "assets/checkbox-checked-disabled.png"
222
overlay_stretch = FALSE
223
}
224
image {
226
function = CHECK
227
state = NORMAL
228
shadow = ETCHED_IN
229
overlay_file = "assets/checkbox-mixed.png"
230
overlay_stretch = FALSE
231
}
232
image {
234
function = CHECK
235
state = PRELIGHT
236
shadow = ETCHED_IN
237
overlay_file = "assets/checkbox-mixed-hover.png"
238
overlay_stretch = FALSE
239
}
240
image {
242
function = CHECK
243
state = ACTIVE
244
shadow = ETCHED_IN
245
overlay_file = "assets/checkbox-mixed-active.png"
246
overlay_stretch = FALSE
247
}
248
image {
250
function = CHECK
251
state = SELECTED
252
shadow = ETCHED_IN
253
overlay_file = "assets/checkbox-mixed.png"
254
overlay_stretch = FALSE
255
}
256
image {
258
function = CHECK
259
state = INSENSITIVE
260
shadow = ETCHED_IN
261
overlay_file = "assets/checkbox-mixed-disabled.png"
262
overlay_stretch = FALSE
263
}
264
#################
266
# Radio Buttons #
267
#################
268
image {
270
function = OPTION
271
state = NORMAL
272
shadow = OUT
273
overlay_file = "assets/radio-unchecked.png"
274
overlay_stretch = FALSE
275
}
276
image {
278
function = OPTION
279
state = PRELIGHT
280
shadow = OUT
281
overlay_file = "assets/radio-unchecked-hover.png"
282
overlay_stretch = FALSE
283
}
284
image {
286
function = OPTION
287
state = ACTIVE
288
shadow = OUT
289
overlay_file = "assets/radio-unchecked-active.png"
290
overlay_stretch = FALSE
291
}
292
image {
294
function = OPTION
295
state = SELECTED
296
shadow = OUT
297
overlay_file = "assets/radio-unchecked.png"
298
overlay_stretch = FALSE
299
}
300
image {
302
function = OPTION
303
state = INSENSITIVE
304
shadow = OUT
305
overlay_file = "assets/radio-unchecked-disabled.png"
306
overlay_stretch = FALSE
307
}
308
image {
310
function = OPTION
311
state = NORMAL
312
shadow = IN
313
overlay_file = "assets/radio-checked.png"
314
overlay_stretch = FALSE
315
}
316
image {
318
function = OPTION
319
state = PRELIGHT
320
shadow = IN
321
overlay_file = "assets/radio-checked-hover.png"
322
overlay_stretch = FALSE
323
}
324
image {
326
function = OPTION
327
state = ACTIVE
328
shadow = IN
329
overlay_file = "assets/radio-checked-active.png"
330
overlay_stretch = FALSE
331
}
332
image {
334
function = OPTION
335
state = SELECTED
336
shadow = IN
337
overlay_file = "assets/radio-checked.png"
338
overlay_stretch = FALSE
339
}
340
image {
342
function = OPTION
343
state = INSENSITIVE
344
shadow = IN
345
overlay_file = "assets/radio-checked-disabled.png"
346
overlay_stretch = FALSE
347
}
348
image {
350
function = OPTION
351
state = NORMAL
352
shadow = ETCHED_IN
353
overlay_file = "assets/radio-mixed.png"
354
overlay_stretch = FALSE
355
}
356
image {
358
function = OPTION
359
state = PRELIGHT
360
shadow = ETCHED_IN
361
overlay_file = "assets/radio-mixed-hover.png"
362
overlay_stretch = FALSE
363
}
364
image {
366
function = OPTION
367
state = ACTIVE
368
shadow = ETCHED_IN
369
overlay_file = "assets/radio-mixed-active.png"
370
overlay_stretch = FALSE
371
}
372
image {
374
function = OPTION
375
state = SELECTED
376
shadow = ETCHED_IN
377
overlay_file = "assets/radio-mixed.png"
378
overlay_stretch = FALSE
379
}
380
image {
382
function = OPTION
383
state = INSENSITIVE
384
shadow = ETCHED_IN
385
overlay_file = "assets/radio-mixed-disabled.png"
386
overlay_stretch = FALSE
387
}
388
##########
390
# Arrows #
391
##########
392
# Overrides
394
# Disable arrows in spinbuttons
396
image {
397
function = ARROW
398
detail = "spinbutton"
399
}
400
# Disable arrows for qt in scrollbars
402
image {
404
function = ARROW
405
detail = "vscrollbar"
406
}
407
image {
409
function = ARROW
410
detail = "hscrollbar"
411
}
412
# Menu arrows
414
image {
416
function = ARROW
417
state = NORMAL
418
detail = "menuitem"
419
overlay_file = "assets/pan-left.png"
420
overlay_stretch = FALSE
421
arrow_direction = LEFT
422
}
423
image {
425
function = ARROW
426
state = PRELIGHT
427
detail = "menuitem"
428
overlay_file = "assets/pan-left.png"
429
overlay_stretch = FALSE
430
arrow_direction = LEFT
431
}
432
image {
434
function = ARROW
435
state = INSENSITIVE
436
detail = "menuitem"
437
overlay_file = "assets/pan-left-disabled.png"
438
overlay_stretch = FALSE
439
arrow_direction = LEFT
440
}
441
image {
443
function = ARROW
444
state = NORMAL
445
detail = "menuitem"
446
overlay_file = "assets/pan-right.png"
447
overlay_stretch = FALSE
448
arrow_direction = RIGHT
449
}
450
image {
452
function = ARROW
453
state = PRELIGHT
454
detail = "menuitem"
455
overlay_file = "assets/pan-right.png"
456
overlay_stretch = FALSE
457
arrow_direction = RIGHT
458
}
459
image {
461
function = ARROW
462
state = INSENSITIVE
463
detail = "menuitem"
464
overlay_file = "assets/pan-right-disabled.png"
465
overlay_stretch = FALSE
466
arrow_direction = RIGHT
467
}
468
image {
470
function = ARROW
471
state = INSENSITIVE
472
detail = "menu_scroll_arrow_up"
473
overlay_file = "assets/pan-up-disabled.png"
474
overlay_stretch = FALSE
475
}
476
image {
478
function = ARROW
479
detail = "menu_scroll_arrow_up"
480
overlay_file = "assets/pan-up.png"
481
overlay_stretch = FALSE
482
}
483
image {
485
function = ARROW
486
state = INSENSITIVE
487
detail = "menu_scroll_arrow_down"
488
overlay_file = "assets/pan-down-disabled.png"
489
overlay_stretch = FALSE
490
}
491
image {
493
function = ARROW
494
detail = "menu_scroll_arrow_down"
495
overlay_file = "assets/pan-down.png"
496
overlay_stretch = FALSE
497
}
498
# Regular arrows
500
image {
502
function = ARROW
503
state = NORMAL
504
overlay_file = "assets/pan-up.png"
505
overlay_stretch = FALSE
506
arrow_direction = UP
507
}
508
image {
510
function = ARROW
511
state = PRELIGHT
512
overlay_file = "assets/pan-up.png"
513
overlay_stretch = FALSE
514
arrow_direction = UP
515
}
516
image {
518
function = ARROW
519
state = ACTIVE
520
overlay_file = "assets/pan-up.png"
521
overlay_stretch = FALSE
522
arrow_direction = UP
523
}
524
image {
526
function = ARROW
527
state = INSENSITIVE
528
overlay_file = "assets/pan-up-disabled.png"
529
overlay_stretch = FALSE
530
arrow_direction = UP
531
}
532
image {
534
function = ARROW
535
state = NORMAL
536
overlay_file = "assets/pan-down.png"
537
overlay_stretch = FALSE
538
arrow_direction = DOWN
539
}
540
image {
542
function = ARROW
543
state = PRELIGHT
544
overlay_file = "assets/pan-down.png"
545
overlay_stretch = FALSE
546
arrow_direction = DOWN
547
}
548
image {
550
function = ARROW
551
state = ACTIVE
552
overlay_file = "assets/pan-down.png"
553
overlay_stretch = FALSE
554
arrow_direction = DOWN
555
}
556
image {
558
function = ARROW
559
state = INSENSITIVE
560
overlay_file = "assets/pan-down-disabled.png"
561
overlay_stretch = FALSE
562
arrow_direction = DOWN
563
}
564
image {
566
function = ARROW
567
state = NORMAL
568
overlay_file = "assets/pan-left.png"
569
overlay_stretch = FALSE
570
arrow_direction = LEFT
571
}
572
image {
574
function = ARROW
575
state = PRELIGHT
576
overlay_file = "assets/pan-left.png"
577
overlay_stretch = FALSE
578
arrow_direction = LEFT
579
}
580
image {
582
function = ARROW
583
state = ACTIVE
584
overlay_file = "assets/pan-left.png"
585
overlay_stretch = FALSE
586
arrow_direction = LEFT
587
}
588
image {
590
function = ARROW
591
state = INSENSITIVE
592
overlay_file = "assets/pan-left-disabled.png"
593
overlay_stretch = FALSE
594
arrow_direction = LEFT
595
}
596
image {
598
function = ARROW
599
state = NORMAL
600
overlay_file = "assets/pan-right.png"
601
overlay_stretch = FALSE
602
arrow_direction = RIGHT
603
}
604
image {
606
function = ARROW
607
state = PRELIGHT
608
overlay_file = "assets/pan-right.png"
609
overlay_stretch = FALSE
610
arrow_direction = RIGHT
611
}
612
image {
614
function = ARROW
615
state = ACTIVE
616
overlay_file = "assets/pan-right.png"
617
overlay_stretch = FALSE
618
arrow_direction = RIGHT
619
}
620
image {
622
function = ARROW
623
state = INSENSITIVE
624
overlay_file = "assets/pan-right-disabled.png"
625
overlay_stretch = FALSE
626
arrow_direction = RIGHT
627
}
628
######################
630
# Option Menu Arrows #
631
######################
632
image {
634
function = TAB
635
state = NORMAL
636
overlay_file = "assets/pan-down.png"
637
overlay_stretch = FALSE
638
}
639
image {
641
function = TAB
642
state = PRELIGHT
643
overlay_file = "assets/pan-down.png"
644
overlay_stretch = FALSE
645
}
646
image {
648
function = TAB
649
state = ACTIVE
650
overlay_file = "assets/pan-down.png"
651
overlay_stretch = FALSE
652
}
653
image {
655
function = TAB
656
state = INSENSITIVE
657
overlay_file = "assets/pan-down-disabled.png"
658
overlay_stretch = FALSE
659
}
660
#########
662
# Lines #
663
#########
664
image {
666
function = VLINE
667
file = "assets/border.png"
668
border = {2, 0, 0, 0}
669
}
670
image {
672
function = HLINE
673
file = "assets/border.png"
674
border = {0, 0, 2, 0}
675
}
676
#########
678
# Focus #
679
#########
680
image {
682
function = FOCUS
683
file = "assets/focus.png"
684
border = {10, 10, 10, 10} # Super strange, {8, 8, 8, 8} does not work properly...
685
stretch = TRUE
686
}
687
###########
689
# Handles #
690
###########
691
image {
693
function = HANDLE
694
detail = "handlebox"
695
overlay_file = "assets/handle-vert.png"
696
overlay_stretch = FALSE
697
}
698
image {
700
function = HANDLE
701
state = NORMAL
702
overlay_file = "assets/handle-horz.png"
703
overlay_stretch = FALSE
704
orientation = HORIZONTAL
705
}
706
image {
708
function = HANDLE
709
state = PRELIGHT
710
overlay_file = "assets/handle-horz-hover.png"
711
overlay_stretch = FALSE
712
orientation = HORIZONTAL
713
}
714
image {
716
function = HANDLE
717
state = ACTIVE
718
overlay_file = "assets/handle-horz-active.png"
719
overlay_stretch = FALSE
720
orientation = HORIZONTAL
721
}
722
image {
724
function = HANDLE
725
state = NORMAL
726
overlay_file = "assets/handle-vert.png"
727
overlay_stretch = FALSE
728
orientation = VERTICAL
729
}
730
image {
732
function = HANDLE
733
state = PRELIGHT
734
overlay_file = "assets/handle-vert-hover.png"
735
overlay_stretch = FALSE
736
orientation = VERTICAL
737
}
738
image {
740
function = HANDLE
741
state = ACTIVE
742
overlay_file = "assets/handle-vert-active.png"
743
overlay_stretch = FALSE
744
orientation = VERTICAL
745
}
746
image {
748
function = RESIZE_GRIP
749
}
750
#############
752
# Expanders #
753
#############
754
image {
756
function = EXPANDER
757
expander_style = EXPANDED
758
state = NORMAL
759
file = "assets/pan-down.png"
760
}
761
image {
763
function = EXPANDER
764
expander_style = EXPANDED
765
state = PRELIGHT
766
file = "assets/pan-down-alt.png"
767
}
768
image {
770
function = EXPANDER
771
expander_style = EXPANDED
772
state = ACTIVE
773
file = "assets/pan-down-alt.png"
774
}
775
image {
777
function = EXPANDER
778
expander_style = EXPANDED
779
state = INSENSITIVE
780
file = "assets/pan-down-disabled.png"
781
}
782
# LTR
784
image {
786
function = EXPANDER
787
expander_style = COLLAPSED
788
state = NORMAL
789
file = "assets/pan-right.png"
790
direction = LTR
791
}
792
image {
794
function = EXPANDER
795
expander_style = COLLAPSED
796
state = PRELIGHT
797
file = "assets/pan-right-alt.png"
798
direction = LTR
799
}
800
image {
802
function = EXPANDER
803
expander_style = COLLAPSED
804
state = ACTIVE
805
file = "assets/pan-right-alt.png"
806
direction = LTR
807
}
808
image {
810
function = EXPANDER
811
expander_style = COLLAPSED
812
state = INSENSITIVE
813
file = "assets/pan-right-disabled.png"
814
direction = LTR
815
}
816
image {
818
function = EXPANDER
819
expander_style = SEMI_COLLAPSED
820
file = "assets/pan-right-semi.png"
821
direction = LTR
822
}
823
image {
825
function = EXPANDER
826
expander_style = SEMI_EXPANDED
827
file = "assets/pan-right-semi.png"
828
direction = LTR
829
}
830
# RTL
832
image {
834
function = EXPANDER
835
expander_style = COLLAPSED
836
state = NORMAL
837
file = "assets/pan-left.png"
838
direction = RTL
839
}
840
image {
842
function = EXPANDER
843
expander_style = COLLAPSED
844
state = PRELIGHT
845
file = "assets/pan-left-alt.png"
846
direction = RTL
847
}
848
image {
850
function = EXPANDER
851
expander_style = COLLAPSED
852
state = ACTIVE
853
file = "assets/pan-left-alt.png"
854
direction = RTL
855
}
856
image {
858
function = EXPANDER
859
expander_style = COLLAPSED
860
state = INSENSITIVE
861
file = "assets/pan-left-disabled.png"
862
direction = RTL
863
}
864
image {
866
function = EXPANDER
867
expander_style = SEMI_COLLAPSED
868
file = "assets/pan-left-semi.png"
869
direction = RTL
870
}
871
image {
873
function = EXPANDER
874
expander_style = SEMI_EXPANDED
875
file = "assets/pan-left-semi.png"
876
direction = RTL
877
}
878
#############
880
# Notebooks #
881
#############
882
# Left
884
image {
886
function = EXTENSION
887
state = NORMAL
888
file = "assets/tab.png"
889
border = {0, 2, 0, 0}
890
stretch = TRUE
891
gap_side = RIGHT
892
}
893
image {
895
function = EXTENSION
896
gap_side = RIGHT
897
}
898
# Right
900
image {
902
function = EXTENSION
903
state = NORMAL
904
file = "assets/tab.png"
905
border = {2, 0, 0, 0}
906
stretch = TRUE
907
gap_side = LEFT
908
}
909
image {
911
function = EXTENSION
912
gap_side = LEFT
913
}
914
# Up
916
image {
918
function = EXTENSION
919
state = NORMAL
920
file = "assets/tab.png"
921
border = {0, 0, 0, 2}
922
stretch = TRUE
923
gap_side = BOTTOM
924
}
925
image {
927
function = EXTENSION
928
gap_side = BOTTOM
929
}
930
# Down
932
image {
934
function = EXTENSION
935
state = NORMAL
936
file = "assets/tab.png"
937
border = {0, 0, 2, 0}
938
stretch = TRUE
939
gap_side = TOP
940
}
941
image {
943
function = EXTENSION
944
gap_side = TOP
945
}
946
# Inner frame
948
image {
950
function = BOX_GAP
951
detail = "notebook"
952
file = "assets/frame-notebook.png"
953
border = {2, 2, 2, 2}
954
stretch = TRUE
955
gap_file = "assets/tab.png"
956
gap_border = {2, 0, 0, 0}
957
gap_side = LEFT
958
}
959
image {
961
function = BOX_GAP
962
detail = "notebook"
963
file = "assets/frame-notebook.png"
964
border = {2, 2, 2, 2}
965
stretch = TRUE
966
gap_file = "assets/tab.png"
967
gap_border = {0, 2, 0, 0}
968
gap_side = RIGHT
969
}
970
image {
972
function = BOX_GAP
973
detail = "notebook"
974
file = "assets/frame-notebook.png"
975
border = {2, 2, 2, 2}
976
stretch = TRUE
977
gap_file = "assets/tab.png"
978
gap_border = {0, 0, 2, 0}
979
gap_side = TOP
980
}
981
image {
983
function = BOX_GAP
984
detail = "notebook"
985
file = "assets/frame-notebook.png"
986
border = {2, 2, 2, 2}
987
stretch = TRUE
988
gap_file = "assets/tab.png"
989
gap_border = {0, 0, 0, 2}
990
gap_side = BOTTOM
991
}
992
# Standalone frame
994
image {
995
function = BOX
996
detail = "notebook"
997
file = "assets/frame-notebook.png"
998
border = {2, 2, 2, 2}
999
stretch = TRUE
1000
}
1001
##############
1003
# Scrollbars #
1004
##############
1005
image {
1007
function = BOX
1008
detail = "trough"
1009
file = "assets/scrollbar-horz-trough.png"
1010
border = {0, 0, 2, 0}
1011
orientation = HORIZONTAL
1012
}
1013
image {
1015
function = BOX
1016
detail = "trough"
1017
file = "assets/scrollbar-vert-ltr-trough.png"
1018
border = {2, 0, 0, 0}
1019
orientation = VERTICAL
1020
direction = LTR
1021
}
1022
image {
1024
function = BOX
1025
detail = "trough"
1026
file = "assets/scrollbar-vert-rtl-trough.png"
1027
border = {0, 2, 0, 0}
1028
orientation = VERTICAL
1029
direction = RTL
1030
}
1031
# Horizontal sliders
1033
image {
1035
function = SLIDER
1036
state = NORMAL
1037
detail = "slider"
1038
file = "assets/scrollbar-horz-slider.png"
1039
border = {16, 16, 18, 16 }
1040
stretch = TRUE
1041
orientation = HORIZONTAL
1042
}
1043
image {
1045
function = SLIDER
1046
state = PRELIGHT
1047
detail = "slider"
1048
file = "assets/scrollbar-horz-slider-hover.png"
1049
border = {16, 16, 18, 16 }
1050
stretch = TRUE
1051
orientation = HORIZONTAL
1052
}
1053
image {
1055
function = SLIDER
1056
state = ACTIVE
1057
detail = "slider"
1058
file = "assets/scrollbar-horz-slider-active.png"
1059
border = {16, 16, 18, 16 }
1060
stretch = TRUE
1061
orientation = HORIZONTAL
1062
}
1063
image {
1065
function = SLIDER
1066
state = INSENSITIVE
1067
detail = "slider"
1068
file = "assets/scrollbar-horz-slider-disabled.png"
1069
border = {16, 16, 18, 16 }
1070
stretch = TRUE
1071
orientation = HORIZONTAL
1072
}
1073
# Vertical sliders
1075
image {
1077
function = SLIDER
1078
state = NORMAL
1079
detail = "slider"
1080
file = "assets/scrollbar-vert-ltr-slider.png"
1081
border = {18, 16, 16, 16}
1082
stretch = TRUE
1083
orientation = VERTICAL
1084
direction = LTR
1085
}
1086
image {
1088
function = SLIDER
1089
state = PRELIGHT
1090
detail = "slider"
1091
file = "assets/scrollbar-vert-ltr-slider-hover.png"
1092
border = {18, 16, 16, 16}
1093
stretch = TRUE
1094
orientation = VERTICAL
1095
direction = LTR
1096
}
1097
image {
1099
function = SLIDER
1100
state = ACTIVE
1101
detail = "slider"
1102
file = "assets/scrollbar-vert-ltr-slider-active.png"
1103
border = {18, 16, 16, 16}
1104
stretch = TRUE
1105
orientation = VERTICAL
1106
direction = LTR
1107
}
1108
image {
1110
function = SLIDER
1111
state = INSENSITIVE
1112
detail = "slider"
1113
file = "assets/scrollbar-vert-ltr-slider-disabled.png"
1114
border = {18, 16, 16, 16}
1115
stretch = TRUE
1116
orientation = VERTICAL
1117
direction = LTR
1118
}
1119
# RTL
1121
image {
1123
function = SLIDER
1124
state = NORMAL
1125
detail = "slider"
1126
file = "assets/scrollbar-vert-rtl-slider.png"
1127
border = {16, 18, 16, 16}
1128
stretch = TRUE
1129
orientation = VERTICAL
1130
direction = RTL
1131
}
1132
image {
1134
function = SLIDER
1135
state = PRELIGHT
1136
detail = "slider"
1137
file = "assets/scrollbar-vert-rtl-slider-hover.png"
1138
border = {16, 18, 16, 16}
1139
stretch = TRUE
1140
orientation = VERTICAL
1141
direction = RTL
1142
}
1143
image {
1145
function = SLIDER
1146
state = ACTIVE
1147
detail = "slider"
1148
file = "assets/scrollbar-vert-rtl-slider-active.png"
1149
border = {16, 18, 16, 16}
1150
stretch = TRUE
1151
orientation = VERTICAL
1152
direction = RTL
1153
}
1154
image {
1156
function = SLIDER
1157
state = INSENSITIVE
1158
detail = "slider"
1159
file = "assets/scrollbar-vert-rtl-slider-disabled.png"
1160
border = {16, 18, 16, 16}
1161
stretch = TRUE
1162
orientation = VERTICAL
1163
direction = RTL
1164
}
1165
##########
1167
# Scales #
1168
##########
1169
# Troughs, overrided later on. We set them here too because some widgets
1171
# don't specify their orientation.
1172
image {
1174
function = BOX
1175
detail = "trough-upper"
1176
file = "assets/scale-horz-trough.png"
1177
border = {12, 12, 0, 0}
1178
stretch = TRUE
1179
orientation = HORIZONTAL
1180
}
1181
image {
1183
function = BOX
1184
state = INSENSITIVE
1185
detail = "trough-upper"
1186
file = "assets/scale-horz-trough-disabled.png"
1187
border = {12, 12, 0, 0}
1188
stretch = TRUE
1189
orientation = HORIZONTAL
1190
}
1191
image {
1193
function = BOX
1194
detail = "trough-lower"
1195
file = "assets/scale-horz-trough-active.png"
1196
border = {12, 12, 0, 0}
1197
stretch = TRUE
1198
orientation = HORIZONTAL
1199
}
1200
image {
1202
function = BOX
1203
state = INSENSITIVE
1204
detail = "trough-lower"
1205
file = "assets/scale-horz-trough-disabled.png"
1206
border = {12, 12, 0, 0}
1207
stretch = TRUE
1208
orientation = HORIZONTAL
1209
}
1210
image {
1212
function = BOX
1213
detail = "trough-upper"
1214
file = "assets/scale-vert-trough.png"
1215
border = {0, 0, 12, 12}
1216
stretch = TRUE
1217
orientation = VERTICAL
1218
}
1219
image {
1221
function = BOX
1222
state = INSENSITIVE
1223
detail = "trough-upper"
1224
file = "assets/scale-vert-trough-disabled.png"
1225
border = {0, 0, 12, 12}
1226
stretch = TRUE
1227
orientation = VERTICAL
1228
}
1229
image {
1231
function = BOX
1232
detail = "trough-lower"
1233
file = "assets/scale-vert-trough-active.png"
1234
border = {0, 0, 12, 12}
1235
stretch = TRUE
1236
orientation = VERTICAL
1237
}
1238
image {
1240
function = BOX
1241
state = INSENSITIVE
1242
detail = "trough-lower"
1243
file = "assets/scale-vert-trough-disabled.png"
1244
border = {0, 0, 12, 12}
1245
stretch = TRUE
1246
orientation = VERTICAL
1247
}
1248
# Sliders
1250
image {
1252
function = SLIDER
1253
state = NORMAL
1254
detail = "hscale"
1255
file = "assets/scale-slider.png"
1256
}
1257
image {
1259
function = SLIDER
1260
state = PRELIGHT
1261
detail = "hscale"
1262
file = "assets/scale-slider-hover.png"
1263
}
1264
image {
1266
function = SLIDER
1267
state = ACTIVE
1268
detail = "hscale"
1269
file = "assets/scale-slider-active.png"
1270
}
1271
image {
1273
function = SLIDER
1274
state = INSENSITIVE
1275
detail = "hscale"
1276
file = "assets/scale-slider-disabled.png"
1277
}
1278
image {
1280
function = SLIDER
1281
state = NORMAL
1282
detail = "vscale"
1283
file = "assets/scale-slider.png"
1284
}
1285
image {
1287
function = SLIDER
1288
state = PRELIGHT
1289
detail = "vscale"
1290
file = "assets/scale-slider-hover.png"
1291
}
1292
image {
1294
function = SLIDER
1295
state = ACTIVE
1296
detail = "vscale"
1297
file = "assets/scale-slider-active.png"
1298
}
1299
image {
1301
function = SLIDER
1302
state = INSENSITIVE
1303
detail = "vscale"
1304
file = "assets/scale-slider-disabled.png"
1305
}
1306
###########
1308
# Menubar #
1309
###########
1310
# image {
1312
# function = BOX
1313
# detail = "menubar"
1314
# file = "assets/border.png"
1315
# border = {0, 0, 0, 2}
1316
# }
1317
#########
1319
# Menus #
1320
#########
1321
image {
1323
function = BOX
1324
state = PRELIGHT
1325
detail = "menu_scroll_arrow_up"
1326
file = "assets/border.png"
1327
}
1328
image {
1330
function = BOX
1331
detail = "menu_scroll_arrow_up"
1332
file = "assets/border.png"
1333
border = {0, 0, 0, 2}
1334
}
1335
image {
1337
function = BOX
1338
state = PRELIGHT
1339
detail = "menu_scroll_arrow_down"
1340
file = "assets/border.png"
1341
}
1342
image {
1344
function = BOX
1345
detail = "menu_scroll_arrow_down"
1346
file = "assets/border.png"
1347
border = {0, 0, 2, 0}
1348
}
1349
###########
1351
# Entries #
1352
###########
1353
image {
1355
function = SHADOW
1356
state = ACTIVE
1357
detail = "entry"
1358
file = "assets/entry-active.png"
1359
border = {16, 16, 16, 16}
1360
stretch = TRUE
1361
}
1362
image {
1364
function = SHADOW
1365
state = INSENSITIVE
1366
detail = "entry"
1367
file = "assets/entry-disabled.png"
1368
border = {16, 16, 16, 16}
1369
stretch = TRUE
1370
}
1371
image {
1373
function = SHADOW
1374
detail = "entry"
1375
file = "assets/entry.png"
1376
border = {16, 16, 16, 16}
1377
stretch = TRUE
1378
}
1379
image {
1381
function = FLAT_BOX
1382
state = ACTIVE
1383
detail = "entry_bg"
1384
file = "assets/entry-background.png"
1385
}
1386
image {
1388
function = FLAT_BOX
1389
state = INSENSITIVE
1390
detail = "entry_bg"
1391
file = "assets/entry-background-disabled.png"
1392
}
1393
image {
1395
function = FLAT_BOX
1396
detail = "entry_bg"
1397
file = "assets/entry-background.png"
1398
}
1399
#########
1401
# Spins #
1402
#########
1403
# Spin-Up LTR
1405
image {
1407
function = BOX
1408
state = NORMAL
1409
detail = "spinbutton_up"
1410
file = "assets/spin-ltr-up.png"
1411
border = {0, 16, 16, 0}
1412
stretch = TRUE
1413
overlay_file = "assets/pan-up.png"
1414
overlay_stretch = FALSE
1415
direction = LTR
1416
}
1417
image {
1419
function = BOX
1420
state = PRELIGHT
1421
detail = "spinbutton_up"
1422
file = "assets/spin-ltr-up-hover.png"
1423
border = {0, 16, 16, 0}
1424
stretch = TRUE
1425
overlay_file = "assets/pan-up.png"
1426
overlay_stretch = FALSE
1427
direction = LTR
1428
}
1429
image {
1431
function = BOX
1432
state = ACTIVE
1433
detail = "spinbutton_up"
1434
file = "assets/spin-ltr-up-active.png"
1435
border = {0, 16, 16, 0}
1436
stretch = TRUE
1437
overlay_file = "assets/pan-up.png"
1438
overlay_stretch = FALSE
1439
direction = LTR
1440
}
1441
image {
1443
function = BOX
1444
state = INSENSITIVE
1445
detail = "spinbutton_up"
1446
file = "assets/spin-ltr-up-disabled.png"
1447
border = {0, 16, 16, 0}
1448
stretch = TRUE
1449
overlay_file = "assets/pan-up-disabled.png"
1450
overlay_stretch = FALSE
1451
direction = LTR
1452
}
1453
# Spin-Up RTL
1455
image {
1457
function = BOX
1458
state = NORMAL
1459
detail = "spinbutton_up"
1460
file = "assets/spin-rtl-up.png"
1461
border = {16, 0, 16, 0}
1462
stretch = TRUE
1463
overlay_file = "assets/pan-up.png"
1464
overlay_stretch = FALSE
1465
direction = RTL
1466
}
1467
image {
1469
function = BOX
1470
state = PRELIGHT
1471
detail = "spinbutton_up"
1472
file = "assets/spin-rtl-up-hover.png"
1473
border = {16, 0, 16, 0}
1474
stretch = TRUE
1475
overlay_file = "assets/pan-up.png"
1476
overlay_stretch = FALSE
1477
direction = RTL
1478
}
1479
image {
1481
function = BOX
1482
state = ACTIVE
1483
detail = "spinbutton_up"
1484
file = "assets/spin-rtl-up-hover.png"
1485
border = {16, 0, 16, 0}
1486
stretch = TRUE
1487
overlay_file = "assets/pan-up.png"
1488
overlay_stretch = FALSE
1489
direction = RTL
1490
}
1491
image {
1493
function = BOX
1494
state = INSENSITIVE
1495
detail = "spinbutton_up"
1496
file = "assets/spin-rtl-up-disabled.png"
1497
border = {16, 0, 16, 0}
1498
stretch = TRUE
1499
overlay_file = "assets/pan-up-disabled.png"
1500
overlay_stretch = FALSE
1501
direction = RTL
1502
}
1503
# Spin-Down LTR
1505
image {
1507
function = BOX
1508
state = NORMAL
1509
detail = "spinbutton_down"
1510
file = "assets/spin-ltr-down.png"
1511
border = {0, 16, 0, 16}
1512
stretch = TRUE
1513
overlay_file = "assets/pan-down.png"
1514
overlay_stretch = FALSE
1515
direction = LTR
1516
}
1517
image {
1519
function = BOX
1520
state = PRELIGHT
1521
detail = "spinbutton_down"
1522
file = "assets/spin-ltr-down-hover.png"
1523
border = {0, 16, 0, 16}
1524
stretch = TRUE
1525
overlay_file = "assets/pan-down.png"
1526
overlay_stretch = FALSE
1527
direction = LTR
1528
}
1529
image {
1531
function = BOX
1532
state = ACTIVE
1533
detail = "spinbutton_down"
1534
file = "assets/spin-ltr-down-active.png"
1535
border = {0, 16, 0, 16}
1536
stretch = TRUE
1537
overlay_file = "assets/pan-down.png"
1538
overlay_stretch = FALSE
1539
direction = LTR
1540
}
1541
image {
1543
function = BOX
1544
state = INSENSITIVE
1545
detail = "spinbutton_down"
1546
file = "assets/spin-ltr-down-disabled.png"
1547
border = {0, 16, 0, 16}
1548
stretch = TRUE
1549
overlay_file = "assets/pan-down-disabled.png"
1550
overlay_stretch = FALSE
1551
direction = LTR
1552
}
1553
# Spin-Down RTL
1555
image {
1557
function = BOX
1558
state = NORMAL
1559
detail = "spinbutton_down"
1560
file = "assets/spin-rtl-down.png"
1561
border = {16, 0, 0, 16}
1562
stretch = TRUE
1563
overlay_file = "assets/pan-down.png"
1564
overlay_stretch = FALSE
1565
direction = RTL
1566
}
1567
image {
1569
function = BOX
1570
state = PRELIGHT
1571
detail = "spinbutton_down"
1572
file = "assets/spin-rtl-down-hover.png"
1573
border = {16, 0, 0, 16}
1574
stretch = TRUE
1575
overlay_file = "assets/pan-down.png"
1576
overlay_stretch = FALSE
1577
direction = RTL
1578
}
1579
image {
1581
function = BOX
1582
state = ACTIVE
1583
detail = "spinbutton_down"
1584
file = "assets/spin-rtl-down-active.png"
1585
border = {16, 0, 0, 16}
1586
stretch = TRUE
1587
overlay_file = "assets/pan-down.png"
1588
overlay_stretch = FALSE
1589
direction = RTL
1590
}
1591
image {
1593
function = BOX
1594
state = INSENSITIVE
1595
detail = "spinbutton_down"
1596
file = "assets/spin-rtl-down-disabled.png"
1597
border = {16, 0, 0, 16}
1598
stretch = TRUE
1599
overlay_file = "assets/pan-down-disabled.png"
1600
overlay_stretch = FALSE
1601
direction = RTL
1602
}
1603
##############
1605
# Scrollbars #
1606
##############
1607
image {
1609
function = BOX
1610
detail = "bar"
1611
file = "assets/progressbar-progress.png"
1612
stretch = TRUE
1613
border = {0, 0, 0, 0}
1614
orientation = HORIZONTAL
1615
}
1616
image {
1618
function = BOX
1619
detail = "bar"
1620
file = "assets/progressbar-progress.png"
1621
stretch = TRUE
1622
border = {0, 0, 0, 0}
1623
orientation = VERTICAL
1624
}
1625
#############
1627
# Treeviews #
1628
#############
1629
# Disable active the column highlight
1631
# We need to match specific cells or we break stuff
1632
# Looking at you deadbeef
1633
image {
1635
function = FLAT_BOX
1636
detail = "cell_even_sorted"
1637
state = NORMAL
1638
}
1639
image {
1641
function = FLAT_BOX
1642
detail = "cell_odd_sorted"
1643
state = NORMAL
1644
}
1645
# Disable all the other shadows
1647
# This prevents the Raleigh effect
1648
image {
1649
function = SHADOW
1650
}
1651
}
1652
}
1653
style "menubar" {
1655
bg[NORMAL] = @titlebar_bg_color
1656
fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color)
1657
fg[PRELIGHT] = @titlebar_fg_color
1658
fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color)
1659
# Needed to fix Firefox's menubar text
1660
bg[SELECTED] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color)
1661
fg[SELECTED] = @titlebar_fg_color
1662
}
1663
style "menubar_item" {
1665
xthickness = 6
1666
ythickness = 8
1667
fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color)
1669
bg[PRELIGHT] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color)
1670
fg[PRELIGHT] = @titlebar_fg_color
1671
fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color)
1672
}
1673
style "menu" {
1675
xthickness = 0
1676
ythickness = 0
1677
bg[NORMAL] = @menu_color
1679
bg[INSENSITIVE] = @menu_color
1680
bg[PRELIGHT] = @menu_color
1681
bg[SELECTED] = mix(0.08, @fg_color, @menu_color)
1682
}
1683
style "menu_item" {
1685
xthickness = 8
1686
ythickness = 8
1687
bg[PRELIGHT] = mix(0.08, @fg_color, @menu_color)
1689
fg[PRELIGHT] = @fg_color
1690
# Chromium uses this setting
1691
bg[SELECTED] = mix(0.08, @fg_color, @menu_color)
1692
text[SELECTED] = @fg_color
1693
# Some widgets use text, we need to handle that
1694
text[NORMAL] = @fg_color
1695
text[PRELIGHT] = @fg_color
1696
# Unfortunately we can't tell regular and menu checks/radios apart
1698
# Without the heirarchy
1699
engine "pixmap" {
1700
#################
1702
# Check Buttons #
1703
#################
1704
image {
1706
function = CHECK
1707
state = NORMAL
1708
shadow = OUT
1709
overlay_file = "assets/menu-checkbox-unchecked.png"
1710
overlay_stretch = FALSE
1711
}
1712
image {
1714
function = CHECK
1715
state = PRELIGHT
1716
shadow = OUT
1717
overlay_file = "assets/menu-checkbox-unchecked.png"
1718
overlay_stretch = FALSE
1719
}
1720
image {
1722
function = CHECK
1723
state = ACTIVE
1724
shadow = OUT
1725
overlay_file = "assets/menu-checkbox-unchecked.png"
1726
overlay_stretch = FALSE
1727
}
1728
image {
1730
function = CHECK
1731
state = INSENSITIVE
1732
shadow = OUT
1733
overlay_file = "assets/menu-checkbox-unchecked-disabled.png"
1734
overlay_stretch = FALSE
1735
}
1736
image {
1738
function = CHECK
1739
state = NORMAL
1740
shadow = IN
1741
overlay_file = "assets/menu-checkbox-checked.png"
1742
overlay_stretch = FALSE
1743
}
1744
image {
1746
function = CHECK
1747
state = PRELIGHT
1748
shadow = IN
1749
overlay_file = "assets/menu-checkbox-checked.png"
1750
overlay_stretch = FALSE
1751
}
1752
image {
1754
function = CHECK
1755
state = ACTIVE
1756
shadow = IN
1757
overlay_file = "assets/menu-checkbox-checked.png"
1758
overlay_stretch = FALSE
1759
}
1760
image {
1762
function = CHECK
1763
state = INSENSITIVE
1764
shadow = IN
1765
overlay_file = "assets/menu-checkbox-checked-disabled.png"
1766
overlay_stretch = FALSE
1767
}
1768
image {
1770
function = CHECK
1771
state = NORMAL
1772
shadow = ETCHED_IN
1773
overlay_file = "assets/menu-checkbox-mixed.png"
1774
overlay_stretch = FALSE
1775
}
1776
image {
1778
function = CHECK
1779
state = PRELIGHT
1780
shadow = ETCHED_IN
1781
overlay_file = "assets/menu-checkbox-mixed.png"
1782
overlay_stretch = FALSE
1783
}
1784
image {
1786
function = CHECK
1787
state = ACTIVE
1788
shadow = ETCHED_IN
1789
overlay_file = "assets/menu-checkbox-mixed.png"
1790
overlay_stretch = FALSE
1791
}
1792
image {
1794
function = CHECK
1795
state = INSENSITIVE
1796
shadow = ETCHED_IN
1797
overlay_file = "assets/menu-checkbox-mixed-disabled.png"
1798
overlay_stretch = FALSE
1799
}
1800
#################
1802
# Radio Buttons #
1803
#################
1804
image {
1806
function = OPTION
1807
state = NORMAL
1808
shadow = OUT
1809
overlay_file = "assets/menu-radio-unchecked.png"
1810
overlay_stretch = FALSE
1811
}
1812
image {
1814
function = OPTION
1815
state = PRELIGHT
1816
shadow = OUT
1817
overlay_file = "assets/menu-radio-unchecked.png"
1818
overlay_stretch = FALSE
1819
}
1820
image {
1822
function = OPTION
1823
state = ACTIVE
1824
shadow = OUT
1825
overlay_file = "assets/menu-radio-unchecked.png"
1826
overlay_stretch = FALSE
1827
}
1828
image {
1830
function = OPTION
1831
state = INSENSITIVE
1832
shadow = OUT
1833
overlay_file = "assets/menu-radio-unchecked-disabled.png"
1834
overlay_stretch = FALSE
1835
}
1836
image {
1838
function = OPTION
1839
state = NORMAL
1840
shadow = IN
1841
overlay_file = "assets/menu-radio-checked.png"
1842
overlay_stretch = FALSE
1843
}
1844
image {
1846
function = OPTION
1847
state = PRELIGHT
1848
shadow = IN
1849
overlay_file = "assets/menu-radio-checked.png"
1850
overlay_stretch = FALSE
1851
}
1852
image {
1854
function = OPTION
1855
state = ACTIVE
1856
shadow = IN
1857
overlay_file = "assets/menu-radio-checked.png"
1858
overlay_stretch = FALSE
1859
}
1860
image {
1862
function = OPTION
1863
state = INSENSITIVE
1864
shadow = IN
1865
overlay_file = "assets/menu-radio-checked-disabled.png"
1866
overlay_stretch = FALSE
1867
}
1868
image {
1870
function = OPTION
1871
state = NORMAL
1872
shadow = ETCHED_IN
1873
overlay_file = "assets/menu-radio-mixed.png"
1874
overlay_stretch = FALSE
1875
}
1876
image {
1878
function = OPTION
1879
state = PRELIGHT
1880
shadow = ETCHED_IN
1881
overlay_file = "assets/menu-radio-mixed.png"
1882
overlay_stretch = FALSE
1883
}
1884
image {
1886
function = OPTION
1887
state = ACTIVE
1888
shadow = ETCHED_IN
1889
overlay_file = "assets/menu-radio-mixed.png"
1890
overlay_stretch = FALSE
1891
}
1892
image {
1894
function = OPTION
1895
state = INSENSITIVE
1896
shadow = ETCHED_IN
1897
overlay_file = "assets/menu-radio-mixed-disabled.png"
1898
overlay_stretch = FALSE
1899
}
1900
}
1901
}
1902
style "separator_menu_item" {
1904
xthickness = 0
1905
ythickness = 4
1906
engine "pixmap" {
1908
image {
1909
function = BOX
1910
file = "assets/border.png"
1911
border = {0, 0, 0, 2}
1912
}
1913
}
1914
}
1915
style "button_label" {
1917
# fg[NORMAL] = mix(0.7, @fg_color, @bg_color)
1918
# fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color)
1919
font_name = "Medium"
1921
}
1922
style "normal_button_label" {
1924
# fg[NORMAL] = @fg_color
1925
# fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color)
1926
font_name = "Regular"
1928
}
1929
style "button" {
1931
xthickness = 8
1932
ythickness = 8
1933
# For the sake of sanity style buttons this way
1935
engine "pixmap" {
1936
###########
1938
# Buttons #
1939
###########
1940
image {
1942
function = BOX
1943
state = NORMAL
1944
file = "assets/button.png"
1945
border = {16, 16, 16, 16}
1946
stretch = TRUE
1947
}
1948
image {
1950
function = BOX
1951
state = PRELIGHT
1952
shadow = OUT
1953
file = "assets/button-hover.png"
1954
border = {16, 16, 16, 16}
1955
stretch = TRUE
1956
}
1957
# Don't add hover effect on pressed buttons
1959
image {
1960
function = BOX
1961
state = PRELIGHT
1962
shadow = IN
1963
file = "assets/button-active.png"
1964
border = {16, 16, 16, 16}
1965
stretch = TRUE
1966
}
1967
image {
1969
function = BOX
1970
state = ACTIVE
1971
file = "assets/button-active.png"
1972
border = {16, 16, 16, 16}
1973
stretch = TRUE
1974
}
1975
image {
1977
function = BOX
1978
state = INSENSITIVE
1979
file = "assets/button-disabled.png"
1980
border = {16, 16, 16, 16}
1981
stretch = TRUE
1982
}
1983
}
1984
}
1985
style "link_button" {
1987
# Disable the button effect, leave just the link
1988
engine "pixmap" {
1989
image {
1990
function = BOX
1991
}
1992
}
1993
}
1994
style "entry" {
1996
base[NORMAL] = @bg_color
1997
base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color)
1998
base[INSENSITIVE] = @bg_color
1999
base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color)
2000
# We set this same as the border of the border of the entry
2002
# This way there's no overlap
2003
xthickness = 12
2004
ythickness = 12
2005
}
2006
style "combobox" {
2008
xthickness = 12
2009
ythickness = 12
2010
# This affects only the button beside an entry
2012
GtkButton::inner-border = {0, 0, 0, 0}
2013
# For the sake of sanity style buttons this way
2015
engine "pixmap" {
2016
###########
2018
# Buttons #
2019
###########
2020
image {
2022
function = BOX
2023
state = NORMAL
2024
file = "assets/entry.png"
2025
border = {16, 16, 16, 16}
2026
stretch = TRUE
2027
}
2028
image {
2030
function = BOX
2031
state = PRELIGHT
2032
file = "assets/entry-hover.png"
2033
border = {16, 16, 16, 16}
2034
stretch = TRUE
2035
}
2036
image {
2038
function = BOX
2039
state = ACTIVE
2040
file = "assets/entry-active.png"
2041
border = {16, 16, 16, 16}
2042
stretch = TRUE
2043
}
2044
image {
2046
function = BOX
2047
state = INSENSITIVE
2048
file = "assets/entry-disabled.png"
2049
border = {16, 16, 16, 16}
2050
stretch = TRUE
2051
}
2052
}
2053
}
2054
style "combobox_cellview" {
2056
# text[NORMAL] = mix(0.7, @fg_color, @bg_color)
2057
# text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color)
2058
}
2059
style "combobox_entry" {
2061
# Since one side of the button is missing, we need to shift the arrow a little to the right
2062
GtkButton::inner-border = {0, 4, 0, 0}
2063
engine "pixmap" {
2065
#############
2067
# LTR entry #
2068
#############
2069
image {
2071
function = SHADOW
2072
state = NORMAL
2073
detail = "entry"
2074
file = "assets/combo-left-entry.png"
2075
border = {16, 16, 16, 16}
2076
stretch = TRUE
2077
direction = LTR
2078
}
2079
image {
2081
function = SHADOW
2082
state = ACTIVE
2083
detail = "entry"
2084
file = "assets/combo-left-entry-active.png"
2085
border = {16, 16, 16, 16}
2086
stretch = TRUE
2087
direction = LTR
2088
}
2089
image {
2091
function = SHADOW
2092
state = INSENSITIVE
2093
detail = "entry"
2094
file = "assets/combo-left-entry-disabled.png"
2095
border = {16, 16, 16, 16}
2096
stretch = TRUE
2097
direction = LTR
2098
}
2099
#############
2101
# RTL entry #
2102
#############
2103
image {
2105
function = SHADOW
2106
state = NORMAL
2107
detail = "entry"
2108
file = "assets/combo-right-entry.png"
2109
border = {16, 16, 16, 16}
2110
stretch = TRUE
2111
direction = RTL
2112
}
2113
image {
2115
function = SHADOW
2116
state = ACTIVE
2117
detail = "entry"
2118
file = "assets/combo-right-entry-active.png"
2119
border = {16, 16, 16, 16}
2120
stretch = TRUE
2121
direction = RTL
2122
}
2123
image {
2125
function = SHADOW
2126
state = INSENSITIVE
2127
detail = "entry"
2128
file = "assets/combo-right-entry-disabled.png"
2129
border = {16, 16, 16, 16}
2130
stretch = TRUE
2131
direction = RTL
2132
}
2133
##############
2135
# LTR button #
2136
##############
2137
image {
2139
function = BOX
2140
state = NORMAL
2141
detail = "button"
2142
file = "assets/combo-right-entry.png"
2143
border = {0, 16, 16, 16}
2144
stretch = TRUE
2145
direction = LTR
2146
}
2147
image {
2149
function = BOX
2150
state = PRELIGHT
2151
detail = "button"
2152
file = "assets/combo-right-entry-hover.png"
2153
border = {0, 16, 16, 16}
2154
stretch = TRUE
2155
direction = LTR
2156
}
2157
image {
2159
function = BOX
2160
state = ACTIVE
2161
detail = "button"
2162
file = "assets/combo-right-entry-active.png"
2163
border = {0, 16, 16, 16}
2164
stretch = TRUE
2165
direction = LTR
2166
}
2167
image {
2169
function = BOX
2170
state = INSENSITIVE
2171
detail = "button"
2172
file = "assets/combo-right-entry-disabled.png"
2173
border = {0, 16, 16, 16}
2174
stretch = TRUE
2175
direction = LTR
2176
}
2177
##############
2179
# RTL button #
2180
##############
2181
image {
2183
function = BOX
2184
state = NORMAL
2185
detail = "button"
2186
file = "assets/combo-left-entry.png"
2187
border = {16, 0, 16, 16}
2188
stretch = TRUE
2189
direction = RTL
2190
}
2191
image {
2193
function = BOX
2194
state = PRELIGHT
2195
detail = "button"
2196
file = "assets/combo-left-entry-hover.png"
2197
border = {16, 0, 16, 16}
2198
stretch = TRUE
2199
direction = RTL
2200
}
2201
image {
2203
function = BOX
2204
state = ACTIVE
2205
detail = "button"
2206
file = "assets/combo-left-entry-active.png"
2207
border = {16, 0, 16, 16}
2208
stretch = TRUE
2209
direction = RTL
2210
}
2211
image {
2213
function = BOX
2214
state = INSENSITIVE
2215
detail = "button"
2216
file = "assets/combo-left-entry-disabled.png"
2217
border = {16, 0, 16, 16}
2218
stretch = TRUE
2219
direction = RTL
2220
}
2221
}
2222
}
2223
style "combo_button_padding" {
2225
# Since one side of the button is missing, we need to shift the arrow a
2226
# little to the right.
2227
# This is the same thing we've done above but the combo, unlike the combobox,
2228
# uses padding the same way as a button.
2229
GtkButton::inner-border = {6, 12, 6, 6}
2230
}
2231
style "notebook" {
2233
xthickness = 6
2234
ythickness = 6
2235
}
2236
style "notebook_tab_label" {
2238
fg[ACTIVE] = mix(0.7, @fg_color, @bg_color)
2239
font_name = "Medium"
2241
}
2242
style "notebook_viewport" {
2244
bg[NORMAL] = @base_color
2245
}
2246
style "notebook_bg" {
2248
bg[NORMAL] = @base_color
2249
bg[PRELIGHT] = @base_color
2250
bg[INSENSITIVE] = @base_color
2251
}
2252
style "notebook_entry" {
2254
base[NORMAL] = @base_color
2255
base[SELECTED] = mix (0.24, @selected_bg_color, @base_color)
2256
base[INSENSITIVE] = @base_color
2257
base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color)
2258
}
2259
style "normal_bg" {
2261
bg[NORMAL] = @bg_color
2262
bg[PRELIGHT] = @bg_color
2263
bg[INSENSITIVE] = @bg_color
2264
}
2265
style "normal_entry" {
2267
base[NORMAL] = @bg_color
2268
base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color)
2269
base[INSENSITIVE] = @bg_color
2270
base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color)
2271
}
2272
style "textview" {
2274
bg[NORMAL] = @base_color
2275
}
2276
style "scale_horz" {
2278
engine "pixmap" {
2279
image {
2280
function = BOX
2281
detail = "trough-upper"
2282
file = "assets/scale-horz-trough.png"
2283
border = {12, 12, 0, 0}
2284
stretch = TRUE
2285
}
2286
image {
2288
function = BOX
2289
detail = "trough-lower"
2290
file = "assets/scale-horz-trough-active.png"
2291
border = {12, 12, 0, 0}
2292
stretch = TRUE
2293
}
2294
}
2295
}
2296
style "scale_vert" {
2298
engine "pixmap" {
2299
image {
2300
function = BOX
2301
detail = "trough-upper"
2302
file = "assets/scale-vert-trough.png"
2303
border = {0, 0, 12, 12}
2304
stretch = TRUE
2305
}
2306
image {
2308
function = BOX
2309
detail = "trough-lower"
2310
file = "assets/scale-vert-trough-active.png"
2311
border = {0, 0, 12, 12}
2312
stretch = TRUE
2313
}
2314
}
2315
}
2316
style "progressbar" {
2318
xthickness = 0
2319
ythickness = 0
2320
fg[PRELIGHT] = @selected_fg_color
2322
engine "pixmap" {
2324
image {
2325
function = BOX
2326
detail = "trough"
2327
file = "assets/progressbar-trough.png"
2328
border = {0, 0, 0, 0}
2329
stretch = TRUE
2330
orientation = HORIZONTAL
2331
}
2332
image {
2334
function = BOX
2335
detail = "trough"
2336
file = "assets/progressbar-trough.png"
2337
border = {0, 0, 0, 0}
2338
stretch = TRUE
2339
orientation = VERTICAL
2340
}
2341
}
2342
}
2343
style "treeview_header" {
2345
xthickness = 4
2346
ythickness = 4
2347
fg[NORMAL] = mix(0.7, @fg_color, @base_color)
2349
fg[PRELIGHT] = mix(0.7, @fg_color, @base_color)
2350
fg[ACTIVE] = mix(0.7, @fg_color, @base_color)
2351
font_name = "Medium"
2353
GtkButton::inner-border = {8, 8, 0, 4}
2355
engine "pixmap" {
2357
image {
2358
function = BOX
2359
state = NORMAL
2360
file = "assets/treeview-ltr-button.png"
2361
border = {0, 2, 0, 2}
2362
stretch = TRUE
2363
direction = LTR
2364
}
2365
image {
2367
function = BOX
2368
state = PRELIGHT
2369
file = "assets/treeview-ltr-button-hover.png"
2370
border = {0, 2, 0, 2}
2371
stretch = TRUE
2372
direction = LTR
2373
}
2374
image {
2376
function = BOX
2377
state = ACTIVE
2378
file = "assets/treeview-ltr-button-active.png"
2379
border = {0, 2, 0, 2}
2380
stretch = TRUE
2381
direction = LTR
2382
}
2383
image {
2385
function = BOX
2386
state = NORMAL
2387
file = "assets/treeview-rtl-button.png"
2388
border = {2, 0, 0, 2}
2389
stretch = TRUE
2390
direction = RTL
2391
}
2392
image {
2394
function = BOX
2395
state = PRELIGHT
2396
file = "assets/treeview-rtl-button-hover.png"
2397
border = {2, 0, 0, 2}
2398
stretch = TRUE
2399
direction = RTL
2400
}
2401
image {
2403
function = BOX
2404
state = ACTIVE
2405
file = "assets/treeview-rtl-button-active.png"
2406
border = {2, 0, 0, 2}
2407
stretch = TRUE
2408
direction = RTL
2409
}
2410
image {
2412
function = ARROW
2413
state = NORMAL
2414
overlay_file = "assets/pan-up.png"
2415
overlay_stretch = FALSE
2416
arrow_direction = UP
2417
}
2418
image {
2420
function = ARROW
2421
state = PRELIGHT
2422
overlay_file = "assets/pan-up.png"
2423
overlay_stretch = FALSE
2424
arrow_direction = UP
2425
}
2426
image {
2428
function = ARROW
2429
state = ACTIVE
2430
overlay_file = "assets/pan-up.png"
2431
overlay_stretch = FALSE
2432
arrow_direction = UP
2433
}
2434
image {
2436
function = ARROW
2437
state = NORMAL
2438
overlay_file = "assets/pan-down.png"
2439
overlay_stretch = FALSE
2440
arrow_direction = DOWN
2441
}
2442
image {
2444
function = ARROW
2445
state = PRELIGHT
2446
overlay_file = "assets/pan-down.png"
2447
overlay_stretch = FALSE
2448
arrow_direction = DOWN
2449
}
2450
image {
2452
function = ARROW
2453
state = ACTIVE
2454
overlay_file = "assets/pan-down.png"
2455
overlay_stretch = FALSE
2456
arrow_direction = DOWN
2457
}
2458
}
2459
}
2460
style "scrolled_window" {
2462
engine "pixmap" {
2463
image {
2464
function = SHADOW
2465
file = "assets/frame.png"
2466
border = {2, 2, 2, 2}
2467
stretch = TRUE
2468
}
2469
}
2470
}
2471
style "frame" {
2473
engine "pixmap" {
2474
image {
2475
function = SHADOW
2476
shadow = NONE
2477
}
2478
image {
2480
function = SHADOW
2481
file = "assets/frame.png"
2482
border = {2, 2, 2, 2}
2483
stretch = TRUE
2484
}
2485
image {
2487
function = SHADOW_GAP
2488
file = "assets/frame.png"
2489
border = {2, 2, 2, 2}
2490
stretch = TRUE
2491
gap_start_file = "assets/border.png"
2492
gap_end_file = "assets/border.png"
2493
}
2494
}
2495
}
2496
style "tool_button" {
2498
GtkButton::inner-border = {4, 4, 4, 4}
2499
# For the sake of sanity style buttons this way
2501
engine "pixmap" {
2502
image {
2503
function = BOX
2504
state = NORMAL
2505
file = "assets/flat-button.png"
2506
border = {16, 16, 16, 16}
2507
stretch = TRUE
2508
}
2509
image {
2511
function = BOX
2512
state = PRELIGHT
2513
shadow = OUT
2514
file = "assets/flat-button-hover.png"
2515
border = {16, 16, 16, 16}
2516
stretch = TRUE
2517
}
2518
# Don't add hover effect on pressed buttons
2520
image {
2521
function = BOX
2522
state = PRELIGHT
2523
shadow = IN
2524
file = "assets/flat-button-active.png"
2525
border = {16, 16, 16, 16}
2526
stretch = TRUE
2527
}
2528
image {
2530
function = BOX
2531
state = ACTIVE
2532
file = "assets/flat-button-active.png"
2533
border = {16, 16, 16, 16}
2534
stretch = TRUE
2535
}
2536
image {
2538
function = BOX
2539
state = INSENSITIVE
2540
shadow = OUT
2541
file = "assets/flat-button-disabled.png"
2542
border = {16, 16, 16, 16}
2543
stretch = TRUE
2544
}
2545
image {
2547
function = BOX
2548
state = INSENSITIVE
2549
shadow = IN
2550
file = "assets/button-disabled.png"
2551
border = {16, 16, 16, 16}
2552
stretch = TRUE
2553
}
2554
}
2555
}
2556
style "toolbar_separator" {
2558
GtkWidget::wide-separators = 1
2559
GtkWidget::separator-width = 2
2560
GtkWidget::separator-height = 2
2561
engine "pixmap" {
2563
image {
2564
function = BOX
2565
file = "assets/border.png"
2566
}
2567
}
2568
}
2569
style "inline_toolbar" {
2571
# GtkToolbar::button-relief = GTK_RELIEF_NORMAL
2572
engine "pixmap" {
2574
image {
2575
function = BOX
2576
file = "assets/frame-inline.png"
2577
border = {2, 2, 0, 2}
2578
stretch = TRUE
2579
}
2580
}
2581
}
2582
style "tooltip" {
2584
xthickness = 16
2585
ythickness = 16
2586
bg[NORMAL] = @tooltip_bg_color
2588
fg[NORMAL] = @tooltip_fg_color
2589
bg[SELECTED] = @tooltip_bg_color
2590
}
2591
style "disable_text_shadow" {
2593
engine "murrine" {
2594
textstyle = 0
2595
}
2596
}
2597
style "disable_separator" {
2599
xthickness = 0
2600
ythickness = 0
2601
GtkWidget::wide-separators = 1
2603
}
2604
# Default style, containing theme properties and trying to match every widget as
2606
# much as possible, which is not only faster than trying to match every widget
2607
# by its own but also less bug-prune and more consistent. However there is some
2608
# widget specific stuff that needs to be taken care of, which is the point of
2609
# every other style below.
2610
class "GtkWidget" style "default"
2611
######################################
2613
# Override padding, style and colour #
2614
######################################
2615
class "GtkButton" style "button"
2617
class "GtkLinkButton" style "link_button"
2618
class "GtkEntry" style "entry"
2619
class "GtkOldEditable" style "entry"
2620
class "GtkNotebook" style "notebook"
2621
class "GtkHScale" style "scale_horz"
2622
class "GtkVScale" style "scale_vert"
2623
class "GtkProgressBar" style "progressbar"
2624
class "GtkScrolledWindow" style "scrolled_window"
2625
class "GtkFrame" style "frame"
2626
class "GtkSeparatorToolItem" style "toolbar_separator"
2627
class "GtkMenuBar" style "menubar"
2628
class "GtkMenu" style "menu"
2629
class "GtkTextView" style "textview"
2630
# Menu and menubar items
2632
widget_class "*<GtkMenuItem>*" style "menu_item"
2633
widget_class "*<GtkMenuBar>.<GtkMenuItem>*" style "menubar_item"
2634
widget_class "*<GtkSeparatorMenuItem>*" style "separator_menu_item"
2635
# Treeview buttons
2637
widget_class "*<GtkTreeView>*<GtkButton>*" style "treeview_header"
2638
# Give the file chooser toolbar a border
2640
widget_class "*<GtkFileChooserDefault>*<GtkToolbar>" style "inline_toolbar"
2641
# Fix padding on regular comboboxes
2643
widget_class "*<GtkComboBox>.<GtkButton>" style "combobox"
2644
widget_class "*<GtkOptionMenu>" style "combobox"
2645
# And disable separators on them
2647
widget_class "*<GtkComboBox>.<GtkButton>*<GtkSeparator>" style "disable_separator"
2648
widget_class "*<GtkFontButton>*<GtkSeparator>" style "disable_separator"
2649
widget_class "*<GtkFileChooserButton>*<GtkSeparator>" style "disable_separator"
2650
# Join together the ComboBoxEntry entry and button
2652
widget_class "*<GtkComboBoxEntry>*" style "combobox_entry"
2653
# Join the Combo entry and button
2655
widget_class "*<GtkCombo>*" style "combobox_entry"
2656
# Tweak the padding on the button a little bit because it
2658
# uses it a bit differently
2659
widget_class "*<GtkCombo>.<GtkButton>" style "combo_button_padding"
2660
# Alas we cannot do the same for ComboBoxText because there
2662
# isn't a way to apply the style to only the comboboxes that
2663
# have an entry inside
2664
# Tool buttons have different styles
2666
widget_class "*<GtkToolButton>*<GtkButton>" style "tool_button"
2667
widget_class "*<GtkVBox>*<GtkEventBox>.<GtkToolbar>*<GtkButton>" style "tool_button"
2668
# Notebooks
2670
widget_class "*<GtkNotebook>.<GtkLabel>" style "notebook_tab_label"
2671
widget_class "*<GtkNotebook>.<GtkHBox>.<GtkLabel>" style "notebook_tab_label"
2672
# Notebooks are white, act accordingly
2674
widget_class "*<GtkNotebook>*<GtkEntry>" style "notebook_entry"
2675
widget_class "*<GtkNotebook>*<GtkProgressBar>" style "notebook_bg"
2676
widget_class "*<GtkNotebook>*<GtkSpinButton>" style "notebook_bg"
2677
widget_class "*<GtkNotebook>*<GtkScrolledWindow>*<GtkViewport>" style "notebook_bg"
2678
widget_class "*<GtkNotebook>*<GimpRuler>" style "notebook_bg"
2679
widget_class "*<GtkNotebook>.<GimpDisplayShell>*<GtkEventBox>" style "notebook_bg"
2680
# However, stuff inside eventboxes inside notebooks is grey
2682
# again, react
2683
widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkEntry>" style "normal_entry"
2684
widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkProgressBar>" style "normal_bg"
2685
widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkSpinButton>" style "normal_bg"
2686
# Button labels
2688
widget_class "*<GtkButton>.<GtkLabel>" style "button_label"
2689
# Normalize button labels
2691
widget_class "*<GtkCheckButton>.<GtkLabel>" style "normal_button_label"
2692
widget_class "*<GtkOptionMenu>.<GtkLabel>" style "normal_button_label"
2693
# ComboBoxes tend to draw the button label with text[]
2695
# instead of fg[], we need to fix that
2696
widget_class "*<GtkComboBox>*<GtkCellView>" style "combobox_cellview"
2697
# Disable white text shadows
2699
widget_class "*<GtkLabel>" style "disable_text_shadow"
2700
widget_class "*<GtkCellView>" style "disable_text_shadow"
2701
# GTK tooltips
2703
widget "gtk-tooltip*" style "tooltip"
2704