css: Do better to ensure menu text is readable

In case background is adjusted, a suitable text
color should also be chosen. Rocket science!
This commit is contained in:
Johannes Meyer 2025-07-31 09:28:28 +02:00
parent 1b36d47e75
commit 23e00754c6
3 changed files with 3 additions and 1 deletions

View File

@ -233,6 +233,7 @@
position: absolute;
border: 1px solid @gray-lighter;
background: @body-bg-color;
color: @text-color;
box-shadow: 0 0 1em 0 rgba(0,0,0,.25);
z-index: 15;
.rounded-corners();

View File

@ -26,7 +26,6 @@ form > .search-icon {
left: 0.25em;
top: ~"calc(50% - 0.5em)";
pointer-events: none;
color: @menu-color;
opacity: 0.8;
}

View File

@ -12,6 +12,7 @@
#menu {
background-color: @menu-bg-color;
color: @menu-color;
width: 100%;
flex: 1;
overflow: auto;
@ -534,6 +535,7 @@ html.no-js #toggle-sidebar {
#layout.sidebar-collapsed #menu .nav-level-1 > .nav-item.hover .nav-level-2 > .nav-item-header {
background-color: @menu-bg-color;
color: @menu-color;
border-bottom: 1px solid @gray-light;
border-top-left-radius: .25em;
border-top-right-radius: .25em;