Skip to content

Instantly share code, notes, and snippets.

@herbievine
Created October 31, 2021 20:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save herbievine/01de968fea129c828ffc6e504b6e58d9 to your computer and use it in GitHub Desktop.
Save herbievine/01de968fea129c828ffc6e504b6e58d9 to your computer and use it in GitHub Desktop.
React Native custom theme selector - ./src/lib/constants.ts
const BRAND_COLOR = '#57C69E' as const
const LIGHT_THEME_BACKGROUND = '#EEEEEE' as const
const LIGHT_THEME_TEXT = '#111111' as const
const LIGHT_THEME_VARIANT = '#333333' as const
const LIGHT_THEME_SECONDARY = '#777777' as const
const LIGHT_THEME_SECONDARY_VARIANT = '#BBBBBB' as const
const LIGHT_THEME_BACKGROUND_VARIANT = '#CCCCCC' as const
const DARK_THEME_BACKGROUND = '#111111' as const
const DARK_THEME_TEXT = '#EEEEEE' as const
const DARK_THEME_VARIANT = '#CCCCCC' as const
const DARK_THEME_SECONDARY = '#888888' as const
const DARK_THEME_SECONDARY_VARIANT = '#444444' as const
const DARK_THEME_BACKGROUND_VARIANT = '#333333' as const
const SUCCESS = '#2eab4f' as const
const WARNING = '#e39e14' as const
const ERROR = '#d12e11' as const
export {
BRAND_COLOR,
LIGHT_THEME_BACKGROUND,
LIGHT_THEME_TEXT,
LIGHT_THEME_VARIANT,
LIGHT_THEME_SECONDARY,
LIGHT_THEME_SECONDARY_VARIANT,
LIGHT_THEME_BACKGROUND_VARIANT,
DARK_THEME_BACKGROUND,
DARK_THEME_TEXT,
DARK_THEME_VARIANT,
DARK_THEME_SECONDARY,
DARK_THEME_SECONDARY_VARIANT,
DARK_THEME_BACKGROUND_VARIANT,
SUCCESS,
WARNING,
ERROR,
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment