Stylo theme
Stylo provides a default strongly typed theme. The theme provides all the needed style definitions to style & build all kinds of components, right from simple Text to complicated Pickers & Forms. The theme has defined variables for colors, font, border, padding & margin. The entire theme is based on these variables. So it's easy to create your own theme flavour or multiple flavours by just making some changes to these variables.
Setup
Stylo theme & its tightly coupled styling elements, Stylish components & Styler hooks, are located at /node_modules/react-native-stylo/lib/stylo. Just copy the these to your project. You can freely modify the theme as per your needs.
E.g. cp -R [root]/node_modules/react-native-stylo/lib/stylo [root]/app/stylo
[root]
|- app
|- components
|- screens
|- stylo
|- stylers
|- stylish
|- themes
|- types
|- default