_xfce.scss
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
color: hint($on-panel);
28
@include ink-color($on-panel);
29
30
&:disabled {
31
color: disabled-hint($on-panel);
32
}
33
34
&:checked {
35
background-color: overlay("activated", $on-panel);
36
color: $on-panel;
37
@include ink-color($on-panel);
38
39
&:disabled {
40
color: disabled($on-panel);
41
}
42
}
43
}
44
45
.tasklist button {
46
border-image: image(transparent) 0 0 2 / 0 0 2px;
47
48
&:checked {
49
border-image: image(currentcolor) 0 0 2 / 0 0 2px;
50
}
51
52
image {
53
padding: 4px;
54
}
55
}
56
57
&.horizontal .tasklist button {
58
// margin: 0 1px;
59
}
60
61
&.vertical .tasklist button {
62
// margin: 1px 0;
63
}
64
65
frame > border {
66
border-style: none;
67
}
68
69
progressbar {
70
progress {
71
background-color: primary($on-panel);
72
}
73
74
trough {
75
background-color: disabled-stroke($on-panel);
76
}
77
}
78
}
79
80
// Workspace switcher provided by libwnck
81
wnck-pager {
82
&:hover {
83
background-color: overlay("hover", $on-panel);
84
}
85
86
&:active {
87
background-color: overlay("pressed", $on-panel);
88
}
89
90
&:selected {
91
background-color: $primary;
92
}
93
}
94
95
XfdesktopIconView.view {
96
border-radius: $corner-radius;
97
background-color: transparent;
98
color: $on-dark;
99
text-shadow: $text-shadow;
100
101
// XfdesktopIconView uses :active instead of :selected for selection
102
&:active {
103
@extend %selected_items;
104
105
box-shadow: none;
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-style: none;
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