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-z8);
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: $surface-z0;
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: $surface-z1;
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: $surface-z1;
105
}
106
}
107
/**
109
* Chromium
110
*/
111
window.background.chromium {
113
background-color: $surface-z8;
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
// For text field
146
textview.view {
147
background-color: transparent;
148
}
149
// For prominent button, starred icon, etc.
151
treeview.view.cell:selected:focus {
152
background-color: $primary;
153
color: $on-primary;
154
}
155
// For table header
157
treeview.view button {
158
border: 1px solid stroke($on-surface);
159
background-color: $surface-z1; // FIXME: This should not be necessary
160
// color: hint($on-surface);
161
}
162
}
163
tooltip.background.chromium {
165
background-color: rgba($tooltip, 1);
166
}
167
/**
169
* Firefox
170
*/
171
#MozillaGtkWidget {
173
> widget {
174
// For popover, entry in toolbar, etc.
175
text {
176
background-color: $surface-z8;
177
}
178
// For selection, active tab indicator, etc.
180
text:selected {
181
// Use traditional selection style as workaround
182
background-color: $primary;
183
color: $on-primary;
184
}
185
// For separators in bookmark toolbar
187
> separator {
188
color: divider($on-surface);
189
}
190
// avoid black border
192
> scrollbar {
193
// background-clip: border-box;
194
}
195
// Emphasize toolbar's border-bottom
197
> frame > border {
198
// FIXME: On Wayland, translucent colors don't work well here.
199
// See: https://github.com/nana-4/materia-theme/issues/467
200
border-color: opacify(stroke($on-surface), $surface-z0);
201
}
202
> entry,
204
> button > button {
205
border: 1px solid stroke($on-surface);
206
border-radius: $corner-radius;
207
box-shadow: none;
208
&:disabled {
210
border-color: disabled-stroke($on-surface);
211
}
212
}
213
> entry {
215
min-height: 32px - 2px;
216
background-color: $surface-z1;
217
&:focus {
219
border-color: $primary;
220
box-shadow: inset 0 0 0 1px $primary;
221
}
222
&:disabled {
224
background-color: $surface-z1;
225
}
226
}
227
> button > button {
229
padding: 4px 8px;
230
&:active {
232
background-size: 1000% 1000%;
233
}
234
}
235
// use 16px assets for hard-coded sizing
237
> checkbutton > check {
238
@extend %small_check;
239
}
240
> radiobutton > radio {
242
@extend %small_radio;
243
}
244
> checkbutton > check,
246
> radiobutton > radio {
247
margin: 0;
248
padding: 0;
249
}
250
// make check/radio visible regardless of whether the background is bright or dark
252
> checkbutton > check:not(:checked):not(:indeterminate),
253
> radiobutton > radio:not(:checked):not(:indeterminate) {
254
color: $grey-600;
255
&:disabled {
257
color: rgba($grey-600, .5);
258
}
259
}
260
}
261
// remove ugly border around the menus
263
menu {
264
// FIXME: The ugly border is still needed, since the menu doesn't
265
// draw its drop shadow in some environments. See:
266
// https://github.com/nana-4/materia-theme/issues/462
267
// border: none;
269
}
270
// Workaround: Firefox doesn't properly read color from
272
// menuitem:disabled, but from menuitem label:disabled.
273
menuitem label:disabled {
274
color: disabled($on-surface);
275
}
276
}
277
// for backward compatibility
279
#MozillaGtkWidget {
280
> widget {
281
> menubar {
282
color: hint($on-titlebar);
283
&:hover {
285
color: $on-titlebar;
286
}
287
&:disabled {
289
color: disabled-hint($on-titlebar);
290
}
291
}
292
> frame {
294
color: stroke($on-surface);
295
}
296
}
297
menu > separator {
299
color: divider($on-surface);
300
}
301
}
302
/**
304
* Inkscape
305
*/
306
#ToolboxCommon {
308
> #AuxToolbox {
309
#StyleSwatch {
310
font-size: smaller;
311
}
312
#Kludge {
314
padding: 0;
315
}
316
spinbutton,
318
entry {
319
min-height: 32px;
320
}
321
button:not(.up):not(.down) {
323
min-height: 24px;
324
min-width: 16px;
325
padding: 4px 8px;
326
border-radius: $corner-radius;
327
}
328
spinbutton button {
330
border-width: 4px;
331
}
332
}
333
> toolbar.vertical {
335
margin-top: -4px;
336
button {
338
min-height: 24px;
339
min-width: 24px;
340
padding: 4px;
341
border-radius: $corner-radius;
342
}
343
}
344
}
345
#CanvasTable {
347
button {
348
min-height: 16px;
349
min-width: 16px;
350
padding: 0;
351
border-radius: 0;
352
@extend %button-flat-activatable;
353
}
354
#HorizontalScrollbar {
356
border-top: 1px solid divider($on-surface);
357
}
358
#VerticalScrollbar {
360
&:dir(ltr) {
361
border-left: 1px solid divider($on-surface);
362
}
363
&:dir(rtl) {
365
border-right: 1px solid divider($on-surface);
366
}
367
}
368
}
369
#Canvas_and_Dock {
371
frame > border {
372
border: none;
373
background-color: transparent;
374
}
375
// each canvases' titlebar
377
widget > widget {
378
> button.flat {
379
min-height: 16px;
380
min-width: 16px;
381
padding: 4px;
382
}
383
> box.horizontal image {
385
padding: 4px;
386
}
387
}
388
// vertical dock buttons
390
box.horizontal > box.vertical > button.flat {
391
min-height: 16px;
392
min-width: 24px;
393
padding: 8px 4px;
394
}
395
}
396
/**
398
* Synapse
399
*/
400
box.vertical > widget > widget:selected {
402
background-color: $overlay-selected;
403
}
404