ASCII text
1
// based css:
2
// https://github.com/shimmerproject/Greybird/blob/master/gtk-3.0/_xfce.scss
3
/**
5
* Xfce4 Apps
6
*/
7
.XfceHeading {
9
background-color: $base;
10
}
11
/**
13
* xfce4-panel
14
*/
15
.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
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
&:disabled {
31
color: disabled-hint($on-panel);
32
}
33
&:checked {
35
background-color: overlay("activated", $on-panel);
36
color: $on-panel;
37
@include ink-color($on-panel);
38
&:disabled {
40
color: disabled($on-panel);
41
}
42
}
43
}
44
.tasklist button {
46
border-image: image(transparent) 0 0 2 / 0 0 2px;
47
&:checked {
49
border-image: image(currentcolor) 0 0 2 / 0 0 2px;
50
}
51
image {
53
padding: 4px;
54
}
55
}
56
&.horizontal .tasklist button {
58
// margin: 0 1px;
59
}
60
&.vertical .tasklist button {
62
// margin: 1px 0;
63
}
64
frame > border {
66
border-style: none;
67
}
68
progressbar {
70
progress {
71
background-color: primary($on-panel);
72
}
73
trough {
75
background-color: disabled-stroke($on-panel);
76
}
77
}
78
}
79
// Workspace switcher provided by libwnck
81
wnck-pager {
82
&:hover {
83
background-color: overlay("hover", $on-panel);
84
}
85
&:active {
87
background-color: overlay("pressed", $on-panel);
88
}
89
&:selected {
91
background-color: $primary;
92
}
93
}
94
XfdesktopIconView.view {
96
border-radius: $corner-radius;
97
background-color: transparent;
98
color: $on-dark;
99
text-shadow: $text-shadow;
100
// XfdesktopIconView uses :active instead of :selected for selection
102
&:active {
103
box-shadow: none;
104
background-color: $overlay-selected;
105
}
106
.label {
108
// text-shadow: $text-shadow;
109
}
110
.rubberband {
112
@extend rubberband;
113
border-radius: 0;
115
}
116
}
117
#XfceNotifyWindow {
119
border-radius: $corner-radius;
120
box-shadow: $shadow-z4, inset 0 1px highlight($surface);
121
background-color: $surface;
122
color: $on-surface;
123
buttonbox button:not(:disabled) {
125
color: $primary;
126
@include ink-color($primary);
127
}
128
label#summary {
130
font-weight: bold;
131
+ label {
133
color: hint($on-surface);
134
}
135
}
136
progressbar {
138
progress {
139
}
140
trough {
142
}
143
}
144
}
145
// Xfwm4's alt-tab dialog, aka "tabwin"
147
#xfwm-tabwin {
148
padding: 12px;
149
border-radius: $corner-radius;
150
// Set the application icon- and preview-size to 64px
152
-XfwmTabwinWidget-icon-size: 64px;
153
-XfwmTabwinWidget-preview-size: 64px;
154
button {
156
}
157
}
158
/**
160
* Thunar
161
*/
162
.thunar {
164
#location-toolbar {
165
border-bottom: 1px solid divider($on-surface);
166
// FIXME: This has no .image-button style class :(
168
> toolitem > button {
169
min-width: 24px;
170
padding: ($medium-size - 24px) / 2;
171
border-radius: $circular-radius;
172
}
173
}
174
.shortcuts-pane.frame,
176
.standard-view.frame {
177
border-style: none;
178
}
179
.sidebar .view:not(:selected) {
181
background-color: transparent;
182
}
183
statusbar {
185
margin: 0 -10px;
186
padding: 0 4px;
187
border-top: 1px solid divider($on-surface);
188
}
189
}
190