crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move colors to colors module

Browse Source
This commit is contained in:
Fabio Berger
2018-08-27 12:30:30 +01:00
parent 925d5aa09b
commit fe7a8be98c
2 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/react-shared/src/utils/colors.ts
View File

@@ -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',

14
packages/website/ts/components/dropdowns/developers_drop_down.tsx
View File

@@ -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>
);