diff options
author | Kirill Rogovoy <[email protected]> | 2021-07-20 21:24:52 +0300 |
---|---|---|
committer | Kirill Rogovoy <[email protected]> | 2021-07-20 21:24:52 +0300 |
commit | 5f4611d65e40eae3ca6191a15f68d69ea5a1c4cb (patch) | |
tree | 273dfc086444533d86d580961c92ba8d14781a67 /app/theme/color.ts | |
parent | f0bf4e7afdcd8b02a62be45ab3e7d047ed865a79 (diff) |
WIP
Diffstat (limited to 'app/theme/color.ts')
-rw-r--r-- | app/theme/color.ts | 64 |
1 files changed, 0 insertions, 64 deletions
diff --git a/app/theme/color.ts b/app/theme/color.ts deleted file mode 100644 index aa582e7..0000000 --- a/app/theme/color.ts +++ /dev/null @@ -1,64 +0,0 @@ -import { palette } from './palette' - -/** - * Roles for colors. Prefer using these over the palette. It makes it easier - * to change things. - * - * The only roles we need to place in here are the ones that span through the app. - * - * If you have a specific use-case, like a spinner color. It makes more sense to - * put that in the <Spinner /> component. - */ -export const color = { - /** - * The palette is available to use, but prefer using the name. - */ - palette, - /** - * A helper for making something see-thru. Use sparingly as many layers of transparency - * can cause older Android devices to slow down due to the excessive compositing required - * by their under-powered GPUs. - */ - transparent: 'rgba(0, 0, 0, 0)', - /** - * The screen background. - */ - background: palette.white, - /** - * The main tinting color. - */ - primary: palette.orange, - /** - * The main tinting color, but darker. - */ - primaryDarker: palette.orangeDarker, - /** - * A subtle color used for borders and lines. - */ - line: palette.offWhite, - /** - * The default color of text in many components. - */ - text: palette.white, - /** - * Secondary information. - */ - dim: palette.lightGrey, - /** - * Error messages and icons. - */ - error: palette.angry, - - /** - * Storybook background for Text stories, or any stories where - * the text color is color.text, which is white by default, and does not show - * in Stories against the default white background - */ - storybookDarkBg: palette.black, - - /** - * Storybook text color for stories that display Text components against the - * white background - */ - storybookTextColor: palette.black, -} |