aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/utils
diff options
context:
space:
mode:
authorFabio Berger <me@fabioberger.com>2017-12-18 17:44:55 +0800
committerFabio Berger <me@fabioberger.com>2017-12-18 17:44:55 +0800
commit400228e139a5c74302f1a16b8ca5c43ea4843307 (patch)
tree51fe612e283ee0a60b69061f49266a5270f0e792 /packages/website/ts/utils
parentedfae324846359a9ba378de8d7d9c5c05b2c96cf (diff)
downloaddexon-0x-contracts-400228e139a5c74302f1a16b8ca5c43ea4843307.tar.gz
dexon-0x-contracts-400228e139a5c74302f1a16b8ca5c43ea4843307.tar.zst
dexon-0x-contracts-400228e139a5c74302f1a16b8ca5c43ea4843307.zip
Sort colors into color spectrum
Diffstat (limited to 'packages/website/ts/utils')
-rw-r--r--packages/website/ts/utils/colors.ts30
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',
};