jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-21 16:26:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Restore map filter theme (#18667)

Browse Source
This commit is contained in:
Paul Bottein 2023-11-16 12:12:17 +01:00 committed by GitHub
parent 244340f211
commit f3f63d95b5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/map/ha-map.ts
View File

@ -151,8 +151,14 @@ export class HaMap extends ReactiveElement {
) {
return;
}
const darkMode = this.darkMode ?? this.hass.themes?.darkMode;
this.shadowRoot!.getElementById("map")!.classList.toggle("dark", darkMode);
this._updateMapStyle();
}
private _updateMapStyle(): void {
const darkMode = this.darkMode ?? this.hass.themes.darkMode;
const map = this.shadowRoot!.getElementById("map");
map!.classList.toggle("dark", darkMode);
map!.classList.toggle("forced-dark", this.darkMode);
}
private async _loadMap(): Promise<void> {
@ -162,9 +168,8 @@ export class HaMap extends ReactiveElement {
map.id = "map";
this.shadowRoot!.append(map);
}
const darkMode = this.darkMode ?? this.hass.themes.darkMode;
[this.leafletMap, this.Leaflet] = await setupLeafletMap(map);
this.shadowRoot!.getElementById("map")!.classList.toggle("dark", darkMode);
this._updateMapStyle();
this._loaded = true;
}
@ -496,7 +501,10 @@ export class HaMap extends ReactiveElement {
}
#map.dark {
background: #090909;
--map-filter: invert(0.9) hue-rotate(170deg) grayscale(0.7);
}
#map.forced-dark {
--map-filter: invert(0.9) hue-rotate(170deg) brightness(1.5)
contrast(1.2) saturate(0.3);
}
#map:active {
cursor: grabbing;