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
* Eclipse *
37
***********/
38
window.background > box.vertical > scrolledwindow > widget toolbar {
39
padding: 2px;
40
separator,
42
button { margin: 2px; }
43
button { border-radius: $corner-radius; }
45
}
46
/************
49
* Chromium *
50
************/
51
window.background.chromium {
52
background-color: if($variant == 'light', $background, $surface);
53
// FIXME: no way to change the toolbar button colors only
55
// toolbar button { color: $text-secondary; }
56
// toolbar's border-bottom refers to button's border
58
entry,
59
> button:not(.suggested-action):not(.destructive-action) { border: 1px solid $border-alt; }
60
> button {
62
box-shadow: none;
63
background-size: auto;
64
&:hover { background-image: image($overlay-hover); }
66
&:active { background-image: image($overlay-checked); }
68
}
69
// workaround for headerbar's non-animatable buttons
71
headerbar button:active { background-size: 1000% 1000%; }
72
spinner { color: $primary; }
74
// entry uses this as well
76
textview { background-color: $surface; }
77
}
78
tooltip.background.chromium { background-color: rgba($tooltip, 1); }
80
/***********
83
* Firefox *
84
***********/
85
window.background:not(.csd) {
86
> widget {
87
// for the bookmark toolbar's separators
88
> separator { color: $border-alt; }
89
// avoid black border
91
> scrollbar { background-clip: border-box; }
92
// emphasize borders color
94
> scrollbar,
95
> frame > border { border-color: $border-alt; }
96
> entry,
98
> button > button {
99
border: 1px solid $border-alt;
100
border-radius: $corner-radius;
101
box-shadow: none;
102
}
103
> entry {
105
min-height: 32px - 2px;
106
background-color: $base;
107
&:focus {
109
border-color: $primary;
110
box-shadow: inset 0 0 0 1px $primary;
111
}
112
&:disabled { background-color: $base-alt; }
114
}
115
> button > button {
117
padding: 4px 8px;
118
background-size: auto;
119
// color: $fg_color;
120
&:hover { background-image: image($overlay-hover); }
122
&:active { background-image: image($overlay-checked); }
124
}
125
// use 16px assets for hard-coded sizing
127
> checkbutton > check { @extend %small_check; }
128
> radiobutton > radio { @extend %small_radio; }
130
// make check/radio visible regardless of whether the background is bright or dark
132
> checkbutton > check:not(:checked),
133
> radiobutton > radio:not(:checked) {
134
color: $grey-600;
135
&:hover, &:active { color: $grey-900; }
137
&:disabled { color: rgba($grey-600, 0.5); }
139
}
140
}
141
// remove ugly border around the menus
143
> window > menu,
144
> menu > menu { border: none; }
145
}
146
// Firefox now uses this for selected items
148
text:selected {
149
// use traditional selection style as workaround for Firefox
150
background-color: $primary;
151
color: on($primary);
152
}
153
// for backward compatibility
155
window.background:not(.csd) {
156
> widget {
157
> menubar {
158
color: $titlebar-text-secondary;
159
&:hover { color: $titlebar-text; }
161
&:disabled { color: $titlebar-text-secondary-disabled; }
163
}
164
> frame { color: $border-alt; }
166
> checkbutton > check,
168
> radiobutton > radio {
169
margin: 0;
170
padding: 0;
171
}
172
}
173
> window.background > menu > separator { color: $border; }
175
}
176
/************
179
* Inkscape *
180
************/
181
#ToolboxCommon {
182
> #AuxToolbox {
183
#StyleSwatch { font-size: smaller; }
184
#Kludge { padding: 0; }
186
spinbutton,
188
entry { min-height: 32px; }
189
button:not(.up):not(.down) {
191
min-height: 24px;
192
min-width: 16px;
193
padding: 4px 8px;
194
border-radius: $corner-radius;
195
-gtk-outline-radius: $corner-radius;
196
}
197
spinbutton button { border-width: 4px; }
199
}
200
> toolbar.vertical {
202
margin-top: -4px;
203
button {
205
min-height: 24px;
206
min-width: 24px;
207
padding: 4px;
208
border-radius: $corner-radius;
209
-gtk-outline-radius: $corner-radius;
210
}
211
}
212
}
213
#CanvasTable {
215
button {
216
min-height: 16px;
217
min-width: 16px;
218
padding: 0;
219
}
220
#HorizontalScrollbar { border-top: 1px solid $border; }
222
#VerticalScrollbar {
224
&:dir(ltr) { border-left: 1px solid $border; }
225
&:dir(rtl) { border-right: 1px solid $border; }
227
}
228
}
229
#Canvas_and_Dock {
231
frame > border { border: none; }
232
// each canvases' titlebar
234
widget > widget {
235
> button.flat {
236
min-height: 16px;
237
min-width: 16px;
238
padding: 4px;
239
}
240
> box.horizontal image { padding: 4px; }
242
}
243
// vertical dock buttons
245
box.horizontal > box.vertical > button.flat {
246
min-height: 16px;
247
min-width: 24px;
248
padding: 8px 4px;
249
}
250
}
251
/***********
254
* Synapse *
255
***********/
256
box.vertical > widget > widget:selected { @extend %selected_items; }
257