How to use variables for a dynamic theme?

[Talor-A]

hi, using this example in the readme,

import theme from 'react-native-theme';

theme.add({ // Add default theme
  container: {
    flex: 1,
    flexDirection: 'row'
  },
  title: {
    fontSize: 20,
  },
  ...
});

theme.add({ // Add red theme
  title: {
    fontSize: 20,
    color: 'red',
  },
  ...
}, 'red');

is there a way to make the theme more configurable by doing something like this:

theme.add({ // Add multicolor theme
  title: {
    fontSize: 20,
    color: variables.primaryColor,
  },
  ...
}, 'color');

this, for example would let me use one theme but switch i.e. primaryColor to be white or black to have light/dark themes.

[doanndd]

Hi, I think you should add theme for light/dark mode. Then react-native-theme will trigger changing your style each time you switching.