Merge pull request #158 from jovandeginste/map-controls-dark

Convert leaflet controls & tooltip to dark scheme
jovandeginste · May 26, 2024 · 7d9a2b4 · 7d9a2b4
2 parents 17f8f23 + 2ed8a7d
commit 7d9a2b4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/assets/output.css b/assets/output.css
@@ -454,11 +454,13 @@ video {
 }
 
 @media (prefers-color-scheme: dark) {
-  .map-tiles {
+  .map-tiles,
+  .leaflet-tooltip,
+  .leaflet-control {
     --tw-brightness: brightness(0.85);
     --tw-contrast: contrast(0.80);
     --tw-invert: invert(100%);
-    --tw-saturate: saturate(0.0);
+    --tw-saturate: saturate(0);
     filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
   }
 }

diff --git a/main.css b/main.css
@@ -8,8 +8,10 @@
     }
   }
 
-  .map-tiles {
-    @apply dark:saturate-[0.0] dark:invert dark:contrast-[0.80] dark:brightness-[0.85];
+  .map-tiles,
+  .leaflet-tooltip,
+  .leaflet-control {
+    @apply dark:saturate-0 dark:invert dark:contrast-[0.80] dark:brightness-[0.85];
   }
 
   table.sortable