Add dark mode using CSS 'filter: invert hue-rotate' trick #1167
Lucille Hamons / Style Performance
completed
Dec 16, 2024 in 0s
View metrics on style size changes
Style size changes introduced by this PR
Details
Style size statistics
| main | this PR | change | % change | |
|---|---|---|---|---|
| Layers | 346 | 346 | 0 | 0.0% |
| StyleJSON Size (b) | 1,016,355 | 1,016,355 | 0 | 0.0% |
| Compressed StyleJSON Size (b) | 33,741 | 33,741 | 0 | 0.0% |
| 1x Sprite Sheet Size (b) | 104,573 | 104,573 | 0 | 0.0% |
| 2x Sprite Sheet Size (b) | 206,375 | 206,375 | 0 | 0.0% |
| ShieldJSON Size (b) | 447,088 | 447,088 | 0 | 0.0% |
| Compressed ShieldJSON Size (b) | 18,086 | 18,086 | 0 | 0.0% |
Layer count comparison
| main | this PR | change | % change | |
|---|---|---|---|---|
| background | 1 | 1 | 0 | 0.0% |
| landuse | 1 | 1 | 0 | 0.0% |
| park | 3 | 3 | 0 | 0.0% |
| aeroway | 7 | 7 | 0 | 0.0% |
| landcover | 2 | 2 | 0 | 0.0% |
| boundary | 11 | 11 | 0 | 0.0% |
| water | 3 | 3 | 0 | 0.0% |
| waterway | 3 | 3 | 0 | 0.0% |
| transportation | 291 | 291 | 0 | 0.0% |
| building | 1 | 1 | 0 | 0.0% |
| transportation_name | 3 | 3 | 0 | 0.0% |
| poi | 2 | 2 | 0 | 0.0% |
| water_name | 2 | 2 | 0 | 0.0% |
| aerodrome_label | 4 | 4 | 0 | 0.0% |
| place | 12 | 12 | 0 | 0.0% |
Layer size comparison
| main | this PR | change | % change | |
|---|---|---|---|---|
| background | 122 | 122 | 0 | 0.0% |
| landuse | 309 | 309 | 0 | 0.0% |
| park | 2,517 | 2,517 | 0 | 0.0% |
| aeroway | 2,059 | 2,059 | 0 | 0.0% |
| landcover | 361 | 361 | 0 | 0.0% |
| boundary | 14,392 | 14,392 | 0 | 0.0% |
| water | 912 | 912 | 0 | 0.0% |
| waterway | 3,543 | 3,543 | 0 | 0.0% |
| transportation | 919,619 | 919,619 | 0 | 0.0% |
| building | 292 | 292 | 0 | 0.0% |
| transportation_name | 9,239 | 9,239 | 0 | 0.0% |
| poi | 12,231 | 12,231 | 0 | 0.0% |
| water_name | 4,647 | 4,647 | 0 | 0.0% |
| aerodrome_label | 5,951 | 5,951 | 0 | 0.0% |
| place | 39,814 | 39,814 | 0 | 0.0% |
Loading