ASCII text
1
// based css:
2
// https://github.com/shimmerproject/Greybird/blob/master/gtk-3.0/_xfce.scss
3
@use "../../../theme";
5
@use "../../../theme-color";
6
@use "../common";
7
@use "../drawing";
8
/**
10
* Xfce4 Apps
11
*/
12
.XfceHeading {
14
// background-color: $surface-z1;
15
}
16
/**
18
* xfce4-panel
19
*/
20
.xfce4-panel.background {
22
border: none; // Sadly the border is hard-coded
23
background-color: theme-color.$panel;
24
color: theme-color.hint(theme-color.$on-panel);
25
font-weight: 500;
26
button {
28
min-height: 16px;
29
min-width: 16px;
30
padding: 0;
31
border-radius: 0;
32
color: theme-color.hint(theme-color.$on-panel);
33
@include drawing.ink-color(theme-color.$on-panel, $button-style: "flat");
34
&:disabled {
36
background-color: transparent;
37
color: theme-color.disabled-hint(theme-color.$on-panel);
38
}
39
&:checked {
41
$background-color: theme-color.activated-overlay(theme-color.$on-panel);
42
color: theme-color.$on-panel;
43
@include drawing.ink-color(theme-color.$on-panel, $button-style: "flat", $on: $background-color);
44
&:disabled {
46
background-color: theme-color.activated-overlay(theme-color.$on-panel);
47
color: theme-color.disabled(theme-color.$on-panel);
48
}
49
}
50
}
51
.tasklist button {
53
border-image: image(transparent) 0 0 2 / 0 0 2px;
54
&:checked {
56
border-image: image(currentcolor) 0 0 2 / 0 0 2px;
57
}
58
image {
60
padding: 4px;
61
}
62
}
63
&.horizontal .tasklist button {
65
// margin: 0 1px;
66
}
67
&.vertical .tasklist button {
69
// margin: 1px 0;
70
}
71
frame > border {
73
border-style: none;
74
background-color: transparent;
75
}
76
progressbar {
78
progress {
79
background-color: theme-color.primary(theme-color.$on-panel);
80
}
81
trough {
83
background-color: theme-color.disabled-stroke(theme-color.$on-panel);
84
}
85
}
86
}
87
// Workspace switcher provided by libwnck
89
wnck-pager {
90
&:hover {
91
background-color: theme-color.hover-overlay(theme-color.$on-panel);
92
}
93
&:active {
95
background-color: theme-color.pressed-overlay(theme-color.$on-panel);
96
}
97
&:selected {
99
background-color: theme-color.$primary;
100
}
101
}
102
XfdesktopIconView.view {
104
border-radius: theme.$corner-radius;
105
// background-color: transparent;
106
color: theme-color.$on-dark;
107
text-shadow: theme.$text-shadow;
108
// XfdesktopIconView uses :active instead of :selected for selection
110
&:active {
111
box-shadow: none;
112
background-color: theme-color.$selected-overlay;
113
}
114
.label {
116
// text-shadow: $text-shadow;
117
}
118
.rubberband {
120
@extend %rubberband;
121
border-radius: 0;
123
}
124
}
125
#XfceNotifyWindow {
127
border-radius: theme.$corner-radius;
128
box-shadow: theme.$shadow-z4, inset 0 1px theme-color.highlight(theme-color.$surface-z8);
129
background-color: theme-color.$surface-z8;
130
color: theme-color.$on-surface;
131
buttonbox button:not(:disabled) {
133
color: theme-color.$primary;
134
@include drawing.ink-color(theme-color.$primary, $button-style: "flat");
135
}
136
label#summary {
138
font-weight: bold;
139
+ label {
141
color: theme-color.hint(theme-color.$on-surface);
142
}
143
}
144
progressbar {
146
progress {
147
}
148
trough {
150
}
151
}
152
}
153
// Xfwm4's alt-tab dialog, aka "tabwin"
155
#xfwm-tabwin {
156
padding: 12px;
157
border-radius: theme.$corner-radius;
158
// Set the application icon- and preview-size to 64px
160
-XfwmTabwinWidget-icon-size: 64px;
161
-XfwmTabwinWidget-preview-size: 64px;
162
button {
164
}
165
}
166
/**
168
* Thunar
169
*/
170
.thunar {
172
#location-toolbar {
173
border-bottom: 1px solid theme-color.divider(theme-color.$on-surface);
174
// FIXME: This has no .image-button style class :(
176
> toolitem > button {
177
min-width: 24px;
178
padding: (theme.$medium-size - 24px) / 2;
179
border-radius: theme.$circular-radius;
180
}
181
}
182
.shortcuts-pane.frame,
184
.standard-view.frame {
185
border-width: 0;
186
background-color: transparent;
187
}
188
.sidebar .view:not(:selected) {
190
// background-color: transparent;
191
}
192
statusbar {
194
margin: 0 -10px;
195
padding: 0 4px;
196
border-top: 1px solid theme-color.divider(theme-color.$on-surface);
197
}
198
}
199