parent
41723320f4
commit
31014fc2a9
|
@ -90,7 +90,6 @@ export default defineComponent({
|
||||||
},
|
},
|
||||||
clusters: [] as IMarkerCluster[],
|
clusters: [] as IMarkerCluster[],
|
||||||
animMarkers: false,
|
animMarkers: false,
|
||||||
isDark: false,
|
|
||||||
}),
|
}),
|
||||||
|
|
||||||
mounted() {
|
mounted() {
|
||||||
|
@ -101,10 +100,6 @@ export default defineComponent({
|
||||||
|
|
||||||
// Initialize
|
// Initialize
|
||||||
this.initialize();
|
this.initialize();
|
||||||
|
|
||||||
// If currently dark mode, set isDark
|
|
||||||
const pane = document.querySelector('.leaflet-tile-pane');
|
|
||||||
this.isDark = !pane || window.getComputedStyle(pane)?.['filter']?.includes('invert');
|
|
||||||
},
|
},
|
||||||
|
|
||||||
created() {
|
created() {
|
||||||
|
@ -481,19 +476,4 @@ export default defineComponent({
|
||||||
z-index: 100000 !important;
|
z-index: 100000 !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Dark mode
|
|
||||||
$darkFilter: invert(1) grayscale(1) brightness(1.3) contrast(1.3);
|
|
||||||
.leaflet-tile-pane {
|
|
||||||
body[data-theme-dark] &,
|
|
||||||
body[data-theme-dark-highcontrast] & {
|
|
||||||
filter: $darkFilter;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
body[data-theme-default] & {
|
|
||||||
filter: $darkFilter;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue