From 136ef3827700005b50df0e99b2ee67923d80c206 Mon Sep 17 00:00:00 2001
From: Fabio Berger <me@fabioberger.com>
Date: Mon, 1 Oct 2018 22:04:21 +0100
Subject: Move colors to colors.ts file

---
 packages/react-shared/src/utils/colors.ts                        | 4 +++-
 packages/website/ts/components/documentation/tutorial_button.tsx | 6 +++---
 2 files changed, 6 insertions(+), 4 deletions(-)

(limited to 'packages')

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>
-- 
cgit v1.2.3