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($lighter_bg_color); }
18
button.image-button.session-new-button { min-width: $medium_size - 4px; }
20
/***********
23
* Eclipse *
24
***********/
25
window.background > box.vertical > scrolledwindow > widget toolbar {
26
padding: 2px;
27
separator,
29
button { margin: 2px; }
30
button { border-radius: 2px; }
32
}
33
/************
36
* Chromium *
37
************/
38
tooltip.chromium { background-color: $tooltip_bg_color; }
39
/***********
42
* Firefox *
43
***********/
44
window.background:not(.csd) {
45
> widget {
46
// for the bookmark toolbar's separators
47
> separator { color: $alt_border_color; }
48
// avoid black border
50
> scrollbar { background-clip: border-box; }
51
// emphasize borders color
53
> scrollbar,
54
> frame > border { border-color: $alt_border_color; }
55
> entry,
57
> button > button {
58
border: 1px solid $alt_border_color;
59
border-radius: 2px + 1px;
60
box-shadow: none;
61
}
62
> entry {
64
min-height: 32px - 2px;
65
&:focus { border-color: $primary_color; }
67
}
68
> button > button {
70
padding: 4px 8px;
71
background-size: auto;
72
// color: $fg_color;
73
&:hover { background-image: image(gtkalpha(currentColor, 0.1 / 2)); }
75
&:active { background-image: image(gtkalpha(currentColor, 0.1)); }
77
}
78
// use 16px assets for hard-coded sizing
80
> checkbutton > check { @extend %small_check; }
81
> radiobutton > radio { @extend %small_radio; }
83
// make check/radio visible regardless of whether the background is bright or dark
85
> checkbutton > check:not(:checked),
86
> radiobutton > radio:not(:checked) {
87
color: $grey_600;
88
&:hover, &:active { color: $grey_900; }
90
&:disabled { color: rgba($grey_600, 0.5); }
92
}
93
}
94
// remove ugly border around the menus
96
> window > menu,
97
> menu > menu { border: none; }
98
}
99
// Firefox now uses this for selected items
101
text:selected { @extend %selected_items; }
102
// for backwards compatibility
104
window.background:not(.csd) {
105
> widget {
106
> menubar {
107
color: $titlebar_secondary_fg_color;
108
&:hover { color: $titlebar_fg_color; }
110
&:disabled { color: $titlebar_disabled_secondary_fg_color; }
112
}
113
> frame { color: $alt_border_color; }
115
> checkbutton > check,
117
> radiobutton > radio {
118
margin: 0;
119
padding: 0;
120
}
121
}
122
> window.background > menu > separator { color: $border_color; }
124
}
125
/************
128
* Inkscape *
129
************/
130
#ToolboxCommon {
131
> #AuxToolbox {
132
#StyleSwatch { font-size: smaller; }
133
#Kludge { padding: 0; }
135
spinbutton,
137
entry { min-height: 32px; }
138
button:not(.up):not(.down) {
140
min-height: 24px;
141
min-width: 16px;
142
padding: 4px 8px;
143
border-radius: 2px;
144
-gtk-outline-radius: 2px;
145
}
146
spinbutton button { border-width: 4px; }
148
}
149
> toolbar.vertical {
151
margin-top: -4px;
152
button {
154
min-height: 24px;
155
min-width: 24px;
156
padding: 4px;
157
border-radius: 2px;
158
-gtk-outline-radius: 2px;
159
}
160
}
161
}
162
#CanvasTable {
164
button {
165
min-height: 16px;
166
min-width: 16px;
167
padding: 0;
168
}
169
#HorizontalScrollbar { border-top: 1px solid $border_color; }
171
#VerticalScrollbar {
173
&:dir(ltr) { border-left: 1px solid $border_color; }
174
&:dir(rtl) { border-right: 1px solid $border_color; }
176
}
177
}
178
#Canvas_and_Dock {
180
frame > border { border: none; }
181
// each canvases' titlebar
183
widget > widget {
184
> button.flat {
185
min-height: 16px;
186
min-width: 16px;
187
padding: 4px;
188
}
189
> box.horizontal image { padding: 4px; }
191
}
192
// vertical dock buttons
194
box.horizontal > box.vertical > button.flat {
195
min-height: 16px;
196
min-width: 24px;
197
padding: 8px 4px;
198
}
199
}
200
/***********
203
* Synapse *
204
***********/
205
box.vertical > widget > widget:selected { background-color: $primary_color; }
206