Fix navigation contrast in dark mode for better accessibility
ci/woodpecker/push/woodpecker Pipeline failed Details

This commit is contained in:
colin 2025-07-06 18:39:26 -04:00
parent 2c43fe7784
commit 9ff754b262
1 changed files with 14 additions and 0 deletions

View File

@ -275,6 +275,20 @@ hr {
.main-nav a.active { .main-nav a.active {
background-color: var(--accent-color); background-color: var(--accent-color);
color: white; color: white;
font-weight: 700;
}
/* Add specific styles for dark mode active navigation */
html[data-theme='dark'] .main-nav a.active {
background-color: #0056b3;
color: #ffffff;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme='light']) .main-nav a.active {
background-color: #0056b3;
color: #ffffff;
}
} }
/* Dropdown styles */ /* Dropdown styles */