From c969b7930cbffb5446179651289ddc66281e7a2d Mon Sep 17 00:00:00 2001
From: Daniel Pupius <dan@pupi.us>
Date: Sun, 15 Mar 2026 23:38:34 +0000
Subject: [PATCH] Style MapLibre attribution to match dark theme

Default attribution renders as a white pill on dark maps.
Override with dark semi-transparent background and muted text,
consistent across all map components.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 web/src/styles/index.css | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/web/src/styles/index.css b/web/src/styles/index.css
index 48d9f82..d9c148b 100644
--- a/web/src/styles/index.css
+++ b/web/src/styles/index.css
@@ -17,6 +17,37 @@
   }
 }
 
+/* MapLibre attribution — dark theme, always-compact icon */
+.maplibregl-ctrl-attrib.maplibregl-compact {
+  background: rgba(0, 0, 0, 0.45) !important;
+  border-radius: 4px !important;
+}
+.maplibregl-ctrl-attrib-button {
+  background-color: transparent !important;
+  opacity: 0.6;
+}
+.maplibregl-ctrl-attrib-button:hover {
+  opacity: 1;
+}
+.maplibregl-ctrl-attrib-inner {
+  background: rgba(0, 0, 0, 0.7) !important;
+  color: rgba(255, 255, 255, 0.7) !important;
+  border-radius: 4px !important;
+  font-size: 10px !important;
+}
+.maplibregl-ctrl-attrib-inner a {
+  color: rgba(255, 255, 255, 0.7) !important;
+}
+.maplibregl-ctrl-attrib-inner a:hover {
+  color: #fff !important;
+}
+/* Prevent auto-expand on wide maps */
+.maplibregl-ctrl-attrib.maplibregl-compact-show {
+  display: flex !important;
+  flex-direction: column !important;
+  align-items: flex-end !important;
+}
+
 @layer utilities {
   .border-inset {
     @apply border-1;