UNPKG

@corrbo/react-native-dev-console

Version:
50 lines (49 loc) 1.12 kB
"use strict"; import React, { useContext } from 'react'; export const ThemeContext = /*#__PURE__*/React.createContext('light'); const darkTheme = { colors: { background: '#2d2a28', link: '#0077ff', card: '#3a3a3c', text: '#ffffff', statusGood: '#28a844', statusWarning: '#ffc007', statusBad: '#dd3444', secondary: '#2c7489', onSecondary: '#ffffff', muted: '#cccccc' } }; const lightTheme = { colors: { background: '#ededed', link: '#0077ff', card: '#ffffff', text: '#000000', statusGood: '#28a844', statusWarning: '#ffc007', statusBad: '#dd3444', secondary: '#2c7489', onSecondary: '#ffffff', muted: '#757575' } }; const themes = { dark: darkTheme, light: lightTheme }; export const useTheme = () => { const themeValue = useContext(ThemeContext); return typeof themeValue === 'string' ? themes[themeValue] : { colors: { ...lightTheme.colors, ...themeValue.colors } }; }; export const useThemedStyles = styles => { const theme = useTheme(); return styles(theme); }; //# sourceMappingURL=theme.js.map