Mercurial > repos > other > Adwaita-Dark-Green

comparison gtk-3.24/nautilus.css @ 97:d721ae7a505b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Add support for GTK 3.24 changes
author IBBoard <dev@ibboard.co.uk>
date Sat, 26 Mar 2022 20:01:55 +0000
parents
children 374207f64e2f
comparison
equal deleted inserted replaced
96:e79c5676f972 97:d721ae7a505b
1 /* Based on https://github.com/GNOME/nautilus/tree/gnome-3.30/src/resources/css */
2
3 .nautilus-window,
4 .nautilus-window notebook,
5 .nautilus-window notebook > stack {
6 background: @theme_base_color;
7 }
8
9 .nautilus-canvas-item {
10 border-radius: 5px;
11 }
12
13 .nautilus-canvas-item.dim-label,
14 .nautilus-list-dim-label {
15 color: mix (@theme_fg_color, @theme_bg_color, 0.50);
16 }
17
18 .nautilus-canvas-item.dim-label:selected,
19 .nautilus-list-dim-label:selected {
20 color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20);
21 }
22
23 .nautilus-desktop.nautilus-canvas-item {
24 color: @theme_selected_fg_color;
25 text-shadow: 1px 1px black;
26 }
27
28 .nautilus-desktop.nautilus-canvas-item:active {
29 color: @theme_text_color;
30 }
31
32 .nautilus-desktop.nautilus-canvas-item:selected {
33 color: @theme_selected_fg_color;
34 }
35
36 .nautilus-desktop.nautilus-canvas-item:active,
37 .nautilus-desktop.nautilus-canvas-item:hover,
38 .nautilus-desktop.nautilus-canvas-item:selected {
39 text-shadow: none;
40 }
41
42 .nautilus-desktop.nautilus-canvas-item:selected:backdrop {
43 color: @theme_unfocused_selected_fg_color;
44 }
45
46 /* Toolbar */
47
48 /* Here we use the .button background-image colors from Adwaita, but ligthen them,
49 * since is not possible to use lighten () in common css. */
50 @keyframes needs_attention_keyframes {
51 0% {background-image: linear-gradient(to bottom, @button_emphasis_a, @button_emphasis_b 40%, @button_emphasis_c); border-color: @wm_button_border; }
52 /* can't do animation-direction, so holding the color on two keyframes */
53 30% {background-image: linear-gradient(to bottom, @wm_bg_a, @wm_bg_b); border-color: @wm_button_border; }
54 90% {background-image: linear-gradient(to bottom, @wm_bg_a, @wm_bg_b); border-color: @wm_button_border; }
55 100% {background-image: linear-gradient(to bottom, @button_emphasis_a, @button_emphasis_b 40%, @button_emphasis_c); border-color: @wm_button_border; }
56 }
57
58 .nautilus-operations-button-needs-attention {
59 animation: needs_attention_keyframes 2s ease-in-out;
60 }
61 .nautilus-operations-button-needs-attention-multiple {
62 animation: needs_attention_keyframes 3s ease-in-out;
63 animation-iteration-count: 3;
64 }
65
66 .disclosure-button {
67 padding: 4px;
68 }
69
70 /* New style path bar - Nautilus 3.30 */
71 .nautilus-window .path-bar:not(.linked) button, .nautilus-window .path-bar:not(.linked) button:checked, .nautilus-window .path-bar:not(.linked) button:active, .nautilus-window .path-bar:not(.linked) button:hover,
72 .nautilus-window .path-bar:not(.linked) button:backdrop, .nautilus-window .path-bar:not(.linked) button:backdrop:checked, .nautilus-window .path-bar:not(.linked) button:backdrop:active, .nautilus-window .path-bar:not(.linked) button:backdrop:hover
73 { /* undecorate the buttons */
74 background-image: none;
75 background-color: transparent;
76 border-radius: 0;
77 border-width: 0px;
78 margin: 0px;
79 box-shadow: none;
80 }
81
82 /* New new style path bar - Nautilus 3.32 */
83 .nautilus-path-bar button, .nautilus-path-bar button:checked, .nautilus-path-bar button:active, .nautilus-path-bar button:hover,
84 .nautilus-path-bar button:backdrop, .nautilus-path-bar button:backdrop:checked, .nautilus-path-bar button:backdrop:active, .nautilus-path-bar button:backdrop:hover,
85 .nautilus-path-bar button:first-child {
86 margin: 0px;
87 }
88
89 .nautilus-window .width-maximized .nautilus-path-bar button, .nautilus-window .width-maximized .nautilus-path-bar button:checked, .nautilus-window .width-maximized .nautilus-path-bar button:active, .nautilus-window .width-maximized .nautilus-path-bar button:hover,
90 .nautilus-window .width-maximized .nautilus-path-bar button:backdrop, .nautilus-window .width-maximized .nautilus-path-bar button:backdrop:checked, .nautilus-window .width-maximized .nautilus-path-bar button:backdrop:active, .nautilus-window .width-maximized .nautilus-path-bar button:backdrop:hover,
91 .nautilus-window .width-maximized .nautilus-path-bar button:first-child
92 {
93 border-width: 0px;
94 border-right: 1px solid @wm_button_border;
95 box-shadow: none;
96 }
97
98 .nautilus-window .width-maximized .nautilus-path-bar button:last-child {
99 border-top-right-radius: 0;
100 border-bottom-right-radius: 0;
101 }
102
103 .nautilus-window .path-bar:not(.linked) button:not(:checked) image,
104 .nautilus-path-bar button:not(:checked) image
105 { opacity: 0.8; } /* dim the icon when not checked */
106
107 .nautilus-window .path-bar:not(.linked) button:not(:backdrop):hover { box-shadow: inset 0 -3px @borders; }
108
109 .nautilus-window .path-bar-box {
110 transition: border 200ms;
111 transition: background-color 200ms;
112 }
113 .nautilus-window .path-bar-box.width-maximized {
114 border: 1px @wm_button_border solid;
115 border-radius: 3px;
116 }
117 .nautilus-window .path-bar-box.width-maximized:not(:backdrop) {
118 background-color: @wm_bg_a;
119 /* Nautlis 3.30 should also have an inset shadow for the top, but we can't differentiate it from 3.32 that doesn't need it, so we'll do without */
120 box-shadow: 0 1px @button_emphasis_c;
121 }
122
123 /* Make the tags fit into the box */
124 entry.search > * {
125 margin: 5px;
126 }
127
128 /* Sidebar */
129
130 .sidebar-row:selected {
131 background: mix(@theme_bg_color, @theme_fg_color, 0.07);
132 }
133
134 .sidebar-row:selected,
135 .sidebar-row:selected label {
136 color: mix(@theme_fg_color, @theme_text_color, 0.5);
137 }
138
139 .sidebar-row:selected:backdrop {
140 background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07);
141 }
142
143 .sidebar-row:selected:backdrop,
144 .sidebar-row:selected:backdrop label {
145 color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15);
146 }
147
148 /* Floating status bar */
149 .floating-bar {
150 padding: 1px;
151 background-color: @theme_base_color;
152 border-width: 1px;
153 border-style: solid solid none;
154 border-color: @borders;
155 border-radius: 3px 3px 0 0;
156 }
157
158 .floating-bar.bottom.left { /* axes left border and border radius */
159 border-left-style: none;
160 border-top-left-radius: 0;
161 }
162 .floating-bar.bottom.right { /* axes right border and border radius */
163 border-right-style: none;
164 border-top-right-radius: 0;
165 }
166
167 .floating-bar:backdrop {
168 background-color: @theme_unfocused_base_color;
169 border-color: @unfocused_borders;
170 }
171
172 .floating-bar button {
173 padding: 0px;
174 }
175
176 .search-bar {
177 box-shadow: none;
178 }
179
180 @define-color disk_space_unknown #888a85;
181 @define-color disk_space_used #5E7F3E;
182 @define-color disk_space_free #eeeeec;
183
184 .disk-space-display {
185 border-style: solid;
186 border-width: 2px;
187 }
188
189 .disk-space-display.unknown {
190 background-color: @disk_space_unknown;
191 border-color: shade(@disk_space_unknown, 0.7);
192 color: @disk_space_unknown;
193 }
194 .disk-space-display.unknown.border {
195 color: shade(@disk_space_unknown, 0.7);
196 }
197
198 .disk-space-display.used {
199 background-color: @disk_space_used;
200 border-color: shade(@disk_space_used, 0.7);
201 color: @disk_space_used;
202 }
203 .disk-space-display.used.border {
204 color: shade(@disk_space_used, 0.7);
205 }
206
207 .disk-space-display.free {
208 background-color: @disk_space_free;
209 border-color: shade(@disk_space_free, 0.7);
210 color: @disk_space_free;
211 }
212 .disk-space-display.free.border {
213 color: shade(@disk_space_free, 0.7);
214 }
215
216 /* View */
217 .nautilus-list-view .view {
218 border-bottom: 1px solid @theme_bg_color;
219 }
220
221 .search-information {
222 background-color: @theme_selected_bg_color;
223 color:@theme_selected_fg_color;
224 padding:2px;
225 }
226
227 /* Hide superfluous treeview drop target indication */
228 .nautilus-list-view .view.dnd {
229 border-style: none;
230 }
231
232 /* Libgd tag entries in the search. Sadly it requires this copy pasted css style.
233 * https://git.gnome.org/browse/libgd/tree/libgd/gd-tagged-entry-default.css
234 */
235 @define-color entry_tag_bg #3465a4;
236 @define-color entry_tag_fg #ffffff;
237
238 .documents-entry-tag {
239 background-image: none;
240 background-color: @entry_tag_bg;
241 color: @entry_tag_fg;
242
243 border-radius: 4px;
244 border-width: 0;
245
246 margin: 2px;
247 padding: 4px;
248 }
249
250 .documents-entry-tag:hover {
251 background-color: shade(@entry_tag_bg, 1.10);
252 color: @entry_tag_fg;
253 }
254
255 .documents-entry-tag.button,
256 .documents-entry-tag.button:hover,
257 .documents-entry-tag.button:active,
258 .documents-entry-tag.button:active:hover {
259 background-color: transparent;
260 background-image: none;
261 box-shadow: none;
262 border-image: none;
263 border-width: 0;
264 }
265
266 .documents-entry-tag.button:hover {
267 color: shade(@entry_tag_bg, 2.10);
268 }
269
270 /* Workaround for the double border of the searchbar since we use a revealer which
271 * always allocates at least 1 pixel */
272 searchbar { border-top: 1px solid @borders; }
273 .searchbar-container { margin-top: -1px; }
274
275 @define-color conflict_bg #fef6b6;
276
277 .conflict-row {
278 background: @conflict_bg;
279 color: black;
280 }
281
282 .conflict-row:hover {
283 background-color: shade(@conflict_bg, 0.9);
284 }
285
286 .conflict-row:selected {
287 background: @theme_selected_bg_color;
288 color: @theme_selected_fg_color;
289 }
290
291 /* Icon view */
292 flowboxchild:selected {
293 background-color:transparent;
294 }
295
296 .icon-background {
297 background-color:black;
298 border-color:#4a90d9;
299 border-style:solid;
300 border-width:0px;
301 }
302
303 flowboxchild > .icon-item-background {
304 padding:4px;
305 }
306 flowboxchild:selected > .icon-item-background {
307 padding:4px;
308 background-color:#4a90d9;
309 border-color:#4a90d9;
310 border-style:solid;
311 border-width:0px;
312 border-radius:4px 4px 4px 4px;
313 }