54 lines
1.0 KiB
CSS
54 lines
1.0 KiB
CSS
@import "tailwindcss";
|
|
|
|
@custom-variant dark (&:where(.dark, .dark *));
|
|
|
|
@theme {
|
|
--color-dark-bg: #1a1a2e;
|
|
--color-dark-surface: #16213e;
|
|
--color-dark-border: #0f3460;
|
|
--color-dark-text: #e0e0e0;
|
|
--color-dark-muted: #8b8fa3;
|
|
}
|
|
|
|
@layer base {
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html, body, #root {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
|
|
'Helvetica Neue', Arial, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
}
|
|
|
|
/* Leaflet overrides */
|
|
.leaflet-container {
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 0;
|
|
}
|
|
|
|
/* Dark mode map tiles (invert brightness slightly) */
|
|
.dark .leaflet-tile-pane {
|
|
filter: brightness(0.8) contrast(1.1) saturate(0.8);
|
|
}
|
|
|
|
/* Flash animation for batch-updated sites */
|
|
@keyframes flash-update {
|
|
0%, 100% { background-color: transparent; }
|
|
50% { background-color: rgba(59, 130, 246, 0.3); }
|
|
}
|
|
|
|
.flash-update {
|
|
animation: flash-update 0.6s ease-in-out;
|
|
}
|