aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorFabio Berger <me@fabioberger.com>2018-08-27 19:30:30 +0800
committerFabio Berger <me@fabioberger.com>2018-08-27 19:30:30 +0800
commitfe7a8be98c32c6aed8548574e67e36962db732fb (patch)
tree59154d638bbdcb9df09d269a3df92a7ba6e82e51
parent925d5aa09b8855bfc5c0293feda14a77b1357299 (diff)
downloaddexon-sol-tools-fe7a8be98c32c6aed8548574e67e36962db732fb.tar
dexon-sol-tools-fe7a8be98c32c6aed8548574e67e36962db732fb.tar.gz
dexon-sol-tools-fe7a8be98c32c6aed8548574e67e36962db732fb.tar.bz2
dexon-sol-tools-fe7a8be98c32c6aed8548574e67e36962db732fb.tar.lz
dexon-sol-tools-fe7a8be98c32c6aed8548574e67e36962db732fb.tar.xz
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.ts2
-rw-r--r--packages/website/ts/components/dropdowns/developers_drop_down.tsx14
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>
);