Improve park status display and add new styles for dark mode

Update park status handling to include more variations and add new dark mode CSS classes for purple and yellow color schemes.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 0bdea3fb-49ea-4863-b501-fa6f5af0cbf0
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
This commit is contained in:
pac7
2025-09-22 14:50:43 +00:00
parent b67353eff9
commit 707546f279
2 changed files with 25 additions and 10 deletions

View File

@@ -3689,6 +3689,11 @@
border-color: var(--color-green-800);
}
}
.dark\:border-purple-800 {
@media (prefers-color-scheme: dark) {
border-color: var(--color-purple-800);
}
}
.dark\:border-purple-800\/50 {
@media (prefers-color-scheme: dark) {
border-color: color-mix(in srgb, oklch(43.8% 0.218 303.724) 50%, transparent);
@@ -3875,6 +3880,14 @@
background-color: var(--color-purple-900);
}
}
.dark\:bg-purple-900\/20 {
@media (prefers-color-scheme: dark) {
background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-purple-900) 20%, transparent);
}
}
}
.dark\:bg-purple-900\/30 {
@media (prefers-color-scheme: dark) {
background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent);