web: make tab focus blue for better visibility

This commit is contained in:
wukko
2024-06-16 23:30:10 +06:00
parent ea830974b6
commit 65c14d41fa
4 changed files with 7 additions and 4 deletions

View File

@@ -44,13 +44,14 @@
}
.sidebar-tab:focus-visible {
box-shadow: 0 0 0 1.5px var(--sidebar-highlight) inset;
box-shadow: 0 0 0 3px var(--blue) inset;
outline: none;
z-index: 1;
}
.sidebar-tab.active:focus-visible {
box-shadow: 0 0 0 1.5px var(--sidebar-bg) inset;
background: var(--blue);
color: var(--sidebar-highlight);
}
@media screen and (max-width: 535px) {