ASCII text
1
/*********
2
* Tilix *
3
*********/
4
overlay > revealer {
5
&.left > scrolledwindow.frame,
6
&.right > scrolledwindow.frame {
7
border-style: none;
8
box-shadow: $shadow-z16;
9
}
10
&.left > scrolledwindow.frame { margin-right: 32px; }
12
&.right > scrolledwindow.frame { margin-left: 32px; }
14
}
15
.terminix-session-sidebar, // for backward compatibility
17
.tilix-session-sidebar { background-image: image($surface); }
18
.terminal-titlebar button { border-radius: 0; }
20
button.image-button.session-new-button { min-width: $medium-size - 4px; }
22
// Remove extra padding
24
notebook.tilix-background tab > box > stack { margin: -6px; }
25
button.flat.tilix-small-button {
27
// NOTE: padding is hard-coded with:
28
// padding: 2px 4px;
29
min-height: $small-size - 2px * 2;
30
min-width: $small-size - 4px * 2;
31
}
32
/**************
35
* Terminator *
36
**************/
37
.terminator-terminal-window {
38
paned > separator { background-color: $background; }
39
// this should be fixed by the upstream
41
notebook.frame { border-style: none; }
42
}
43
/*************
46
* Ubitquity *
47
*************/
48
#live_installer .menubar progressbar trough {
49
border-radius: 4px; // Adjust to hard-coded progress border-radius
50
background-color: $titlebar-stroke-disabled;
51
}
52
/***********
55
* Eclipse *
56
***********/
57
window.background > box.vertical > scrolledwindow > widget toolbar {
58
padding: 2px;
59
separator,
61
button { margin: 2px; }
62
button { border-radius: $corner-radius; }
64
}
65
/*************
68
* FileZilla *
69
*************/
70
window.background > box.vertical > widget > widget > widget > widget > widget > widget > widget > scrolledwindow > widget {
71
> entry {
72
all: unset;
73
padding: 5px;
74
box-shadow: inset 0 0 0 1px $overlay-selected;
75
background-color: $base;
76
}
77
> widget > entry {
79
all: unset;
80
padding: 0 3px 1px;
81
box-shadow: inset 0 0 0 1px $overlay-selected;
82
background-color: $base;
83
}
84
}
85
/************
88
* Chromium *
89
************/
90
window.background.chromium {
91
background-color: $surface;
92
// FIXME: There is no way to change the color of the toolbar buttons
94
// toolbar button { color: $text2; }
95
// toolbar's border-bottom refers to button's border
97
// FIXME: Chrome's button border ignores theme's alpha value :(
98
entry,
99
> button { border: 1px solid $stroke; }
100
> button {
102
color: $primary;
103
&:disabled { color: $text2-disabled; }
105
}
106
menubar,
108
headerbar { color: $titlebar-text2; }
109
// Workaround for non-animatable buttons in headerbar
111
headerbar button:active { background-color: $overlay-active; }
112
spinner { color: $primary; }
114
// For text field
116
textview.view { background-color: transparent; }
117
// For prominent button, starred icon, etc.
119
treeview.view.cell:selected:focus {
120
background-color: $primary;
121
color: on($primary);
122
}
123
// For table header
125
treeview.view button {
126
border: 1px solid $stroke;
127
background-color: $base; // FIXME: This should not be necessary
128
// color: $text2;
129
}
130
}
131
tooltip.background.chromium { background-color: rgba($tooltip, 1); }
133
/***********
136
* Firefox *
137
***********/
138
#MozillaGtkWidget {
139
> widget {
140
// For popover, entry in toolbar, etc.
141
text { background-color: $surface; }
142
// For selection, active tab indicator, etc.
144
text:selected {
145
// Use traditional selection style as workaround
146
background-color: $primary;
147
color: on($primary);
148
}
149
// For separators in bookmark toolbar
151
> separator { color: $divider; }
152
// avoid black border
154
// > scrollbar { background-clip: border-box; }
155
// Emphasize toolbar's border-bottom
157
> frame > border {
158
// FIXME: On Wayland, translucent colors don't work well here.
159
// See: https://github.com/nana-4/materia-theme/issues/467
160
// border-color: $stroke;
162
border-color: opacify($stroke, $background);
163
}
164
> entry,
166
> button > button {
167
border: 1px solid $stroke;
168
border-radius: $corner-radius;
169
box-shadow: none;
170
&:disabled { border-color: $stroke-disabled; }
172
}
173
> entry {
175
min-height: 32px - 2px;
176
background-color: $base;
177
&:focus {
179
border-color: $primary;
180
box-shadow: inset 0 0 0 1px $primary;
181
}
182
&:disabled { background-color: $base-alt; }
184
}
185
> button > button {
187
padding: 4px 8px;
188
background-size: auto;
189
&:hover { box-shadow: inset 0 0 0 9999px $overlay-hover; }
191
&:active { background-image: image($overlay-active); }
193
}
194
// use 16px assets for hard-coded sizing
196
> checkbutton > check { @extend %small_check; }
197
> radiobutton > radio { @extend %small_radio; }
199
> checkbutton > check,
201
> radiobutton > radio {
202
margin: 0;
203
padding: 0;
204
}
205
// make check/radio visible regardless of whether the background is bright or dark
207
> checkbutton > check:not(:checked):not(:indeterminate),
208
> radiobutton > radio:not(:checked):not(:indeterminate) {
209
color: $grey-600;
210
&:disabled { color: rgba($grey-600, 0.5); }
212
}
213
}
214
// remove ugly border around the menus
216
menu { border: none; }
217
// Workaround: Firefox doesn't properly read color from
219
// menuitem:disabled, but from menuitem label:disabled.
220
menuitem label:disabled {
221
color: $text-disabled;
222
}
223
}
224
// for backward compatibility
226
#MozillaGtkWidget {
227
> widget {
228
> menubar {
229
color: $titlebar-text2;
230
&:hover { color: $titlebar-text; }
232
&:disabled { color: $titlebar-text2-disabled; }
234
}
235
> frame { color: $stroke; }
237
}
238
menu > separator { color: $divider; }
240
}
241
/************
244
* Inkscape *
245
************/
246
#ToolboxCommon {
247
> #AuxToolbox {
248
#StyleSwatch { font-size: smaller; }
249
#Kludge { padding: 0; }
251
spinbutton,
253
entry { min-height: 32px; }
254
button:not(.up):not(.down) {
256
min-height: 24px;
257
min-width: 16px;
258
padding: 4px 8px;
259
border-radius: $corner-radius;
260
}
261
spinbutton button { border-width: 4px; }
263
}
264
> toolbar.vertical {
266
margin-top: -4px;
267
button {
269
min-height: 24px;
270
min-width: 24px;
271
padding: 4px;
272
border-radius: $corner-radius;
273
}
274
}
275
}
276
#CanvasTable {
278
button {
279
min-height: 16px;
280
min-width: 16px;
281
padding: 0;
282
}
283
#HorizontalScrollbar { border-top: 1px solid $divider; }
285
#VerticalScrollbar {
287
&:dir(ltr) { border-left: 1px solid $divider; }
288
&:dir(rtl) { border-right: 1px solid $divider; }
290
}
291
}
292
#Canvas_and_Dock {
294
frame > border { border: none; }
295
// each canvases' titlebar
297
widget > widget {
298
> button.flat {
299
min-height: 16px;
300
min-width: 16px;
301
padding: 4px;
302
}
303
> box.horizontal image { padding: 4px; }
305
}
306
// vertical dock buttons
308
box.horizontal > box.vertical > button.flat {
309
min-height: 16px;
310
min-width: 24px;
311
padding: 8px 4px;
312
}
313
}
314
/***********
317
* Synapse *
318
***********/
319
box.vertical > widget > widget:selected { @extend %selected_items; }
320