diff options
| author | Fabio Berger <me@fabioberger.com> | 2017-12-18 17:44:55 +0800 |
|---|---|---|
| committer | Fabio Berger <me@fabioberger.com> | 2017-12-18 17:44:55 +0800 |
| commit | 400228e139a5c74302f1a16b8ca5c43ea4843307 (patch) | |
| tree | 51fe612e283ee0a60b69061f49266a5270f0e792 | |
| parent | edfae324846359a9ba378de8d7d9c5c05b2c96cf (diff) | |
| download | dexon-sol-tools-400228e139a5c74302f1a16b8ca5c43ea4843307.tar.gz dexon-sol-tools-400228e139a5c74302f1a16b8ca5c43ea4843307.tar.zst dexon-sol-tools-400228e139a5c74302f1a16b8ca5c43ea4843307.zip | |
Sort colors into color spectrum
| -rw-r--r-- | packages/website/ts/utils/colors.ts | 30 |
1 files changed, 22 insertions, 8 deletions
diff --git a/packages/website/ts/utils/colors.ts b/packages/website/ts/utils/colors.ts index 5523f581e..c65a3a622 100644 --- a/packages/website/ts/utils/colors.ts +++ b/packages/website/ts/utils/colors.ts @@ -2,28 +2,42 @@ import {colors as materialUiColors} from 'material-ui/styles'; export const colors = { ...materialUiColors, - beigeWhite: '#E4E4E4', - greyishPink: '#E6E5E5', + grey50: '#FAFAFA', + grey100: '#F5F5F5', lightestGrey: '#F0F0F0', + greyishPink: '#E6E5E5', + grey300: '#E0E0E0', + beigeWhite: '#E4E4E4', + grey400: '#BDBDBD', lightGrey: '#BBBBBB', + grey500: '#9E9E9E', grey: '#A5A5A5', darkGrey: '#818181', + landingLinkGrey: '#919191', + grey700: '#616161', + grey800: '#424242', darkerGrey: '#393939', heroGrey: '#404040', projectsGrey: '#343333', - landingLinkGrey: '#919191', darkestGrey: '#272727', dharmaDarkGrey: '#252525', lightBlue: '#60A4F4', + lightBlueA700: '#0091EA', darkBlue: '#4D5481', + turquois: '#058789', lightPurple: '#A81CA6', purple: '#690596', + red200: '#EF9A9A', red: '#E91751', - turquois: '#058789', - orange: '#E69D00', - lightestGreen: '#89C774', - lightGreen: '#4DC55C', + red500: '#F44336', + red600: '#E53935', limeGreen: '#66DE75', - green: '#4DA24B', + lightGreen: '#4DC55C', + lightestGreen: '#89C774', brightGreen: '#00C33E', + green400: '#66BB6A', + green: '#4DA24B', + amber600: '#FFB300', + orange: '#E69D00', + amber800: '#FF8F00', }; |