ASCII text
1
/**
2
* Tilix
3
*/
4
overlay > revealer {
6
&.left > scrolledwindow.frame,
7
&.right > scrolledwindow.frame {
8
border-style: none;
9
box-shadow: $shadow-z16;
10
}
11
&.left > scrolledwindow.frame {
13
margin-right: 32px;
14
}
15
&.right > scrolledwindow.frame {
17
margin-left: 32px;
18
}
19
}
20
.terminix-session-sidebar, // for backward compatibility
22
.tilix-session-sidebar {
23
background-image: image($surface);
24
}
25
.terminal-titlebar button {
27
border-radius: 0;
28
}
29
button.image-button.session-new-button {
31
min-width: $medium-size - 4px;
32
}
33
// Remove extra padding
35
notebook.tilix-background tab > box > stack {
36
margin: -6px;
37
}
38
button.flat.tilix-small-button {
40
// NOTE: padding is hard-coded with:
41
// padding: 2px 4px;
42
min-height: $small-size - 2px * 2;
43
min-width: $small-size - 4px * 2;
44
}
45
/**
47
* Terminator
48
*/
49
.terminator-terminal-window {
51
paned > separator {
52
background-color: $background;
53
}
54
// this should be fixed by the upstream
56
notebook.frame {
57
border-style: none;
58
background-color: transparent;
59
}
60
}
61
/**
63
* Ubitquity
64
*/
65
#live_installer .menubar progressbar trough {
67
border-radius: 4px; // Adjust to hard-coded progress border-radius
68
background-color: disabled-stroke($on-titlebar);
69
}
70
/**
72
* Eclipse
73
*/
74
window.background > box.vertical > scrolledwindow > widget toolbar {
76
padding: 2px;
77
separator,
79
button {
80
margin: 2px;
81
}
82
button {
84
border-radius: $corner-radius;
85
}
86
}
87
/**
89
* FileZilla
90
*/
91
window.background > box.vertical > widget > widget > widget > widget > widget > widget > widget > scrolledwindow > widget {
93
> entry {
94
all: unset;
95
padding: 5px;
96
box-shadow: inset 0 0 0 1px $overlay-selected;
97
background-color: $base;
98
}
99
> widget > entry {
101
all: unset;
102
padding: 0 3px 1px;
103
box-shadow: inset 0 0 0 1px $overlay-selected;
104
background-color: $base;
105
}
106
}
107
/**
109
* Chromium
110
*/
111
window.background.chromium {
113
background-color: $surface;
114
// FIXME: There is no way to change the color of the toolbar buttons
116
toolbar button {
117
// color: hint($on-surface);
118
}
119
// toolbar's border-bottom refers to button's border
121
// FIXME: Chrome's button border ignores theme's alpha value :(
122
entry,
123
> button {
124
border: 1px solid stroke($on-surface);
125
}
126
> button {
128
color: $primary;
129
&:disabled {
131
color: disabled-hint($on-surface);
132
}
133
}
134
menubar,
136
headerbar {
137
color: hint($on-titlebar);
138
}
139
// Workaround for non-animatable buttons in headerbar
141
headerbar button:active {
142
background-color: overlay("pressed", $on-titlebar);
143
}
144
spinner {
146
color: $primary;
147
}
148
// For text field
150
textview.view {
151
background-color: transparent;
152
}
153
// For prominent button, starred icon, etc.
155
treeview.view.cell:selected:focus {
156
background-color: $primary;
157
color: $on-primary;
158
}
159
// For table header
161
treeview.view button {
162
border: 1px solid stroke($on-surface);
163
background-color: $base; // FIXME: This should not be necessary
164
// color: hint($on-surface);
165
}
166
}
167
tooltip.background.chromium {
169
background-color: rgba($tooltip, 1);
170
}
171
/**
173
* Firefox
174
*/
175
#MozillaGtkWidget {
177
> widget {
178
// For popover, entry in toolbar, etc.
179
text {
180
background-color: $surface;
181
}
182
// For selection, active tab indicator, etc.
184
text:selected {
185
// Use traditional selection style as workaround
186
background-color: $primary;
187
color: $on-primary;
188
}
189
// For separators in bookmark toolbar
191
> separator {
192
color: divider($on-surface);
193
}
194
// avoid black border
196
> scrollbar {
197
// background-clip: border-box;
198
}
199
// Emphasize toolbar's border-bottom
201
> frame > border {
202
// FIXME: On Wayland, translucent colors don't work well here.
203
// See: https://github.com/nana-4/materia-theme/issues/467
204
border-color: opacify(stroke($on-surface), $background);
205
}
206
> entry,
208
> button > button {
209
border: 1px solid stroke($on-surface);
210
border-radius: $corner-radius;
211
box-shadow: none;
212
&:disabled {
214
border-color: disabled-stroke($on-surface);
215
}
216
}
217
> entry {
219
min-height: 32px - 2px;
220
background-color: $base;
221
&:focus {
223
border-color: $primary;
224
box-shadow: inset 0 0 0 1px $primary;
225
}
226
&:disabled {
228
background-color: $base;
229
}
230
}
231
> button > button {
233
padding: 4px 8px;
234
background-size: auto;
235
&:hover {
237
box-shadow: inset 0 0 0 9999px overlay("hover", $on-surface);
238
}
239
&:active {
241
background-image: image(overlay("pressed", $on-surface));
242
}
243
}
244
// use 16px assets for hard-coded sizing
246
> checkbutton > check {
247
@extend %small_check;
248
}
249
> radiobutton > radio {
251
@extend %small_radio;
252
}
253
> checkbutton > check,
255
> radiobutton > radio {
256
margin: 0;
257
padding: 0;
258
}
259
// make check/radio visible regardless of whether the background is bright or dark
261
> checkbutton > check:not(:checked):not(:indeterminate),
262
> radiobutton > radio:not(:checked):not(:indeterminate) {
263
color: $grey-600;
264
&:disabled {
266
color: rgba($grey-600, .5);
267
}
268
}
269
}
270
// remove ugly border around the menus
272
menu {
273
// FIXME: The ugly border is still needed, since the menu doesn't
274
// draw its drop shadow in some environments. See:
275
// https://github.com/nana-4/materia-theme/issues/462
276
// border: none;
278
}
279
// Workaround: Firefox doesn't properly read color from
281
// menuitem:disabled, but from menuitem label:disabled.
282
menuitem label:disabled {
283
color: disabled($on-surface);
284
}
285
}
286
// for backward compatibility
288
#MozillaGtkWidget {
289
> widget {
290
> menubar {
291
color: hint($on-titlebar);
292
&:hover {
294
color: $on-titlebar;
295
}
296
&:disabled {
298
color: disabled-hint($on-titlebar);
299
}
300
}
301
> frame {
303
color: stroke($on-surface);
304
}
305
}
306
menu > separator {
308
color: divider($on-surface);
309
}
310
}
311
/**
313
* Inkscape
314
*/
315
#ToolboxCommon {
317
> #AuxToolbox {
318
#StyleSwatch {
319
font-size: smaller;
320
}
321
#Kludge {
323
padding: 0;
324
}
325
spinbutton,
327
entry {
328
min-height: 32px;
329
}
330
button:not(.up):not(.down) {
332
min-height: 24px;
333
min-width: 16px;
334
padding: 4px 8px;
335
border-radius: $corner-radius;
336
}
337
spinbutton button {
339
border-width: 4px;
340
}
341
}
342
> toolbar.vertical {
344
margin-top: -4px;
345
button {
347
min-height: 24px;
348
min-width: 24px;
349
padding: 4px;
350
border-radius: $corner-radius;
351
}
352
}
353
}
354
#CanvasTable {
356
button {
357
min-height: 16px;
358
min-width: 16px;
359
padding: 0;
360
}
361
#HorizontalScrollbar {
363
border-top: 1px solid divider($on-surface);
364
}
365
#VerticalScrollbar {
367
&:dir(ltr) {
368
border-left: 1px solid divider($on-surface);
369
}
370
&:dir(rtl) {
372
border-right: 1px solid divider($on-surface);
373
}
374
}
375
}
376
#Canvas_and_Dock {
378
frame > border {
379
border: none;
380
background-color: transparent;
381
}
382
// each canvases' titlebar
384
widget > widget {
385
> button.flat {
386
min-height: 16px;
387
min-width: 16px;
388
padding: 4px;
389
}
390
> box.horizontal image {
392
padding: 4px;
393
}
394
}
395
// vertical dock buttons
397
box.horizontal > box.vertical > button.flat {
398
min-height: 16px;
399
min-width: 24px;
400
padding: 8px 4px;
401
}
402
}
403
/**
405
* Synapse
406
*/
407
box.vertical > widget > widget:selected {
409
background-color: $overlay-selected;
410
}
411