styles: change sideleft expand button enabled color

This commit is contained in:
end-4
2025-04-03 21:10:08 +02:00
parent 496deb016d
commit c2a5da3be5
+8 -7
View File
@@ -844,26 +844,26 @@ $skeleton-accent: mix($secondary, $onSecondary, 50%);
} }
.sidebar-controlbtn-enabled { .sidebar-controlbtn-enabled {
background-color: $primary; background-color: $secondaryContainer;
label { label {
color: $onPrimary; color: $onSecondaryContainer;
} }
} }
.sidebar-controlbtn-enabled:hover, .sidebar-controlbtn-enabled:hover,
.sidebar-controlbtn-enabled:focus { .sidebar-controlbtn-enabled:focus {
background-color: mix($primary, $hovercolor, 70%); background-color: mix($secondaryContainer, $onSecondaryContainer, 90%);
}
.sidebar-controlbtn-enabled:active {
background-color: mix($secondaryContainer, $onSecondaryContainer, 75%);
} }
.sidebar-expandbtn-enabled { .sidebar-expandbtn-enabled {
min-width: 29.113rem; min-width: 29.113rem;
} }
.sidebar-controlbtn-enabled:active {
background-color: mix($primary, $hovercolor, 40%);
}
.sidebar-waifu-heading { .sidebar-waifu-heading {
@include titlefont; @include titlefont;
padding: 0.341rem; padding: 0.341rem;
@@ -1059,6 +1059,7 @@ $waifu_image_overlay_transparency: 0.7;
&:focus { &:focus {
background-color: $layer3Hover; background-color: $layer3Hover;
} }
&:active { &:active {
background-color: $layer3Active; background-color: $layer3Active;
} }