enhance(ui): make consistent accent colors for all the popover dropdown

This commit is contained in:
charlie
2024-01-05 12:47:31 +08:00
parent f9b26a1050
commit a27f360cd8
10 changed files with 26 additions and 40 deletions

View File

@@ -392,16 +392,14 @@ button.menu {
.menu-link:hover,
button.pull:hover,
button.menu:focus {
background-color: or(--ls-settings-list-item-hover-background-color, --lx-gray-05, --ls-menu-hover-color, #f4f5f7);
background-color: or(--lx-gray-05, --ls-menu-hover-color, #f4f5f7);
}
.menu-links-wrapper,
.menu-links-outer {
@apply py-2 rounded-md shadow-lg overflow-y-auto;
@apply py-2 rounded-lg shadow-lg overflow-y-auto border bg-popovelx min-w-[12rem];
max-height: calc(100vh - 100px) !important;
background-color: or(--ls-settings-dropdown-background, --lx-gray-03, --ls-primary-background-color, #fff);
min-width: 12rem;
}
.menu-backdrop {
@@ -411,9 +409,8 @@ button.menu:focus {
}
.menu-link {
background-color: or(--ls-settings-dropdown-link-item-background, --lx-gray-03, --ls-primary-background-color, #fff);
color: or(--ls-settings-dropdown-link-text-color, --lx-gray-11, --ls-primary-text-color);
user-select: none;
@apply text-popover-foreground/90 select-none hover:text-popover-foreground/100;
@apply text-sm px-2 py-1.5 mx-1 hover:rounded transition-opacity duration-150;
}
.menu-separator {