A fork of the Materia GTK theme.

Important information: Google announced that, from September 2026, Android devices will require ALL apps to be signed by Google, effectively leading to an iOS situation. Value your right to a computer that does what you want; do not tolerate this monopolistic practice! Contact me if you don't understand why it is bad. Click to learn more.

 _xfce.scss

View raw Download
text/plain • 2.29 kiB
ASCII text
        
            
1
// based css:
2
// https://github.com/shimmerproject/Greybird/blob/master/gtk-3.0/_xfce.scss
3
4
/**************
5
* Xfce4 Apps *
6
**************/
7
.XfceHeading {
8
background-color: $base_color;
9
}
10
11
12
/***************
13
* xfce4-panel *
14
***************/
15
.xfce4-panel.background {
16
border: none; // Sadly the border is hard-coded
17
background-color: $solid_panel_bg_color;
18
color: $inverse_secondary_fg_color;
19
font-weight: 500;
20
21
button {
22
// @extend %flat_button;
23
@extend %button_selected.flat;
24
25
min-height: 16px;
26
min-width: 16px;
27
padding: 0;
28
border-radius: 0;
29
30
&:checked { background-color: $inverse_divider_color; }
31
}
32
33
.tasklist button {
34
border-image: image(transparent) 0 0 2 / 0 0 2px;
35
36
&:checked { border-image: image(currentColor) 0 0 2 / 0 0 2px; }
37
38
image { padding: 4px; }
39
}
40
41
// &.horizontal .tasklist button { margin: 0 1px; }
42
43
// &.vertical .tasklist button { margin: 1px 0; }
44
}
45
46
// Workspace switcher provided by libwnck
47
wnck-pager {
48
&:hover { background-color: $inverse_divider_color; }
49
50
&:active { background-color: $inverse_track_color; }
51
52
&:selected { background-color: $primary_color; }
53
}
54
55
XfdesktopIconView.view {
56
border-radius: $material_radius;
57
background-color: transparent;
58
color: $inverse_fg_color;
59
text-shadow: $shadow_1;
60
61
// XfdesktopIconView uses :active instead of :selected for selection
62
&:active {
63
@extend %selected_items;
64
65
box-shadow: none;
66
text-shadow: none;
67
}
68
69
// .label { text-shadow: $shadow_1; }
70
71
.rubberband {
72
@extend rubberband;
73
74
border-radius: 0;
75
}
76
}
77
78
#XfceNotifyWindow {
79
buttonbox { padding: 0; }
80
81
button {
82
}
83
84
label#summary { font-weight: bold; }
85
86
progressbar {
87
progress {
88
}
89
90
trough {
91
}
92
}
93
}
94
95
// Xfwm4's alt-tab dialog, aka "tabwin"
96
#xfwm-tabwin {
97
padding: 12px;
98
border-radius: $material_radius;
99
100
// Set the application icon- and preview-size to 64px
101
-XfwmTabwinWidget-icon-size: 64px;
102
-XfwmTabwinWidget-preview-size: 64px;
103
104
button {
105
}
106
}
107
108
109
/**********
110
* Thunar *
111
**********/
112
.thunar {
113
#location-toolbar { border-bottom: 1px solid $border_color; }
114
115
.standard-view.frame { border-style: none; }
116
117
.sidebar .view:not(:selected) { background-color: transparent; }
118
119
statusbar {
120
margin: 0 -10px;
121
padding: 0 4px;
122
border-top: 1px solid $border_color;
123
}
124
}
125