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.23 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
background-color: transparent;
69
}
70
71
progressbar {
72
progress {
73
background-color: primary($on-panel);
74
}
75
76
trough {
77
background-color: disabled-stroke($on-panel);
78
}
79
}
80
}
81
82
// Workspace switcher provided by libwnck
83
wnck-pager {
84
&:hover {
85
background-color: overlay("hover", $on-panel);
86
}
87
88
&:active {
89
background-color: overlay("pressed", $on-panel);
90
}
91
92
&:selected {
93
background-color: $primary;
94
}
95
}
96
97
XfdesktopIconView.view {
98
border-radius: $corner-radius;
99
// background-color: transparent;
100
color: $on-dark;
101
text-shadow: $text-shadow;
102
103
// XfdesktopIconView uses :active instead of :selected for selection
104
&:active {
105
box-shadow: none;
106
background-color: $overlay-selected;
107
}
108
109
.label {
110
// text-shadow: $text-shadow;
111
}
112
113
.rubberband {
114
@extend %rubberband;
115
116
border-radius: 0;
117
}
118
}
119
120
#XfceNotifyWindow {
121
border-radius: $corner-radius;
122
box-shadow: $shadow-z4, inset 0 1px highlight($surface);
123
background-color: $surface;
124
color: $on-surface;
125
126
buttonbox button:not(:disabled) {
127
color: $primary;
128
@include ink-color($primary);
129
}
130
131
label#summary {
132
font-weight: bold;
133
134
+ label {
135
color: hint($on-surface);
136
}
137
}
138
139
progressbar {
140
progress {
141
}
142
143
trough {
144
}
145
}
146
}
147
148
// Xfwm4's alt-tab dialog, aka "tabwin"
149
#xfwm-tabwin {
150
padding: 12px;
151
border-radius: $corner-radius;
152
153
// Set the application icon- and preview-size to 64px
154
-XfwmTabwinWidget-icon-size: 64px;
155
-XfwmTabwinWidget-preview-size: 64px;
156
157
button {
158
}
159
}
160
161
/**
162
* Thunar
163
*/
164
165
.thunar {
166
#location-toolbar {
167
border-bottom: 1px solid divider($on-surface);
168
169
// FIXME: This has no .image-button style class :(
170
> toolitem > button {
171
min-width: 24px;
172
padding: ($medium-size - 24px) / 2;
173
border-radius: $circular-radius;
174
}
175
}
176
177
.shortcuts-pane.frame,
178
.standard-view.frame {
179
border-width: 0;
180
background-color: transparent;
181
}
182
183
.sidebar .view:not(:selected) {
184
// background-color: transparent;
185
}
186
187
statusbar {
188
margin: 0 -10px;
189
padding: 0 4px;
190
border-top: 1px solid divider($on-surface);
191
}
192
}
193