diff options
| -rw-r--r-- | packages/react-shared/src/utils/colors.ts | 4 | ||||
| -rw-r--r-- | packages/website/ts/components/documentation/tutorial_button.tsx | 6 |
2 files changed, 6 insertions, 4 deletions
diff --git a/packages/react-shared/src/utils/colors.ts b/packages/react-shared/src/utils/colors.ts index 778a5bc20..596c17e83 100644 --- a/packages/react-shared/src/utils/colors.ts +++ b/packages/react-shared/src/utils/colors.ts @@ -9,7 +9,8 @@ const baseColors = { grey300: '#E0E0E0', beigeWhite: '#E4E4E4', lightBgGrey: '#EDEDED', - grey350: '#cacaca', + grey325: '#dfdfdf', + grey350: '#CACACA', grey400: '#BDBDBD', lightGrey: '#BBBBBB', grey500: '#9E9E9E', @@ -24,6 +25,7 @@ const baseColors = { heroGrey: '#404040', projectsGrey: '#343333', darkestGrey: '#272727', + lightestBlue: '#E7F1FD', lightBlue: '#60A4F4', lightBlueA700: '#0091EA', lightLinkBlue: '#3289F1', diff --git a/packages/website/ts/components/documentation/tutorial_button.tsx b/packages/website/ts/components/documentation/tutorial_button.tsx index aee094b86..b4056753c 100644 --- a/packages/website/ts/components/documentation/tutorial_button.tsx +++ b/packages/website/ts/components/documentation/tutorial_button.tsx @@ -35,10 +35,10 @@ export class TutorialButton extends React.Component<TutorialButtonProps, Tutoria className="flex relative" style={{ borderRadius: 4, - border: `1px solid ${this.state.isHovering ? colors.lightLinkBlue : '#dfdfdf'}`, + border: `1px solid ${this.state.isHovering ? colors.lightLinkBlue : colors.grey325}`, padding: 20, marginBottom: 15, - backgroundColor: this.state.isHovering ? '#e7f1fd' : colors.white, + backgroundColor: this.state.isHovering ? colors.lightestBlue : colors.white, }} > <div className="col col-1 flex items-center sm-pr3"> @@ -48,7 +48,7 @@ export class TutorialButton extends React.Component<TutorialButtonProps, Tutoria <Text Tag="div" fontSize="18" fontColor={colors.lightLinkBlue} fontWeight="bold"> {this.props.translate.get(this.props.tutorialInfo.title as Key, Deco.Cap)} </Text> - <Text Tag="div" fontColor="#555555" fontSize="16"> + <Text Tag="div" fontColor={colors.grey750} fontSize="16"> {this.props.translate.get(this.props.tutorialInfo.description as Key, Deco.Cap)} </Text> </div> |