npm install theme-csx

yarn add theme-csx

import { useState } from 'react';// Stylesimport { StyleSheet, appearanceHook, t} from "theme-csx";// Components import { Text, View } from 'react-native';import { Button } from '@components/atoms';const DemoComponent = () => {// Theme stateconst [theme, setTheme] = useState(appearanceHook.activeTheme)// Theme switchconst switchTheme = () => {   appearanceHook.switch(appearanceHook.activeTheme === 'dark' ? 'light' : 'dark')   setTheme(theme === 'dark' ? 'light' : 'dark')}return (   <View style={t(styles.THEMED_CONTAINER)}>      <Text style={styles.NORMAL_TEXT}>Hey, I am normal text</Text>      <Text style={t(styles.THEMED_TEXT)}>Hey, I am themed text</Text>      <Button text={'Switch theme'} onPress={switchTheme} />   </View>)}const styles = StyleSheet.create({    THEMED_CONTAINER: {    flex: 1,    backgroundColor: 'white',    backgroundDark: 'gray',    alignItems: 'center',    justifyContent: 'center',   },   NORMAL_TEXT: {   fontWeight: 'bold',   fontSize: 14,   color: 'green',   },   THEMED_TEXT: {   fontWeight: 'bold',   fontSize: 14,   color: 'black',   colorDark: 'white'   },})