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
* Chromium *
69
************/
70
window.background.chromium {
71
background-color: $surface;
72
// FIXME: There is no way to change the color of the toolbar buttons
74
// toolbar button { color: $text2; }
75
// toolbar's border-bottom refers to button's border
77
// FIXME: Chrome's button border ignores theme's alpha value :(
78
entry,
79
> button { border: 1px solid $stroke; }
80
> button {
82
color: $primary;
83
&:disabled { color: $text2-disabled; }
85
}
86
menubar,
88
headerbar { color: $titlebar-text2; }
89
// Workaround for non-animatable buttons in headerbar
91
headerbar button:active { background-color: $overlay-active; }
92
spinner { color: $primary; }
94
// For text field
96
textview.view { background-color: transparent; }
97
// For prominent button, starred icon, etc.
99
treeview.view.cell:selected:focus {
100
background-color: $primary;
101
color: on($primary);
102
}
103
// For table header
105
treeview.view button {
106
border: 1px solid $stroke;
107
background-color: $base; // FIXME: This should not be necessary
108
// color: $text2;
109
}
110
}
111
tooltip.background.chromium { background-color: rgba($tooltip, 1); }
113
/***********
116
* Firefox *
117
***********/
118
#MozillaGtkWidget {
119
> widget {
120
// For popover, entry in toolbar, etc.
121
text { background-color: $surface; }
122
// For selection, active tab indicator, etc.
124
text:selected {
125
// Use traditional selection style as workaround
126
background-color: $primary;
127
color: on($primary);
128
}
129
// For separators in bookmark toolbar
131
> separator { color: $divider; }
132
// avoid black border
134
// > scrollbar { background-clip: border-box; }
135
// Emphasize toolbar's border-bottom
137
> frame > border {
138
// FIXME: On Wayland, translucent colors don't work well here.
139
// See: https://github.com/nana-4/materia-theme/issues/467
140
// border-color: $stroke;
142
border-color: opacify($stroke, $background);
143
}
144
> entry,
146
> button > button {
147
border: 1px solid $stroke;
148
border-radius: $corner-radius;
149
box-shadow: none;
150
&:disabled { border-color: $stroke-disabled; }
152
}
153
> entry {
155
min-height: 32px - 2px;
156
background-color: $base;
157
&:focus {
159
border-color: $primary;
160
box-shadow: inset 0 0 0 1px $primary;
161
}
162
&:disabled { background-color: $base-alt; }
164
}
165
> button > button {
167
padding: 4px 8px;
168
background-size: auto;
169
&:hover { box-shadow: inset 0 0 0 9999px $overlay-hover; }
171
&:active { background-image: image($overlay-active); }
173
}
174
// use 16px assets for hard-coded sizing
176
> checkbutton > check { @extend %small_check; }
177
> radiobutton > radio { @extend %small_radio; }
179
> checkbutton > check,
181
> radiobutton > radio {
182
margin: 0;
183
padding: 0;
184
}
185
// make check/radio visible regardless of whether the background is bright or dark
187
> checkbutton > check:not(:checked):not(:indeterminate),
188
> radiobutton > radio:not(:checked):not(:indeterminate) {
189
color: $grey-600;
190
&:disabled { color: rgba($grey-600, 0.5); }
192
}
193
}
194
// remove ugly border around the menus
196
menu { border: none; }
197
// Workaround: Firefox doesn't properly read color from
199
// menuitem:disabled, but from menuitem label:disabled.
200
menuitem label:disabled {
201
color: $text-disabled;
202
}
203
}
204
// for backward compatibility
206
#MozillaGtkWidget {
207
> widget {
208
> menubar {
209
color: $titlebar-text2;
210
&:hover { color: $titlebar-text; }
212
&:disabled { color: $titlebar-text2-disabled; }
214
}
215
> frame { color: $stroke; }
217
}
218
menu > separator { color: $divider; }
220
}
221
/************
224
* Inkscape *
225
************/
226
#ToolboxCommon {
227
> #AuxToolbox {
228
#StyleSwatch { font-size: smaller; }
229
#Kludge { padding: 0; }
231
spinbutton,
233
entry { min-height: 32px; }
234
button:not(.up):not(.down) {
236
min-height: 24px;
237
min-width: 16px;
238
padding: 4px 8px;
239
border-radius: $corner-radius;
240
}
241
spinbutton button { border-width: 4px; }
243
}
244
> toolbar.vertical {
246
margin-top: -4px;
247
button {
249
min-height: 24px;
250
min-width: 24px;
251
padding: 4px;
252
border-radius: $corner-radius;
253
}
254
}
255
}
256
#CanvasTable {
258
button {
259
min-height: 16px;
260
min-width: 16px;
261
padding: 0;
262
}
263
#HorizontalScrollbar { border-top: 1px solid $divider; }
265
#VerticalScrollbar {
267
&:dir(ltr) { border-left: 1px solid $divider; }
268
&:dir(rtl) { border-right: 1px solid $divider; }
270
}
271
}
272
#Canvas_and_Dock {
274
frame > border { border: none; }
275
// each canvases' titlebar
277
widget > widget {
278
> button.flat {
279
min-height: 16px;
280
min-width: 16px;
281
padding: 4px;
282
}
283
> box.horizontal image { padding: 4px; }
285
}
286
// vertical dock buttons
288
box.horizontal > box.vertical > button.flat {
289
min-height: 16px;
290
min-width: 24px;
291
padding: 8px 4px;
292
}
293
}
294
/***********
297
* Synapse *
298
***********/
299
box.vertical > widget > widget:selected { @extend %selected_items; }
300