akveo / akveo/react-native-ui-kitten

UI Kitten Button status color change with custom-theme

Abierto
#1,748 2 comentarios 0 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
TypeScript
Estrellas
10.7k
Forks
962
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

## 💬 Question

Hello,
I'm using the UI Kitten button component .
But I want to ask a question.
I added custom-theme.json to my project.

While changing the color of the button component, we give the status prop "basic, primary, success, info, warning, danger or control" values, but I guess it uses color-primary-500 as this color.
```js
Button 1 //-> working
Button 2 //-> not working.
```
I want to use 100 200 300 400 500 600 700 800 colors in this json file.
Is it possible ?

Examples are these values.
```json
{
"color-primary-100": "#D6E4FF",
"color-primary-200": "#ADC8FF",
"color-primary-300": "#84A9FF",
"color-primary-400": "#6690FF",
"color-primary-500": "#0066FF",
"color-primary-600": "#254EDB",
"color-primary-700": "#1939B7",
"color-primary-800": "#102693",
"color-primary-900": "#091A7A",
"color-success-100": "#EFFBCF",
"color-success-200": "#DCF8A1",
"color-success-300": "#BDEA6F",
"color-success-400": "#9CD649",
"color-success-500": "#70BC17",
"color-success-600": "#58A110",
"color-success-700": "#42870B",
"color-success-800": "#306D07",
"color-success-900": "#225A04",
"color-info-100": "#D9FFFD",
"color-info-200": "#B4FDFF",
"color-info-300": "#8EF4FF",
"color-info-400": "#72E8FF",
"color-info-500": "#44D3FF",
"color-info-600": "#31A7DB",
"color-info-700": "#227FB7",
"color-info-800": "#155B93",
"color-info-900": "#0D417A",
"color-warning-100": "#FFF5D7",
"color-warning-200": "#FFE9B0",
"color-warning-300": "#FFDA88",
"color-warning-400": "#FFCB6B",
"color-warning-500": "#FFB33A",
"color-warning-600": "#DB902A",
"color-warning-700": "#B76F1D",
"color-warning-800": "#935212",
"color-warning-900": "#7A3D0B",
"color-danger-100": "#FFE4D5",
"color-danger-200": "#FFC2AB",
"color-danger-300": "#FF9881",
"color-danger-400": "#FF7161",
"color-danger-500": "#FF312D",
"color-danger-600": "#DB202D",
"color-danger-700": "#B7162F",
"color-danger-800": "#930E2E",
"color-danger-900": "#7A082D"
}
```

## UI Kitten and Eva version

| Package | Version |
| ----------- | ----------- |
| @eva-design/eva | 2.2.0 |
| @ui-kitten/components | 5.3.1 |

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.