ASCII text
1
// floating status bar
2
.floating-bar {
3
@extend %osd;
4
// @extend .toolbar.osd;
6
min-height: 32px;
8
padding: 0;
9
border-style: solid solid none;
10
border-width: 1px;
11
border-color: $borders_color;
12
border-radius: (2px + 1px) (2px + 1px) 0 0;
13
background-color: $base_color;
14
background-clip: $extra_background_clip;
15
transition: $material_transition, border-width 0;
16
&.left {
18
margin-right: 8px - 1px;
19
border-left-style: none;
20
border-top-left-radius: 0;
21
}
22
&.right {
24
margin-left: 8px - 1px;
25
border-right-style: none;
26
border-top-right-radius: 0;
27
}
28
button {
30
min-height: 24px;
31
min-width: 24px;
32
margin: 4px;
33
padding: 0;
34
}
35
}
36
/************
39
* Nautilus *
40
************/
41
.nautilus-window,
42
.nautilus-window notebook,
43
.nautilus-window notebook > stack {
44
background: $base_color;
45
}
46
.nautilus-desktop-window,
48
.nautilus-desktop-window notebook,
49
.nautilus-desktop-window notebook > stack {
50
background: transparent;
51
}
52
.nautilus-canvas-item {
54
// border-radius: 2px;
55
}
56
.nautilus-canvas-item.dim-label,
58
.nautilus-list-dim-label {
59
// @extend .dim-label;
60
}
61
.nautilus-canvas-item.dim-label:selected,
63
.nautilus-list-dim-label:selected {
64
}
65
.nautilus-desktop.nautilus-canvas-item {
67
// background-color: scale-alpha(#000000, $lower_opacity);
68
color: $selected_fg_color;
69
text-shadow: $z-depth-1;
70
}
71
.nautilus-desktop.nautilus-canvas-item:selected {
73
// color: $selected_fg_color;
74
text-shadow: none;
75
}
76
.nautilus-circular-button {
78
@extend %button_basic.image-button;
79
}
80
// Toolbar
82
@keyframes needs_attention_keyframes {
83
0% {background-color: transparent; }
84
50% {background-color: $track_color; }
85
100% {background-color: transparent; }
86
}
87
.nautilus-operations-button-needs-attention {
89
color: $accent_bg_color;
90
animation: needs_attention_keyframes 2s $material_ease;
91
}
92
.nautilus-operations-button-needs-attention-multiple {
94
color: $accent_bg_color;
95
animation: needs_attention_keyframes 2s $material_ease;
96
animation-iteration-count: 2;
97
}
98
.disk-space-display {
100
// border-style: solid;
101
// border-width: 2px;
102
}
103
.disk-space-display.unknown {
105
background-color: $warning_color;
106
}
107
.disk-space-display.used {
109
background-color: $selected_bg_color;
110
}
111
.disk-space-display.free {
113
background-color: $track_color;
114
color: $insensitive_fg_color;
115
}
116
// View
118
.nautilus-list-view .view {
119
// border-bottom: 1px solid $borders_color;
120
}
121
// Hide superfluous treeview drop target indication
123
.nautilus-list-view .view.dnd {
124
// border-style: none;
125
}
126
// Libgd tag entries in the search. Sadly it requires this copy pasted css style.
128
// https://git.gnome.org/browse/libgd/tree/libgd/gd-tagged-entry-default.css
129
.documents-entry-tag {
130
// min-height: 24px;
131
margin: 3px -2px 3px 8px;
132
padding: 0 8px;
133
border-radius: 100px;
134
box-shadow: none;
135
background-color: $selected_bg_color;
136
color: $selected_fg_color;
137
&:hover { box-shadow: $z-depth-1; }
139
}
140
.documents-entry-tag.button {
142
// @extend %button_basic.flat;
143
// min-height: 24px;
145
// min-width: 24px;
146
margin: 0 -2px;
147
padding: 4px;
148
border-radius: 100px;
149
box-shadow: none;
150
color: $secondary_selected_fg_color;
151
&:hover, &:active { color: $selected_fg_color; }
153
}
154
// Workaround for the double border of the searchbar since we use a revealer which
156
// always allocates at least 1 pixel
157
.nautilus-window searchbar { border-top: 1px solid $borders_color; }
158
.nautilus-window .searchbar-container { margin-top: -1px; }
160
/*********
163
* gedit *
164
*********/
165
.open-document-selector-treeview:hover {
166
}
167
.open-document-selector-treeview:selected:hover {
169
}
170
/* Only normal state is handle */
172
.open-document-selector-name-label {
173
font-weight: bold;
174
}
175
/* Only normal state is handle */
177
.open-document-selector-path-label {
178
color: gtkalpha(currentColor, $hint_opacity);
179
font-size: smaller;
180
// @extend .dim-label;
182
}
183
.gedit-document-panel {
185
background-color: $light_color;
186
}
187
.gedit-document-panel row:selected {
189
}
190
.gedit-document-panel-group-row,
192
.gedit-document-panel-group-row:hover {
193
border-top: 1px solid gtkalpha(currentColor, 0.3);
194
}
195
.gedit-document-panel-group-row:first-child,
197
.gedit-document-panel-group-row:first-child:hover {
198
border-top: 0px;
199
}
200
/* Try to look as the notebook tab close button */
202
.gedit-document-panel row button.flat {
203
min-height: $small_size;
204
min-width: $small_size;
205
padding: 0;
206
margin-top: 8px;
207
margin-bottom: 8px;
208
@extend %button_basic.image-button;
210
}
211
statusbar {
213
border-top: 1px solid $borders_color;
214
}
215
.gedit-search-slider {
217
margin: 4px 4px 8px;
218
.gedit-search-entry-occurrences-tag {
220
all: unset;
221
padding: 0 4px;
222
color: gtkalpha(currentColor, $hint_opacity);
223
}
224
entry {
226
&:dir(ltr) {
227
margin-right: -$medium_size * 2;
228
padding-right: $medium_size * 2 + 8px;
229
.gedit-search-entry-occurrences-tag { margin-right: -8px; }
231
}
232
&:dir(rtl) {
234
margin-left: -$medium_size * 2;
235
padding-left: $medium_size * 2 + 8px;
236
.gedit-search-entry-occurrences-tag { margin-left: -8px; }
238
}
239
&.error ~ button { @extend %button_selected.flat; }
241
}
242
button {
244
@extend %button_basic.flat;
245
&:dir(ltr),
247
&:dir(rtl) { @extend %linked; }
248
}
249
}
250
// Yeah this is ugly
252
.gedit-search-slider .linked:not(.vertical) > entry,
253
notebook > stack:not(:only-child) revealer .gedit-search-slider .linked:not(.vertical) > entry {
254
border-radius: 2px;
255
}
256
/***********
259
* Firefox *
260
***********/
261
menubar {
262
color: $secondary_selected_fg_color;
263
&:hover { color: $selected_fg_color; }
265
}
266
separator { color: $borders_color; }
268
/* FIXME: not working */
270
window.background > widget > check,
271
window.background > widget > radio {
272
margin: 0;
273
padding: 0;
274
}
275
window.background > widget > radio:checked {
277
-gtk-icon-source: image(-gtk-recolor(url("assets/radio-checked-symbolic.svg")),
278
-gtk-recolor(url("assets/radio-checked-symbolic.png")));
279
border-image: none;
280
}
281
/***********
284
* Synapse *
285
***********/
286
box > widget > widget:selected { background-color: $selected_bg_color; }
287