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)';