Darken menu styles and add splash of colour for selected

This commit is contained in:
Feu Mourek 2019-08-05 12:51:43 +02:00
parent b71f0780a7
commit 61eabf0724
1 changed files with 17 additions and 5 deletions

View File

@ -144,17 +144,22 @@ textarea {
&.active, &:hover { &.active, &:hover {
color: @text-color; color: @text-color;
background-color: @base00; background-color: darken(@base03, 5);
} }
&.active:not(.selected) { &.active:not(.selected) {
background-color: @base03; background-color: darken(@base03, 3);
& > a:focus,
& > a:hover {
background-color: darken(@base03, 5);
}
} }
} }
.nav-level-2 > .nav-item { .nav-level-2 > .nav-item {
color: @text-color; color: @text-color;
background-color: @base03; background-color: darken(@base03, 3);
&.active, &:hover { &.active, &:hover {
a { a {
@ -164,7 +169,7 @@ textarea {
} }
&.active.selected { &.active.selected {
background-color: darken(@base03, 3); background-color: @button-primary-color;
} }
&:not(.selected):not(.active) > a:hover, &:not(.selected):not(.active) > a:hover,
@ -178,11 +183,18 @@ textarea {
color: @text-color; color: @text-color;
&:after { &:after {
background-color: @body-bg-color; background-color: darken(@base03, 3);
box-shadow: 0 0 1em 0 rgba(0,0,0,0.6); box-shadow: 0 0 1em 0 rgba(0,0,0,0.6);
} }
} }
.nav-level-2 > .nav-item:not(.selected):not(.active) {
& > a:hover,
& > a:focus {
background-color: darken(@base03, 5);
}
}
.nav-itemxx{ .nav-itemxx{
&:hover, &:hover,
&:hover > a, &:hover > a,