Import color variables to my styles

Question

I want to make file with variables of my colors and then import this file to my styles.

button: {  color: primarycolor  background: primarybackground } 

So I can change colors only in one place.

Answer 1

You can define a separate js file colors.js, that consists of the colors object and export it.

export const COLORS = {   white: '#fff',   black: '#000',   // your colors } 

Now import COLORS from the above file - import {COLORS} from './<Path>/colors.js' in your respective file that uses the defined colors. And use it as shown below.

button: {   color: COLORS.white,   backgroundColor: COLORS.black }