diff options
| author | Fabio Berger <me@fabioberger.com> | 2017-12-18 16:15:12 +0800 |
|---|---|---|
| committer | Fabio Berger <me@fabioberger.com> | 2017-12-18 16:15:12 +0800 |
| commit | df9d3e3e16e5a00ea84369691c46a6e4a6a53049 (patch) | |
| tree | 18dbcd29fa9f5dd41dc4c4072aaafe9e2026e5d6 /packages/website/ts/utils/colors.ts | |
| parent | 98c01c2f8097c849c53d87a4946edfd4fba94495 (diff) | |
| download | dexon-sol-tools-df9d3e3e16e5a00ea84369691c46a6e4a6a53049.tar dexon-sol-tools-df9d3e3e16e5a00ea84369691c46a6e4a6a53049.tar.gz dexon-sol-tools-df9d3e3e16e5a00ea84369691c46a6e4a6a53049.tar.bz2 dexon-sol-tools-df9d3e3e16e5a00ea84369691c46a6e4a6a53049.tar.lz dexon-sol-tools-df9d3e3e16e5a00ea84369691c46a6e4a6a53049.tar.xz dexon-sol-tools-df9d3e3e16e5a00ea84369691c46a6e4a6a53049.tar.zst dexon-sol-tools-df9d3e3e16e5a00ea84369691c46a6e4a6a53049.zip | |
Consolidate all custom colors and material-ui colors into a colors module
Diffstat (limited to 'packages/website/ts/utils/colors.ts')
| -rw-r--r-- | packages/website/ts/utils/colors.ts | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/packages/website/ts/utils/colors.ts b/packages/website/ts/utils/colors.ts new file mode 100644 index 000000000..c6a8547d1 --- /dev/null +++ b/packages/website/ts/utils/colors.ts @@ -0,0 +1,30 @@ +import {colors as materialUiColors} from 'material-ui/styles'; + +export const colors = { + ...materialUiColors, + offWhite: 'rgb(245, 245, 245)', + beigeWhite: '#E4E4E4', + grayishPink: 'rgb(230, 229, 229)', + lightestGray: '#F0F0F0', + lightGray: '#BBBBBB', + gray: '#A5A5A5', + darkGray: '#818181', + darkerGray: '#393939', + heroGray: '#404040', + projectsGray: '#343333', + landingLinkGray: '#919191', + darkestGray: 'rgb(39, 39, 39)', + dharmaDarkGray: 'rgb(37, 37, 37)', + lightBlue: '#60a4f4', + darkBlue: '#4D5481', + lightPurple: '#a81ca6', + purple: '#690596', + red: '#e91751', + turquois: '#058789', + orange: '#e69d00', + lightestGreen: 'rgb(137, 199, 116)', + lightGreen: 'rgb(77, 197, 92)', + limeGreen: 'rgb(102, 222, 117)', + green: '#4da24b', + brightGreen: 'rgb(0, 195, 62)', +}; |