Better red color for danger menus

This commit is contained in:
Lim Chee Aun 2024-03-23 12:26:22 +08:00
parent 8eb67f469c
commit d6b65d0413
2 changed files with 7 additions and 2 deletions

View file

@ -1925,11 +1925,11 @@ body > .szh-menu-container {
.szh-menu__item:not(.szh-menu__item--disabled):not( .szh-menu__item:not(.szh-menu__item--disabled):not(
.szh-menu__item--hover .szh-menu__item--hover
).danger { ).danger {
color: var(--red-color); color: var(--red-text-color);
} }
.szh-menu .szh-menu
.szh-menu__item.danger:not(.szh-menu__item--disabled).szh-menu__item--hover { .szh-menu__item.danger:not(.szh-menu__item--disabled).szh-menu__item--hover {
background-color: var(--red-color); background-color: var(--red-text-color);
} }
.szh-menu .szh-menu
.szh-menu__item:not(.szh-menu__item--disabled):not( .szh-menu__item:not(.szh-menu__item--disabled):not(

View file

@ -24,6 +24,11 @@
transparent transparent
); );
--red-color: orangered; --red-color: orangered;
--red-text-color: color-mix(
in srgb-linear,
var(--red-color) 60%,
var(--text-color) 40%
);
--red-bg-color: color-mix(in lch, var(--red-color) 40%, transparent); --red-bg-color: color-mix(in lch, var(--red-color) 40%, transparent);
--bg-color: #fff; --bg-color: #fff;
--bg-faded-color: #f0f2f5; --bg-faded-color: #f0f2f5;