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 {
|
.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 */
|
||||||
|
|
Loading…
Reference in New Issue