menu.less: Use appropriate less functions to darken colors

This commit is contained in:
Florian Strohmaier 2019-12-03 10:40:43 +01:00 committed by Johannes Meyer
parent 2b2f0cf48f
commit 6218ad8cde

View File

@ -92,7 +92,7 @@
&.active:not(.selected) > a:focus, &.active:not(.selected) > a:focus,
&.active:not(.selected) > a:hover { &.active:not(.selected) > a:hover {
background-color: mix(#000, @menu-active-bg-color, 20); background-color: darken(@menu-active-bg-color, 20);
} }
&:not(.selected) > a:hover, &:not(.selected) > a:hover,
@ -151,7 +151,7 @@ ul:not(.nav-level-2) > .selected > a {
&:not(.selected):not(.active) > a:not(.badge):hover, &:not(.selected):not(.active) > a:not(.badge):hover,
&:not(.selected):not(.active) > a:not(.badge):focus { &:not(.selected):not(.active) > a:not(.badge):focus {
background-color: mix(#000, @menu-active-bg-color, 20); background-color: darken(@menu-active-bg-color, 20);
color: @menu-2ndlvl-highlight-color; color: @menu-2ndlvl-highlight-color;
} }
@ -232,7 +232,7 @@ ul:not(.nav-level-2) > .selected > a {
&:hover, &:hover,
&:focus { &:focus {
background-color: mix(#000, @menu-bg-color, 20); background-color: darken(@menu-bg-color, 20);
} }
} }
@ -375,7 +375,7 @@ ul:not(.nav-level-2) > .selected > a {
} }
.search-input:focus ~ .search-reset:hover { .search-input:focus ~ .search-reset:hover {
background-color: mix(#000, @menu-active-bg-color, 20); background-color: darken(@menu-active-bg-color, 20);
} }
.search-reset { .search-reset {
@ -393,7 +393,7 @@ ul:not(.nav-level-2) > .selected > a {
&:focus, &:focus,
&:hover { &:hover {
background-color: mix(#000, @menu-bg-color, 20); background-color: darken(@menu-bg-color, 20);
outline: none; outline: none;
} }
} }