Fix navigation contrast in dark mode for better accessibility
ci/woodpecker/push/woodpecker Pipeline failed
Details
ci/woodpecker/push/woodpecker Pipeline failed
Details
This commit is contained in:
parent
2c43fe7784
commit
9ff754b262
|
@ -275,6 +275,20 @@ hr {
|
|||
.main-nav a.active {
|
||||
background-color: var(--accent-color);
|
||||
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 */
|
||||
|
|
Loading…
Reference in New Issue