diff options
| author | Fabio Berger <me@fabioberger.com> | 2018-08-27 19:30:30 +0800 |
|---|---|---|
| committer | Fabio Berger <me@fabioberger.com> | 2018-08-27 19:30:30 +0800 |
| commit | fe7a8be98c32c6aed8548574e67e36962db732fb (patch) | |
| tree | 59154d638bbdcb9df09d269a3df92a7ba6e82e51 | |
| parent | 925d5aa09b8855bfc5c0293feda14a77b1357299 (diff) | |
| download | dexon-sol-tools-fe7a8be98c32c6aed8548574e67e36962db732fb.tar.gz dexon-sol-tools-fe7a8be98c32c6aed8548574e67e36962db732fb.tar.zst dexon-sol-tools-fe7a8be98c32c6aed8548574e67e36962db732fb.zip | |
Move colors to colors module
| -rw-r--r-- | packages/react-shared/src/utils/colors.ts | 2 | ||||
| -rw-r--r-- | packages/website/ts/components/dropdowns/developers_drop_down.tsx | 14 |
2 files changed, 13 insertions, 3 deletions
diff --git a/packages/react-shared/src/utils/colors.ts b/packages/react-shared/src/utils/colors.ts index 7d047a50e..5a20eeaa1 100644 --- a/packages/react-shared/src/utils/colors.ts +++ b/packages/react-shared/src/utils/colors.ts @@ -8,6 +8,7 @@ const baseColors = { greyishPink: '#E6E5E5', grey300: '#E0E0E0', beigeWhite: '#E4E4E4', + lightBgGrey: '#EDEDED', grey350: '#cacaca', grey400: '#BDBDBD', lightGrey: '#BBBBBB', @@ -15,6 +16,7 @@ const baseColors = { grey: '#A5A5A5', darkGrey: '#818181', landingLinkGrey: '#919191', + linkSectionGrey: '#999999', grey700: '#616161', grey750: '#515151', grey800: '#424242', diff --git a/packages/website/ts/components/dropdowns/developers_drop_down.tsx b/packages/website/ts/components/dropdowns/developers_drop_down.tsx index 3ab8af2b3..68f9a2f67 100644 --- a/packages/website/ts/components/dropdowns/developers_drop_down.tsx +++ b/packages/website/ts/components/dropdowns/developers_drop_down.tsx @@ -87,7 +87,7 @@ export class DevelopersDropDown extends React.Component<DevelopersDropDownProps, anchorOrigin={{ horizontal: 'left', vertical: 'bottom' }} targetOrigin={{ horizontal: 'left', vertical: 'top' }} style={this.props.menuItemStyles} - popoverStyle={{ borderRadius: 4, width: 433, height: 373, marginTop: 10 }} + popoverStyle={{ borderRadius: 4, width: 427, height: 373, marginTop: 10 }} /> ); } @@ -122,7 +122,7 @@ export class DevelopersDropDown extends React.Component<DevelopersDropDownProps, style={{ padding: '1.125rem', textAlign: 'center', - backgroundColor: '#EDEDED', + backgroundColor: colors.lightBgGrey, borderBottomLeftRadius: 4, borderBottomRightRadius: 4, }} @@ -145,7 +145,15 @@ export class DevelopersDropDown extends React.Component<DevelopersDropDownProps, } private _renderTitle(title: string): React.ReactNode { return ( - <div style={{ color: '#999999', fontSize: 14, paddingBottom: 12, fontWeight: 600, letterSpacing: 1 }}> + <div + style={{ + color: colors.linkSectionGrey, + fontSize: 14, + paddingBottom: 12, + fontWeight: 600, + letterSpacing: 1, + }} + > {title.toUpperCase()} </div> ); |