Default Theme

note

First of all you need to install @flexnative/theme-context. Fallow instructions here on how to install and how to use @flexnative/theme-context.

BaseTheme object is where you define your application's color palette.

By default there are two color palette light or dark from @flexnative/theme-context. You also can extend BaseTheme object to add custom/extra colors. Fallow the section on how customizing default theme colors or how to extend of default theme colors.

Name	Type	Required	Light Value	Dark Value
background	`ColorValue`	true	`#f8f8f8`	`#000000`
default	`ColorValue`	true	`#f5f5f5`	`#404040`
card	`ColorValue`	true	`#ffffff`	`#232323`
text	`ColorValue`	true	`#424242`	`#ffffff`
border	`ColorValue`	true	`#42424226`	`#ffffff1A`
placeholder	`ColorValue`	true	`#0000001A`	`#FFFFFF1A`
info	`ColorValue`	true	`#3e80ed`	`#3e80ed`
success	`ColorValue`	true	`#5ec232`	`#5ec232`
warning	`ColorValue`	true	`#ffc107`	`#ffc107`
error	`ColorValue`	true	`#d51923`	`#d51923`
dark	`ColorValue`	true	`#424242`	`#424242`
secondary	`ColorValue`	true	`#666666`	`#5C5C5C`
light	`ColorValue`	true	`#ebebeb`	`#ebebeb`
primary	`ColorValue`	true	`#ff6358`	`#ff6358`