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 backwards 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
tooltip.chromium { background-color: $tooltip_bg_color; }
41
/***********
44
* Firefox *
45
***********/
46
window.background:not(.csd) {
47
> widget {
48
// for the bookmark toolbar's separators
49
> separator { color: $alt_border_color; }
50
// avoid black border
52
> scrollbar { background-clip: border-box; }
53
// emphasize borders color
55
> scrollbar,
56
> frame > border { border-color: $alt_border_color; }
57
> entry,
59
> button > button {
60
border: 1px solid $alt_border_color;
61
border-radius: 2px + 1px;
62
box-shadow: none;
63
}
64
> entry {
66
min-height: 32px - 2px;
67
&:focus { border-color: $primary_color; }
69
}
70
> button > button {
72
padding: 4px 8px;
73
background-size: auto;
74
// color: $fg_color;
75
&:hover { background-image: image(gtkalpha(currentColor, 0.1 / 2)); }
77
&:active { background-image: image(gtkalpha(currentColor, 0.1)); }
79
}
80
// use 16px assets for hard-coded sizing
82
> checkbutton > check { @extend %small_check; }
83
> radiobutton > radio { @extend %small_radio; }
85
// make check/radio visible regardless of whether the background is bright or dark
87
> checkbutton > check:not(:checked),
88
> radiobutton > radio:not(:checked) {
89
color: $grey_600;
90
&:hover, &:active { color: $grey_900; }
92
&:disabled { color: rgba($grey_600, 0.5); }
94
}
95
}
96
// remove ugly border around the menus
98
> window > menu,
99
> menu > menu { border: none; }
100
}
101
// Firefox now uses this for selected items
103
text:selected { @extend %selected_items; }
104
// for backwards compatibility
106
window.background:not(.csd) {
107
> widget {
108
> menubar {
109
color: $titlebar_secondary_fg_color;
110
&:hover { color: $titlebar_fg_color; }
112
&:disabled { color: $titlebar_disabled_secondary_fg_color; }
114
}
115
> frame { color: $alt_border_color; }
117
> checkbutton > check,
119
> radiobutton > radio {
120
margin: 0;
121
padding: 0;
122
}
123
}
124
> window.background > menu > separator { color: $border_color; }
126
}
127
/************
130
* Inkscape *
131
************/
132
#ToolboxCommon {
133
> #AuxToolbox {
134
#StyleSwatch { font-size: smaller; }
135
#Kludge { padding: 0; }
137
spinbutton,
139
entry { min-height: 32px; }
140
button:not(.up):not(.down) {
142
min-height: 24px;
143
min-width: 16px;
144
padding: 4px 8px;
145
border-radius: 2px;
146
-gtk-outline-radius: 2px;
147
}
148
spinbutton button { border-width: 4px; }
150
}
151
> toolbar.vertical {
153
margin-top: -4px;
154
button {
156
min-height: 24px;
157
min-width: 24px;
158
padding: 4px;
159
border-radius: 2px;
160
-gtk-outline-radius: 2px;
161
}
162
}
163
}
164
#CanvasTable {
166
button {
167
min-height: 16px;
168
min-width: 16px;
169
padding: 0;
170
}
171
#HorizontalScrollbar { border-top: 1px solid $border_color; }
173
#VerticalScrollbar {
175
&:dir(ltr) { border-left: 1px solid $border_color; }
176
&:dir(rtl) { border-right: 1px solid $border_color; }
178
}
179
}
180
#Canvas_and_Dock {
182
frame > border { border: none; }
183
// each canvases' titlebar
185
widget > widget {
186
> button.flat {
187
min-height: 16px;
188
min-width: 16px;
189
padding: 4px;
190
}
191
> box.horizontal image { padding: 4px; }
193
}
194
// vertical dock buttons
196
box.horizontal > box.vertical > button.flat {
197
min-height: 16px;
198
min-width: 24px;
199
padding: 8px 4px;
200
}
201
}
202
/***********
205
* Synapse *
206
***********/
207
box.vertical > widget > widget:selected { background-color: $primary_color; }
208