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 • 3.15 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
8
.XfceHeading {
9
background-color: $base;
10
}
11
12
/**
13
* xfce4-panel
14
*/
15
16
.xfce4-panel.background {
17
border: none; // Sadly the border is hard-coded
18
background-color: $panel;
19
color: hint($on-panel);
20
font-weight: 500;
21
22
button {
23
min-height: 16px;
24
min-width: 16px;
25
padding: 0;
26
border-radius: 0;
27
background-color: transparent;
28
color: hint($on-panel);
29
@include ink-color($on-panel);
30
31
&:disabled {
32
color: disabled-hint($on-panel);
33
}
34
35
&:checked {
36
background-color: overlay("activated", $on-panel);
37
color: $on-panel;
38
@include ink-color($on-panel);
39
40
&:disabled {
41
color: disabled($on-panel);
42
}
43
}
44
}
45
46
.tasklist button {
47
border-image: image(transparent) 0 0 2 / 0 0 2px;
48
49
&:checked {
50
border-image: image(currentcolor) 0 0 2 / 0 0 2px;
51
}
52
53
image {
54
padding: 4px;
55
}
56
}
57
58
&.horizontal .tasklist button {
59
// margin: 0 1px;
60
}
61
62
&.vertical .tasklist button {
63
// margin: 1px 0;
64
}
65
66
frame > border {
67
border-style: none;
68
}
69
70
progressbar {
71
progress {
72
background-color: primary($on-panel);
73
}
74
75
trough {
76
background-color: disabled-stroke($on-panel);
77
}
78
}
79
}
80
81
// Workspace switcher provided by libwnck
82
wnck-pager {
83
&:hover {
84
background-color: overlay("hover", $on-panel);
85
}
86
87
&:active {
88
background-color: overlay("pressed", $on-panel);
89
}
90
91
&:selected {
92
background-color: $primary;
93
}
94
}
95
96
XfdesktopIconView.view {
97
border-radius: $corner-radius;
98
background-color: transparent;
99
color: $on-dark;
100
text-shadow: $text-shadow;
101
102
// XfdesktopIconView uses :active instead of :selected for selection
103
&:active {
104
box-shadow: none;
105
background-color: $overlay-selected;
106
}
107
108
.label {
109
// text-shadow: $text-shadow;
110
}
111
112
.rubberband {
113
@extend %rubberband;
114
115
border-radius: 0;
116
}
117
}
118
119
#XfceNotifyWindow {
120
border-radius: $corner-radius;
121
box-shadow: $shadow-z4, inset 0 1px highlight($surface);
122
background-color: $surface;
123
color: $on-surface;
124
125
buttonbox button:not(:disabled) {
126
color: $primary;
127
@include ink-color($primary);
128
}
129
130
label#summary {
131
font-weight: bold;
132
133
+ label {
134
color: hint($on-surface);
135
}
136
}
137
138
progressbar {
139
progress {
140
}
141
142
trough {
143
}
144
}
145
}
146
147
// Xfwm4's alt-tab dialog, aka "tabwin"
148
#xfwm-tabwin {
149
padding: 12px;
150
border-radius: $corner-radius;
151
152
// Set the application icon- and preview-size to 64px
153
-XfwmTabwinWidget-icon-size: 64px;
154
-XfwmTabwinWidget-preview-size: 64px;
155
156
button {
157
}
158
}
159
160
/**
161
* Thunar
162
*/
163
164
.thunar {
165
#location-toolbar {
166
border-bottom: 1px solid divider($on-surface);
167
168
// FIXME: This has no .image-button style class :(
169
> toolitem > button {
170
min-width: 24px;
171
padding: ($medium-size - 24px) / 2;
172
border-radius: $circular-radius;
173
}
174
}
175
176
.shortcuts-pane.frame,
177
.standard-view.frame {
178
border-width: 0;
179
}
180
181
.sidebar .view:not(:selected) {
182
background-color: transparent;
183
}
184
185
statusbar {
186
margin: 0 -10px;
187
padding: 0 4px;
188
border-top: 1px solid divider($on-surface);
189
}
190
}
191