Fixed some more UI with dark mode

src/components/global/CopyText.astro

@@ -62,7 +62,7 @@ button {
     display: inline-flex;
     align-items: center;
     gap: .5ch;
-    color: var(--slate-700);
+    color: color-mix(in srgb, var(--foreground) 70%, var(--background));
     cursor: pointer;
     text-underline-offset: 2px;
     text-decoration: none;
@@ -75,7 +75,7 @@ button {
     svg {
         width: 1rem;
         height: 1rem;
-        fill: var(--slate-700);
+        fill: color-mix(in srgb, var(--foreground) 70%, var(--background));
     }
 }
 </style>

src/components/maps/overlay/LangSwitcherButton.vue

@@ -49,7 +49,7 @@ a {
 
     &:hover,
     &:focus-visible {
-        background-color: var(--slate-200);
+        background-color: color-mix(in srgb, var(--foreground) 20%, var(--background));
     }
 
     &[aria-current="page"] {

src/components/maps/overlay/MarkerCreator.vue

@@ -318,6 +318,7 @@ dialog {
     max-width: calc(100% - 6rem);
     padding: 1.5rem 2rem;
     z-index: 9999;
+    color: var(--foreground);
     background-color: var(--background);
     border: 1px solid var(--border);
     border-radius: .75rem;

src/components/maps/overlay/SearchMapSwitch.vue

@@ -213,6 +213,10 @@ const menus: Menu[] = [
     }
 }
 
+.dark .legal::before {
+    filter: invert(1);
+}
+
 .map-menu {
     margin-top: .25rem;
     margin-bottom: .5rem;
@@ -271,8 +275,8 @@ const menus: Menu[] = [
         figcaption {
             font-size: .75em;
             text-align: center;
-            color: var(--slate-500);
+            color: color-mix(in srgb, var(--foreground) 80%, var(--background));
         }
     }
 }
-</style>
+</style>

src/components/maps/overlay/SearchMarkers.vue

@@ -441,7 +441,7 @@ function resetAllFields(actionAfter?: "focusAfter") {
             }
 
             &::-webkit-scrollbar-thumb {
-                background-color: var(--slate-300);
+                background-color: color-mix(in srgb, var(--foreground) 30%, var(--background));
             }
 
             > * + * {