ASCII text
1
// Based on:
2
// https://github.com/shimmerproject/Greybird/blob/master/gtk-3.0/_xfce.scss
3
@use "../../../theme";
5
@use "../../../theme-color";
6
@use "../../../shadow";
7
@use "../common";
8
@use "../drawing";
9
/**
11
* Xfce4 Apps
12
*/
13
.XfceHeading {
15
// background-color: $surface-z1;
16
}
17
/**
19
* xfce4-panel
20
*/
21
.xfce4-panel.background {
23
border: none; // Sadly the border is hard-coded
24
background-color: theme-color.$panel;
25
color: theme-color.hint(theme-color.$on-panel);
26
font-weight: 500;
27
button {
29
min-height: 16px;
30
min-width: 16px;
31
padding: 0;
32
border-radius: 0;
33
color: theme-color.hint(theme-color.$on-panel);
34
@include drawing.ink-color(theme-color.$on-panel, $button-style: "flat");
35
&:disabled {
37
background-color: transparent;
38
color: theme-color.disabled-hint(theme-color.$on-panel);
39
}
40
&:checked {
42
$background-color: theme-color.activated-overlay(theme-color.$on-panel);
43
color: theme-color.$on-panel;
44
@include drawing.ink-color(theme-color.$on-panel, $button-style: "flat", $on: $background-color);
45
&:disabled {
47
background-color: theme-color.activated-overlay(theme-color.$on-panel);
48
color: theme-color.disabled(theme-color.$on-panel);
49
}
50
}
51
}
52
.tasklist button {
54
border-image: image(transparent) 0 0 2 / 0 0 2px;
55
&:checked {
57
border-image: image(currentcolor) 0 0 2 / 0 0 2px;
58
}
59
image {
61
padding: 4px;
62
}
63
}
64
&.horizontal .tasklist button {
66
// margin: 0 1px;
67
}
68
&.vertical .tasklist button {
70
// margin: 1px 0;
71
}
72
frame > border {
74
border-style: none;
75
background-color: transparent;
76
}
77
progressbar {
79
progress {
80
background-color: theme-color.primary(theme-color.$on-panel);
81
}
82
trough {
84
background-color: theme-color.disabled-stroke(theme-color.$on-panel);
85
}
86
}
87
}
88
// Workspace switcher provided by libwnck
90
wnck-pager {
91
&:hover {
92
background-color: theme-color.hover-overlay(theme-color.$on-panel);
93
}
94
&:active {
96
background-color: theme-color.pressed-overlay(theme-color.$on-panel);
97
}
98
&:selected {
100
background-color: theme-color.$primary;
101
}
102
}
103
XfdesktopIconView.view {
105
border-radius: theme.$corner-radius;
106
// background-color: transparent;
107
color: theme-color.$on-dark;
108
text-shadow: shadow.$text-shadow;
109
// XfdesktopIconView uses :active instead of :selected for selection
111
&:active {
112
box-shadow: none;
113
background-color: theme-color.$selected-overlay;
114
}
115
.label {
117
// text-shadow: $text-shadow;
118
}
119
.rubberband {
121
@extend %rubberband;
122
border-radius: 0;
124
}
125
}
126
#XfceNotifyWindow {
128
border-radius: theme.$corner-radius;
129
box-shadow: shadow.$z4, inset 0 1px theme-color.highlight(theme-color.$surface-z8);
130
background-color: theme-color.$surface-z8;
131
color: theme-color.$on-surface;
132
buttonbox button:not(:disabled) {
134
color: theme-color.$primary;
135
@include drawing.ink-color(theme-color.$primary, $button-style: "flat");
136
}
137
label#summary {
139
font-weight: bold;
140
+ label {
142
color: theme-color.hint(theme-color.$on-surface);
143
}
144
}
145
progressbar {
147
progress {
148
}
149
trough {
151
}
152
}
153
}
154
// Xfwm4's alt-tab dialog, aka "tabwin"
156
#xfwm-tabwin {
157
padding: 12px;
158
border-radius: theme.$corner-radius;
159
// Set the application icon- and preview-size to 64px
161
-XfwmTabwinWidget-icon-size: 64px;
162
-XfwmTabwinWidget-preview-size: 64px;
163
button {
165
}
166
}
167
/**
169
* Thunar
170
*/
171
.thunar {
173
#location-toolbar {
174
border-bottom: 1px solid theme-color.divider(theme-color.$on-surface);
175
// FIXME: This has no .image-button style class :(
177
> toolitem > button {
178
min-width: 24px;
179
padding: (theme.$medium-size - 24px) / 2;
180
border-radius: theme.$circular-radius;
181
}
182
}
183
.shortcuts-pane.frame,
185
.standard-view.frame {
186
border-width: 0;
187
background-color: transparent;
188
}
189
.sidebar .view:not(:selected) {
191
// background-color: transparent;
192
}
193
statusbar {
195
margin: 0 -10px;
196
padding: 0 4px;
197
border-top: 1px solid theme-color.divider(theme-color.$on-surface);
198
}
199
}
200