mirror of
https://github.com/pacnpal/thrillwiki_django_no_react.git
synced 2025-12-20 06:11:07 -05:00
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:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user