search

akveo / react-native-ui-kitten

:boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
https://akveo.github.io/react-native-ui-kitten/
MIT License
10.34k stars 956 forks source link

Custom theme background color does not show right #1796

Open sakihayashi opened 11 months ago

sakihayashi commented 11 months ago

💬 Question

I set up a custom theme and it correctly shows for only if filled appearances. Yet, components with appearance="outline" shows original UI Kitten's theme color for the background color like the image below.

For instance, button's appearance="filled' is fine both hover and click has my custom theme color. However, if I use appearance="outline" then the background color is supposed to be the lighter color of the status color (in this case, I set primary color as red and the background color is supposed to be lighter red but it is actually UI Kitten's original theme primary color, which is light purple.

Screenshot 2023-12-01 at 9 39 13 PM

Has anyone solved this issue? It's awful to have this color combination off from our branding colors.

UI Kitten and Eva version

Package Version

"@eva-design/material": "^2.2.0", "@ui-kitten/components": "^5.3.1", "@ui-kitten/eva-icons": "^5.3.1",

greenfrvr commented 5 months ago

Could you please share theme file you're trying to apply?