summaryrefslogtreecommitdiff
path: root/app/theme/color.ts
diff options
context:
space:
mode:
authorKirill Rogovoy <[email protected]>2021-07-20 21:24:52 +0300
committerKirill Rogovoy <[email protected]>2021-07-20 21:24:52 +0300
commit5f4611d65e40eae3ca6191a15f68d69ea5a1c4cb (patch)
tree273dfc086444533d86d580961c92ba8d14781a67 /app/theme/color.ts
parentf0bf4e7afdcd8b02a62be45ab3e7d047ed865a79 (diff)
WIP
Diffstat (limited to 'app/theme/color.ts')
-rw-r--r--app/theme/color.ts64
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,
-}