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($popup_bg_color); }
18
.terminal-titlebar button { border-radius: 0; }
20
button.image-button.session-new-button { min-width: $medium_size - 4px; }
22
/***********
25
* Eclipse *
26
***********/
27
window.background > box.vertical > scrolledwindow > widget toolbar {
28
padding: 2px;
29
separator,
31
button { margin: 2px; }
32
button { border-radius: 2px; }
34
}
35
/************
38
* Chromium *
39
************/
40
window.background.chromium {
41
background-color: if($variant == 'light', $bg_color, $popup_bg_color);
42
// FIXME: no way to change the toolbar button colors only
44
// toolbar button { color: $secondary_fg_color; }
45
// toolbar's border-bottom refers to button's border
47
entry,
48
> button:not(.suggested-action):not(.destructive-action) { border: 1px solid $alt_border_color; }
49
> button {
51
box-shadow: none;
52
background-size: auto;
53
&:hover { background-image: image($row_fill_color); }
55
&:active { background-image: image($semi_fill_color); }
57
}
58
// workaround for headerbar's non-animatable buttons
60
headerbar button:active { background-size: 1000% 1000%; }
61
spinner { color: $primary_color; }
63
// entry uses this as well
65
textview { background-color: $popup_bg_color; }
66
}
67
tooltip.background.chromium { background-color: rgba($tooltip_bg_color, 1); }
69
/***********
72
* Firefox *
73
***********/
74
window.background:not(.csd) {
75
> widget {
76
// for the bookmark toolbar's separators
77
> separator { color: $alt_border_color; }
78
// avoid black border
80
> scrollbar { background-clip: border-box; }
81
// emphasize borders color
83
> scrollbar,
84
> frame > border { border-color: $alt_border_color; }
85
> entry,
87
> button > button {
88
border: 1px solid $alt_border_color;
89
border-radius: 2px + 1px;
90
box-shadow: none;
91
}
92
> entry {
94
min-height: 32px - 2px;
95
&:focus { border-color: $primary_color; }
97
}
98
> button > button {
100
padding: 4px 8px;
101
background-size: auto;
102
// color: $fg_color;
103
&:hover { background-image: image($row_fill_color); }
105
&:active { background-image: image($semi_fill_color); }
107
}
108
// use 16px assets for hard-coded sizing
110
> checkbutton > check { @extend %small_check; }
111
> radiobutton > radio { @extend %small_radio; }
113
// make check/radio visible regardless of whether the background is bright or dark
115
> checkbutton > check:not(:checked),
116
> radiobutton > radio:not(:checked) {
117
color: $grey_600;
118
&:hover, &:active { color: $grey_900; }
120
&:disabled { color: rgba($grey_600, 0.5); }
122
}
123
}
124
// remove ugly border around the menus
126
> window > menu,
127
> menu > menu { border: none; }
128
}
129
// Firefox now uses this for selected items
131
text:selected { @extend %selected_items; }
132
// for backward compatibility
134
window.background:not(.csd) {
135
> widget {
136
> menubar {
137
color: $titlebar_secondary_fg_color;
138
&:hover { color: $titlebar_fg_color; }
140
&:disabled { color: $titlebar_disabled_secondary_fg_color; }
142
}
143
> frame { color: $alt_border_color; }
145
> checkbutton > check,
147
> radiobutton > radio {
148
margin: 0;
149
padding: 0;
150
}
151
}
152
> window.background > menu > separator { color: $border_color; }
154
}
155
/************
158
* Inkscape *
159
************/
160
#ToolboxCommon {
161
> #AuxToolbox {
162
#StyleSwatch { font-size: smaller; }
163
#Kludge { padding: 0; }
165
spinbutton,
167
entry { min-height: 32px; }
168
button:not(.up):not(.down) {
170
min-height: 24px;
171
min-width: 16px;
172
padding: 4px 8px;
173
border-radius: 2px;
174
-gtk-outline-radius: 2px;
175
}
176
spinbutton button { border-width: 4px; }
178
}
179
> toolbar.vertical {
181
margin-top: -4px;
182
button {
184
min-height: 24px;
185
min-width: 24px;
186
padding: 4px;
187
border-radius: 2px;
188
-gtk-outline-radius: 2px;
189
}
190
}
191
}
192
#CanvasTable {
194
button {
195
min-height: 16px;
196
min-width: 16px;
197
padding: 0;
198
}
199
#HorizontalScrollbar { border-top: 1px solid $border_color; }
201
#VerticalScrollbar {
203
&:dir(ltr) { border-left: 1px solid $border_color; }
204
&:dir(rtl) { border-right: 1px solid $border_color; }
206
}
207
}
208
#Canvas_and_Dock {
210
frame > border { border: none; }
211
// each canvases' titlebar
213
widget > widget {
214
> button.flat {
215
min-height: 16px;
216
min-width: 16px;
217
padding: 4px;
218
}
219
> box.horizontal image { padding: 4px; }
221
}
222
// vertical dock buttons
224
box.horizontal > box.vertical > button.flat {
225
min-height: 16px;
226
min-width: 24px;
227
padding: 8px 4px;
228
}
229
}
230
/***********
233
* Synapse *
234
***********/
235
box.vertical > widget > widget:selected { background-color: $primary_color; }
236