diff --git a/example/src/screens/Playground/Playground.tsx b/example/src/screens/Playground/Playground.tsx
index 04c4685..306dbf9 100644
--- a/example/src/screens/Playground/Playground.tsx
+++ b/example/src/screens/Playground/Playground.tsx
@@ -65,7 +65,13 @@ const Playground = ({}: PlaygroundProps) => {
onPress: () => {
console.log('[ACTION]: Delete');
},
- icon: () => ,
+ icon: () => (
+
+ ),
withSeperator: true,
isDestructive: true,
},
diff --git a/src/components/menu/MenuItem.tsx b/src/components/menu/MenuItem.tsx
index ce8d245..f623333 100644
--- a/src/components/menu/MenuItem.tsx
+++ b/src/components/menu/MenuItem.tsx
@@ -13,7 +13,8 @@ import {
BORDER_LIGHT_COLOR,
BORDER_DARK_COLOR,
MENU_TITLE_COLOR,
- MENU_TEXT_DESTRUCTIVE_COLOR,
+ MENU_TEXT_DESTRUCTIVE_COLOR_LIGHT,
+ MENU_TEXT_DESTRUCTIVE_COLOR_DARK,
MENU_TEXT_DARK_COLOR,
MENU_TEXT_LIGHT_COLOR,
} from './constants';
@@ -46,7 +47,9 @@ const MenuItemComponent = ({ item, isLast, theme }: MenuItemComponentProps) => {
color: item.isTitle
? MENU_TITLE_COLOR
: item.isDestructive
- ? MENU_TEXT_DESTRUCTIVE_COLOR
+ ? theme === 'dark'
+ ? MENU_TEXT_DESTRUCTIVE_COLOR_DARK
+ : MENU_TEXT_DESTRUCTIVE_COLOR_LIGHT
: theme === 'dark'
? MENU_TEXT_DARK_COLOR
: MENU_TEXT_LIGHT_COLOR,
diff --git a/src/components/menu/constants.ts b/src/components/menu/constants.ts
index bae2ecf..6f057e5 100644
--- a/src/components/menu/constants.ts
+++ b/src/components/menu/constants.ts
@@ -4,4 +4,6 @@ export const BORDER_DARK_COLOR = 'rgba(255, 255, 255, 0.1)';
export const MENU_TITLE_COLOR = 'gray';
export const MENU_TEXT_LIGHT_COLOR = 'rgba(0, 0, 0, 1)';
export const MENU_TEXT_DARK_COLOR = 'rgb(255, 255, 255)';
-export const MENU_TEXT_DESTRUCTIVE_COLOR = 'rgb(255, 50,30)';
+
+export const MENU_TEXT_DESTRUCTIVE_COLOR_LIGHT = 'rgb(255, 59,48)';
+export const MENU_TEXT_DESTRUCTIVE_COLOR_DARK = 'rgb(255, 69,58)';