|
51
|
1 .nautilus-window,
|
|
|
2 .nautilus-window notebook,
|
|
|
3 .nautilus-window notebook > stack {
|
|
|
4 background: @theme_base_color;
|
|
|
5 }
|
|
|
6
|
|
|
7 .nautilus-canvas-item {
|
|
|
8 border-radius: 5px;
|
|
|
9 }
|
|
|
10
|
|
|
11 .nautilus-canvas-item.dim-label,
|
|
|
12 .nautilus-list-dim-label {
|
|
|
13 color: mix (@theme_fg_color, @theme_bg_color, 0.50);
|
|
|
14 }
|
|
|
15
|
|
|
16 .nautilus-canvas-item.dim-label:selected,
|
|
|
17 .nautilus-list-dim-label:selected {
|
|
|
18 color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20);
|
|
|
19 }
|
|
|
20
|
|
|
21 .nautilus-desktop.nautilus-canvas-item {
|
|
|
22 color: @theme_selected_fg_color;
|
|
|
23 text-shadow: 1px 1px black;
|
|
|
24 }
|
|
|
25
|
|
|
26 .nautilus-desktop.nautilus-canvas-item:active {
|
|
|
27 color: @theme_text_color;
|
|
|
28 }
|
|
|
29
|
|
|
30 .nautilus-desktop.nautilus-canvas-item:selected {
|
|
|
31 color: @theme_selected_fg_color;
|
|
|
32 }
|
|
|
33
|
|
|
34 .nautilus-desktop.nautilus-canvas-item:active,
|
|
|
35 .nautilus-desktop.nautilus-canvas-item:hover,
|
|
|
36 .nautilus-desktop.nautilus-canvas-item:selected {
|
|
|
37 text-shadow: none;
|
|
|
38 }
|
|
|
39
|
|
|
40 .nautilus-desktop.nautilus-canvas-item:selected:backdrop {
|
|
|
41 color: @theme_unfocused_selected_fg_color;
|
|
|
42 }
|
|
|
43
|
|
|
44 /* Toolbar */
|
|
|
45
|
|
|
46 /* Here we use the .button background-image colors from Adwaita, but ligthen them,
|
|
|
47 * since is not possible to use lighten () in common css. */
|
|
|
48 @keyframes needs_attention_keyframes {
|
|
|
49 0% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
|
|
50 /* can't do animation-direction, so holding the color on two keyframes */
|
|
|
51 30% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
|
|
|
52 90% {background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; }
|
|
|
53 100% {background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; }
|
|
|
54 }
|
|
|
55
|
|
|
56 .nautilus-operations-button-needs-attention {
|
|
|
57 animation: needs_attention_keyframes 2s ease-in-out;
|
|
|
58 }
|
|
|
59 .nautilus-operations-button-needs-attention-multiple {
|
|
|
60 animation: needs_attention_keyframes 3s ease-in-out;
|
|
|
61 animation-iteration-count: 3;
|
|
|
62 }
|
|
|
63
|
|
|
64 /* Floating status bar */
|
|
|
65 .floating-bar {
|
|
|
66 padding: 1px;
|
|
|
67 background-color: @theme_base_color;
|
|
|
68 border-width: 1px;
|
|
|
69 border-style: solid solid none;
|
|
|
70 border-color: @borders;
|
|
|
71 border-radius: 3px 3px 0 0;
|
|
|
72 }
|
|
|
73
|
|
|
74 .floating-bar.bottom.left { /* axes left border and border radius */
|
|
|
75 border-left-style: none;
|
|
|
76 border-top-left-radius: 0;
|
|
|
77 }
|
|
|
78 .floating-bar.bottom.right { /* axes right border and border radius */
|
|
|
79 border-right-style: none;
|
|
|
80 border-top-right-radius: 0;
|
|
|
81 }
|
|
|
82
|
|
|
83 .floating-bar:backdrop {
|
|
|
84 background-color: @theme_unfocused_base_color;
|
|
|
85 border-color: @unfocused_borders;
|
|
|
86 }
|
|
|
87
|
|
|
88 .floating-bar button {
|
|
|
89 padding: 0px;
|
|
|
90 }
|
|
|
91
|
|
|
92 .search-bar {
|
|
|
93 box-shadow: none;
|
|
|
94 }
|
|
|
95
|
|
|
96 @define-color disk_space_unknown #888a85;
|
|
|
97 @define-color disk_space_used #5E7F3E;
|
|
|
98 @define-color disk_space_free #eeeeec;
|
|
|
99
|
|
|
100 .disk-space-display {
|
|
|
101 border-style: solid;
|
|
|
102 border-width: 2px;
|
|
|
103 }
|
|
|
104
|
|
|
105 .disk-space-display.unknown {
|
|
|
106 background-color: @disk_space_unknown;
|
|
|
107 border-color: shade(@disk_space_unknown, 0.7);
|
|
|
108 }
|
|
|
109
|
|
|
110 .disk-space-display.used {
|
|
|
111 background-color: @disk_space_used;
|
|
|
112 border-color: shade(@disk_space_used, 0.7);
|
|
|
113 }
|
|
|
114
|
|
|
115 .disk-space-display.free {
|
|
|
116 background-color: @disk_space_free;
|
|
|
117 border-color: shade(@disk_space_free, 0.7);
|
|
|
118 }
|
|
|
119
|
|
|
120 /* View */
|
|
|
121 .nautilus-list-view .view {
|
|
|
122 border-bottom: 1px solid @theme_bg_color;
|
|
|
123 }
|
|
|
124
|
|
|
125 /* Hide superfluous treeview drop target indication */
|
|
|
126 .nautilus-list-view .view.dnd {
|
|
|
127 border-style: none;
|
|
|
128 }
|
|
|
129
|
|
|
130 /* Libgd tag entries in the search. Sadly it requires this copy pasted css style.
|
|
|
131 * https://git.gnome.org/browse/libgd/tree/libgd/gd-tagged-entry-default.css
|
|
|
132 */
|
|
|
133 @define-color entry_tag_bg #3465a4;
|
|
|
134 @define-color entry_tag_fg #ffffff;
|
|
|
135
|
|
|
136 .documents-entry-tag {
|
|
|
137 background-image: none;
|
|
|
138 background-color: @entry_tag_bg;
|
|
|
139 color: @entry_tag_fg;
|
|
|
140
|
|
|
141 border-radius: 4px;
|
|
|
142 border-width: 0;
|
|
|
143
|
|
|
144 margin: 2px;
|
|
|
145 padding: 4px;
|
|
|
146 }
|
|
|
147
|
|
|
148 .documents-entry-tag:hover {
|
|
|
149 background-color: shade(@entry_tag_bg, 1.10);
|
|
|
150 color: @entry_tag_fg;
|
|
|
151 }
|
|
|
152
|
|
|
153 .documents-entry-tag.button,
|
|
|
154 .documents-entry-tag.button:hover,
|
|
|
155 .documents-entry-tag.button:active,
|
|
|
156 .documents-entry-tag.button:active:hover {
|
|
|
157 background-color: transparent;
|
|
|
158 background-image: none;
|
|
|
159 box-shadow: none;
|
|
|
160 border-image: none;
|
|
|
161 border-width: 0;
|
|
|
162 }
|
|
|
163
|
|
|
164 .documents-entry-tag.button:hover {
|
|
|
165 color: shade(@entry_tag_bg, 2.10);
|
|
|
166 }
|
|
|
167
|
|
|
168 /* Workaround for the double border of the searchbar since we use a revealer which
|
|
|
169 * always allocates at least 1 pixel */
|
|
|
170 searchbar { border-top: 1px solid @borders; }
|
|
|
171 .searchbar-container { margin-top: -1px; }
|
|
|
172
|
|
|
173 @define-color conflict_bg #fef6b6;
|
|
|
174
|
|
|
175 .conflict-row {
|
|
|
176 background: @conflict_bg;
|
|
|
177 color: black;
|
|
|
178 }
|
|
|
179
|
|
|
180 .conflict-row:hover {
|
|
|
181 background-color: shade(@conflict_bg, 0.9);
|
|
|
182 }
|
|
|
183
|
|
|
184 .conflict-row:selected {
|
|
|
185 background: @theme_selected_bg_color;
|
|
|
186 color: @theme_selected_fg_color;
|
|
|
187 } |
