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-4;
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
/**************
25
* Terminator *
26
**************/
27
.terminator-terminal-window {
28
paned > separator { background-color: $background; }
29
// this should be fixed by the upstream
31
notebook.frame { border-style: none; }
32
}
33
/*************
36
* Ubitquity *
37
*************/
38
#live_installer .menubar progressbar trough {
39
border-radius: 4px; // Adjust to hard-coded progress border-radius
40
background-color: $titlebar-divider;
41
}
42
/***********
45
* Eclipse *
46
***********/
47
window.background > box.vertical > scrolledwindow > widget toolbar {
48
padding: 2px;
49
separator,
51
button { margin: 2px; }
52
button { border-radius: $corner-radius; }
54
}
55
/************
58
* Chromium *
59
************/
60
window.background.chromium {
61
background-color: if($variant == 'light', $background, $surface);
62
// FIXME: no way to change the toolbar button colors only
64
// toolbar button { color: $text-secondary; }
65
// toolbar's border-bottom refers to button's border
67
entry,
68
> button:not(.suggested-action):not(.destructive-action) { border: 1px solid $border-alt; }
69
> button {
71
box-shadow: none;
72
background-size: auto;
73
&:hover { background-image: image($overlay-hover); }
75
&:active { background-image: image($overlay-checked); }
77
}
78
// workaround for headerbar's non-animatable buttons
80
headerbar button:active { background-size: 1000% 1000%; }
81
spinner { color: $primary; }
83
// entry uses this as well
85
textview { background-color: $surface; }
86
}
87
tooltip.background.chromium { background-color: rgba($tooltip, 1); }
89
/***********
92
* Firefox *
93
***********/
94
window.background:not(.csd) {
95
> widget {
96
// for the bookmark toolbar's separators
97
> separator { color: $border-alt; }
98
// avoid black border
100
> scrollbar { background-clip: border-box; }
101
// emphasize borders color
103
> scrollbar,
104
> frame > border { border-color: $border-alt; }
105
> entry,
107
> button > button {
108
border: 1px solid $border-alt;
109
border-radius: $corner-radius;
110
box-shadow: none;
111
}
112
> entry {
114
min-height: 32px - 2px;
115
background-color: $base;
116
&:focus {
118
border-color: $primary;
119
box-shadow: inset 0 0 0 1px $primary;
120
}
121
&:disabled { background-color: $base-alt; }
123
}
124
> button > button {
126
padding: 4px 8px;
127
background-size: auto;
128
// color: $fg_color;
129
&:hover { background-image: image($overlay-hover); }
131
&:active { background-image: image($overlay-checked); }
133
}
134
// use 16px assets for hard-coded sizing
136
> checkbutton > check { @extend %small_check; }
137
> radiobutton > radio { @extend %small_radio; }
139
// make check/radio visible regardless of whether the background is bright or dark
141
> checkbutton > check:not(:checked),
142
> radiobutton > radio:not(:checked) {
143
color: $grey-600;
144
&:hover, &:active { color: $grey-900; }
146
&:disabled { color: rgba($grey-600, 0.5); }
148
}
149
}
150
// remove ugly border around the menus
152
> window > menu,
153
> menu > menu { border: none; }
154
}
155
// Firefox now uses this for selected items
157
text:selected {
158
// use traditional selection style as workaround for Firefox
159
background-color: $primary;
160
color: on($primary);
161
}
162
// for backward compatibility
164
window.background:not(.csd) {
165
> widget {
166
> menubar {
167
color: $titlebar-text-secondary;
168
&:hover { color: $titlebar-text; }
170
&:disabled { color: $titlebar-text-secondary-disabled; }
172
}
173
> frame { color: $border-alt; }
175
> checkbutton > check,
177
> radiobutton > radio {
178
margin: 0;
179
padding: 0;
180
}
181
}
182
> window.background > menu > separator { color: $border; }
184
}
185
/************
188
* Inkscape *
189
************/
190
#ToolboxCommon {
191
> #AuxToolbox {
192
#StyleSwatch { font-size: smaller; }
193
#Kludge { padding: 0; }
195
spinbutton,
197
entry { min-height: 32px; }
198
button:not(.up):not(.down) {
200
min-height: 24px;
201
min-width: 16px;
202
padding: 4px 8px;
203
border-radius: $corner-radius;
204
-gtk-outline-radius: $corner-radius;
205
}
206
spinbutton button { border-width: 4px; }
208
}
209
> toolbar.vertical {
211
margin-top: -4px;
212
button {
214
min-height: 24px;
215
min-width: 24px;
216
padding: 4px;
217
border-radius: $corner-radius;
218
-gtk-outline-radius: $corner-radius;
219
}
220
}
221
}
222
#CanvasTable {
224
button {
225
min-height: 16px;
226
min-width: 16px;
227
padding: 0;
228
}
229
#HorizontalScrollbar { border-top: 1px solid $border; }
231
#VerticalScrollbar {
233
&:dir(ltr) { border-left: 1px solid $border; }
234
&:dir(rtl) { border-right: 1px solid $border; }
236
}
237
}
238
#Canvas_and_Dock {
240
frame > border { border: none; }
241
// each canvases' titlebar
243
widget > widget {
244
> button.flat {
245
min-height: 16px;
246
min-width: 16px;
247
padding: 4px;
248
}
249
> box.horizontal image { padding: 4px; }
251
}
252
// vertical dock buttons
254
box.horizontal > box.vertical > button.flat {
255
min-height: 16px;
256
min-width: 24px;
257
padding: 8px 4px;
258
}
259
}
260
/***********
263
* Synapse *
264
***********/
265
box.vertical > widget > widget:selected { @extend %selected_items; }
266