mirror/web
1
0
Fork 0
mirror of https://github.com/meshtastic/web.git synced 2026-05-05 13:14:43 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #221 from Hunter275/issue-199-map-darkmode

Browse Source 
Map dark mode
This commit is contained in:
Hunter Thornsberry
2024-06-16 23:04:42 -04:00
committed by GitHub
parent ce60de92fa 99c240e81a
commit 7742a3e0b4
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/Map.tsx
View File

@@ -20,7 +20,7 @@ import MapGl from "react-map-gl/maplibre";
export const MapPage = (): JSX.Element => {
const { nodes, waypoints } = useDevice();
const { rasterSources } = useAppStore();
const { rasterSources, darkMode } = useAppStore();
const { default: map } = useMap();
const [zoom, setZoom] = useState(0);
@@ -128,6 +128,7 @@ export const MapPage = (): JSX.Element => {
attributionControl={false}
renderWorldCopies={false}
maxPitch={0}
style = {{filter: darkMode ? 'brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7)' : ''}}
dragRotate={false}
touchZoomRotate={false}
initialViewState={{
@@ -160,6 +161,7 @@ export const MapPage = (): JSX.Element => {
key={node.num}
longitude={node.position.longitudeI / 1e7}
latitude={node.position.latitudeI / 1e7}
style = {{filter: darkMode ? 'invert(1)' : ''}}
anchor="bottom"
>
<div