Mercurial > repos > other > Adwaita-Dark-Green
annotate gtk-3.24/nautilus.css @ 105:94ce48857c6d
Fix up GTK 3.24
* Fix DConf Editor path bar
* Fix Fractal text box
* Improve Fractal conversation colouring
* Update Nautilus to new header bar
* Remove border radius on `window`, which was causing some odd
rendering issues (even though it seemed to fix some headerbar
corner issues)
| author | IBBoard <dev@ibboard.co.uk> |
|---|---|
| date | Thu, 21 Apr 2022 17:17:53 +0100 |
| parents | d007f45f5171 |
| children | f9be32b16360 |
| rev | line source |
|---|---|
| 97 | 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 | |
|
103
d007f45f5171
Fix rounding of corners in Nautilus
IBBoard <dev@ibboard.co.uk>
parents:
100
diff
changeset
|
9 .nautilus-window headerbar { |
|
d007f45f5171
Fix rounding of corners in Nautilus
IBBoard <dev@ibboard.co.uk>
parents:
100
diff
changeset
|
10 border-top-left-radius: 8px; |
|
d007f45f5171
Fix rounding of corners in Nautilus
IBBoard <dev@ibboard.co.uk>
parents:
100
diff
changeset
|
11 border-top-right-radius: 8px; |
|
d007f45f5171
Fix rounding of corners in Nautilus
IBBoard <dev@ibboard.co.uk>
parents:
100
diff
changeset
|
12 } |
|
d007f45f5171
Fix rounding of corners in Nautilus
IBBoard <dev@ibboard.co.uk>
parents:
100
diff
changeset
|
13 |
| 97 | 14 .nautilus-canvas-item { |
| 15 border-radius: 5px; | |
| 16 } | |
| 17 | |
| 18 .nautilus-canvas-item.dim-label, | |
| 19 .nautilus-list-dim-label { | |
| 20 color: mix (@theme_fg_color, @theme_bg_color, 0.50); | |
| 21 } | |
| 22 | |
| 23 .nautilus-canvas-item.dim-label:selected, | |
| 24 .nautilus-list-dim-label:selected { | |
| 25 color: mix (@theme_selected_fg_color, @theme_selected_bg_color, 0.20); | |
| 26 } | |
| 27 | |
| 28 .nautilus-desktop.nautilus-canvas-item { | |
| 29 color: @theme_selected_fg_color; | |
| 30 text-shadow: 1px 1px black; | |
| 31 } | |
| 32 | |
| 33 .nautilus-desktop.nautilus-canvas-item:active { | |
| 34 color: @theme_text_color; | |
| 35 } | |
| 36 | |
| 37 .nautilus-desktop.nautilus-canvas-item:selected { | |
| 38 color: @theme_selected_fg_color; | |
| 39 } | |
| 40 | |
| 41 .nautilus-desktop.nautilus-canvas-item:active, | |
| 42 .nautilus-desktop.nautilus-canvas-item:hover, | |
| 43 .nautilus-desktop.nautilus-canvas-item:selected { | |
| 44 text-shadow: none; | |
| 45 } | |
| 46 | |
| 47 .nautilus-desktop.nautilus-canvas-item:selected:backdrop { | |
| 48 color: @theme_unfocused_selected_fg_color; | |
| 49 } | |
| 50 | |
| 51 /* Toolbar */ | |
| 52 | |
| 53 /* Here we use the .button background-image colors from Adwaita, but ligthen them, | |
| 54 * since is not possible to use lighten () in common css. */ | |
| 55 @keyframes needs_attention_keyframes { | |
| 56 0% {background-image: linear-gradient(to bottom, @button_emphasis_a, @button_emphasis_b 40%, @button_emphasis_c); border-color: @wm_button_border; } | |
| 57 /* can't do animation-direction, so holding the color on two keyframes */ | |
| 58 30% {background-image: linear-gradient(to bottom, @wm_bg_a, @wm_bg_b); border-color: @wm_button_border; } | |
| 59 90% {background-image: linear-gradient(to bottom, @wm_bg_a, @wm_bg_b); border-color: @wm_button_border; } | |
| 60 100% {background-image: linear-gradient(to bottom, @button_emphasis_a, @button_emphasis_b 40%, @button_emphasis_c); border-color: @wm_button_border; } | |
| 61 } | |
| 62 | |
| 63 .nautilus-operations-button-needs-attention { | |
| 64 animation: needs_attention_keyframes 2s ease-in-out; | |
| 65 } | |
| 66 .nautilus-operations-button-needs-attention-multiple { | |
| 67 animation: needs_attention_keyframes 3s ease-in-out; | |
| 68 animation-iteration-count: 3; | |
| 69 } | |
| 70 | |
| 71 .disclosure-button { | |
| 72 padding: 4px; | |
| 73 } | |
| 74 | |
| 105 | 75 /* Path bar */ |
| 76 | |
| 77 .nautilus-path-bar > scrolledwindow { | |
| 78 margin: 6px 0px 6px 0px; | |
| 79 background-color: alpha(currentColor, 0.1); | |
| 80 border:1px solid @wm_button_border; | |
| 81 border-right-width: 0; | |
| 82 } | |
| 83 | |
| 84 .nautilus-path-bar scrolledwindow:dir(ltr), | |
| 85 .nautilus-path-bar scrolledwindow:dir(ltr) undershoot.left { | |
| 86 border-radius: 6px 0px 0px 6px; | |
| 87 } | |
| 88 | |
| 89 .nautilus-path-bar scrolledwindow:dir(rtl), | |
| 90 .nautilus-path-bar scrolledwindow:dir(rtl) undershoot.right { | |
| 91 border-radius: 0px 6px 6px 0px; | |
| 92 } | |
| 93 | |
| 94 /* Linked look */ | |
| 95 .nautilus-path-bar scrolledwindow:dir(rtl) { | |
| 96 margin-left: -1px; | |
| 97 | 97 } |
| 98 | |
| 105 | 99 .nautilus-path-bar scrolledwindow undershoot.left { |
| 100 background: linear-gradient(to right, @headerbar_shade_color 6px, alpha(@headerbar_shade_color, 0) 24px); | |
| 101 } | |
| 102 .nautilus-path-bar > scrolledwindow undershoot.right { | |
| 103 background: linear-gradient(to left, @headerbar_shade_color 6px, alpha(@headerbar_shade_color, 0) 24px); | |
| 97 | 104 } |
| 105 | |
| 105 | 106 headerbar:not(.selection-mode) .path-buttons-box button, |
| 107 headerbar:not(.selection-mode) .path-buttons-box button:backdrop { | |
| 108 background-color: transparent; | |
| 109 background-image: none; | |
| 110 margin: 3px; | |
| 111 box-shadow: none; | |
| 112 border-radius: 4px; | |
| 113 padding-top: 0px; | |
| 114 padding-bottom: 0px; | |
| 115 border-width: 0px; | |
| 116 -gtk-icon-shadow: none; | |
| 117 } | |
| 118 | |
| 119 headerbar:not(.selection-mode) .path-buttons-box button:not(:hover), | |
| 120 headerbar:not(.selection-mode) .path-buttons-box button.current-dir, | |
| 121 headerbar:not(.selection-mode) .path-buttons-box button.current-dir:hover | |
| 97 | 122 { |
| 105 | 123 background: none; |
| 97 | 124 box-shadow: none; |
| 125 } | |
| 126 | |
| 105 | 127 headerbar:not(.selection-mode) .path-buttons-box button:not(.current-dir):not(:backdrop):hover { |
| 128 background-color: @headerbar_shade_color; | |
| 129 background-image: none; | |
| 130 box-shadow: none; | |
| 97 | 131 } |
| 132 | |
| 105 | 133 .path-buttons-box button:not(.current-dir):not(:backdrop):hover label { |
| 134 opacity: 1; | |
| 97 | 135 } |
| 136 | |
| 137 /* Make the tags fit into the box */ | |
| 138 entry.search > * { | |
| 139 margin: 5px; | |
| 140 } | |
| 141 | |
| 142 /* Sidebar */ | |
| 143 | |
| 144 .sidebar-row:selected { | |
| 145 background: mix(@theme_bg_color, @theme_fg_color, 0.07); | |
| 146 } | |
| 147 | |
| 148 .sidebar-row:selected, | |
| 149 .sidebar-row:selected label { | |
| 150 color: mix(@theme_fg_color, @theme_text_color, 0.5); | |
| 151 } | |
| 152 | |
| 153 .sidebar-row:selected:backdrop { | |
| 154 background: mix(@theme_unfocused_bg_color, @theme_unfocused_fg_color, 0.07); | |
| 155 } | |
| 156 | |
| 157 .sidebar-row:selected:backdrop, | |
| 158 .sidebar-row:selected:backdrop label { | |
| 159 color: mix(@theme_unfocused_fg_color, @theme_unfocused_text_color, 0.15); | |
| 160 } | |
| 161 | |
| 162 /* Floating status bar */ | |
| 163 .floating-bar { | |
| 164 padding: 1px; | |
| 165 background-color: @theme_base_color; | |
| 166 border-width: 1px; | |
| 167 border-style: solid solid none; | |
| 168 border-color: @borders; | |
| 169 border-radius: 3px 3px 0 0; | |
| 170 } | |
| 171 | |
| 172 .floating-bar.bottom.left { /* axes left border and border radius */ | |
| 173 border-left-style: none; | |
| 174 border-top-left-radius: 0; | |
| 175 } | |
| 176 .floating-bar.bottom.right { /* axes right border and border radius */ | |
| 177 border-right-style: none; | |
| 178 border-top-right-radius: 0; | |
| 179 } | |
| 180 | |
| 181 .floating-bar:backdrop { | |
| 182 background-color: @theme_unfocused_base_color; | |
| 183 border-color: @unfocused_borders; | |
| 184 } | |
| 185 | |
| 186 .floating-bar button { | |
| 187 padding: 0px; | |
| 188 } | |
| 189 | |
| 190 .search-bar { | |
| 191 box-shadow: none; | |
| 192 } | |
| 193 | |
| 194 @define-color disk_space_unknown #888a85; | |
| 195 @define-color disk_space_used #5E7F3E; | |
| 196 @define-color disk_space_free #eeeeec; | |
| 197 | |
| 198 .disk-space-display { | |
| 199 border-style: solid; | |
| 200 border-width: 2px; | |
| 201 } | |
| 202 | |
| 203 .disk-space-display.unknown { | |
| 204 background-color: @disk_space_unknown; | |
| 205 border-color: shade(@disk_space_unknown, 0.7); | |
| 206 color: @disk_space_unknown; | |
| 207 } | |
| 208 .disk-space-display.unknown.border { | |
| 209 color: shade(@disk_space_unknown, 0.7); | |
| 210 } | |
| 211 | |
| 212 .disk-space-display.used { | |
| 213 background-color: @disk_space_used; | |
| 214 border-color: shade(@disk_space_used, 0.7); | |
| 215 color: @disk_space_used; | |
| 216 } | |
| 217 .disk-space-display.used.border { | |
| 218 color: shade(@disk_space_used, 0.7); | |
| 219 } | |
| 220 | |
| 221 .disk-space-display.free { | |
| 222 background-color: @disk_space_free; | |
| 223 border-color: shade(@disk_space_free, 0.7); | |
| 224 color: @disk_space_free; | |
| 225 } | |
| 226 .disk-space-display.free.border { | |
| 227 color: shade(@disk_space_free, 0.7); | |
| 228 } | |
| 229 | |
| 230 /* View */ | |
| 231 .nautilus-list-view .view { | |
| 232 border-bottom: 1px solid @theme_bg_color; | |
| 233 } | |
| 234 | |
| 235 .search-information { | |
| 236 background-color: @theme_selected_bg_color; | |
| 237 color:@theme_selected_fg_color; | |
| 238 padding:2px; | |
| 239 } | |
| 240 | |
| 241 /* Hide superfluous treeview drop target indication */ | |
| 242 .nautilus-list-view .view.dnd { | |
| 243 border-style: none; | |
| 244 } | |
| 245 | |
| 246 /* Libgd tag entries in the search. Sadly it requires this copy pasted css style. | |
| 247 * https://git.gnome.org/browse/libgd/tree/libgd/gd-tagged-entry-default.css | |
| 248 */ | |
| 249 @define-color entry_tag_bg #3465a4; | |
| 250 @define-color entry_tag_fg #ffffff; | |
| 251 | |
| 252 .documents-entry-tag { | |
| 253 background-image: none; | |
| 254 background-color: @entry_tag_bg; | |
| 255 color: @entry_tag_fg; | |
| 256 | |
| 257 border-radius: 4px; | |
| 258 border-width: 0; | |
| 259 | |
| 260 margin: 2px; | |
| 261 padding: 4px; | |
| 262 } | |
| 263 | |
| 264 .documents-entry-tag:hover { | |
| 265 background-color: shade(@entry_tag_bg, 1.10); | |
| 266 color: @entry_tag_fg; | |
| 267 } | |
| 268 | |
| 269 .documents-entry-tag.button, | |
| 270 .documents-entry-tag.button:hover, | |
| 271 .documents-entry-tag.button:active, | |
| 272 .documents-entry-tag.button:active:hover { | |
| 273 background-color: transparent; | |
| 274 background-image: none; | |
| 275 box-shadow: none; | |
| 276 border-image: none; | |
| 277 border-width: 0; | |
| 278 } | |
| 279 | |
| 280 .documents-entry-tag.button:hover { | |
| 281 color: shade(@entry_tag_bg, 2.10); | |
| 282 } | |
| 283 | |
| 284 /* Workaround for the double border of the searchbar since we use a revealer which | |
| 285 * always allocates at least 1 pixel */ | |
| 286 searchbar { border-top: 1px solid @borders; } | |
| 287 .searchbar-container { margin-top: -1px; } | |
| 288 | |
| 289 @define-color conflict_bg #fef6b6; | |
| 290 | |
| 291 .conflict-row { | |
| 292 background: @conflict_bg; | |
| 293 color: black; | |
| 294 } | |
| 295 | |
| 296 .conflict-row:hover { | |
| 297 background-color: shade(@conflict_bg, 0.9); | |
| 298 } | |
| 299 | |
| 300 .conflict-row:selected { | |
| 301 background: @theme_selected_bg_color; | |
| 302 color: @theme_selected_fg_color; | |
| 303 } | |
| 304 | |
| 305 /* Icon view */ | |
| 306 flowboxchild:selected { | |
| 307 background-color:transparent; | |
| 308 } | |
| 309 | |
| 310 .icon-background { | |
| 311 background-color:black; | |
| 312 border-color:#4a90d9; | |
| 313 border-style:solid; | |
| 314 border-width:0px; | |
| 315 } | |
| 316 | |
| 317 flowboxchild > .icon-item-background { | |
| 318 padding:4px; | |
| 319 } | |
| 320 flowboxchild:selected > .icon-item-background { | |
| 321 padding:4px; | |
| 322 background-color:#4a90d9; | |
| 323 border-color:#4a90d9; | |
| 324 border-style:solid; | |
| 325 border-width:0px; | |
| 326 border-radius:4px 4px 4px 4px; | |
| 327 } |