diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css index e1c7c88f6..d7865d757 100644 --- a/apps/client/src/stylesheets/theme-next-dark.css +++ b/apps/client/src/stylesheets/theme-next-dark.css @@ -21,7 +21,7 @@ --subtle-border-color: #313131; --dropdown-border-color: #404040; --dropdown-shadow-opacity: 0.6; - --dropdown-item-icon-destructive-color: #de6e5b; + --dropdown-item-icon-destructive-color: #d58477; --contextual-help-icon-color: #7fd2ef; --accented-background-color: #555; diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css index db623c89b..fb3991761 100644 --- a/apps/client/src/stylesheets/theme-next-light.css +++ b/apps/client/src/stylesheets/theme-next-light.css @@ -21,7 +21,7 @@ --subtle-border-color: rgba(0, 0, 0, 0.1); --dropdown-border-color: #ccc; --dropdown-shadow-opacity: 0.2; - --dropdown-item-icon-destructive-color: #ec5138; + --dropdown-item-icon-destructive-color: #de4027; --contextual-help-icon-color: #004382; --accented-background-color: #f5f5f5; diff --git a/apps/client/src/stylesheets/theme-next/base.css b/apps/client/src/stylesheets/theme-next/base.css index 073f31904..982794a68 100644 --- a/apps/client/src/stylesheets/theme-next/base.css +++ b/apps/client/src/stylesheets/theme-next/base.css @@ -234,6 +234,10 @@ html body .dropdown-item[disabled] { opacity: var(--menu-item-disabled-opacity); } +.dropdown-item .destructive-action-icon, +.dropdown-item .bx-trash { + --menu-item-icon-color: var(--dropdown-item-icon-destructive-color); +} /* Badges */ :root .badge { --bs-badge-color: var(--badge-text-color);