From dccbf8776cefbafcbf6ee3613c18dd04e86a9bab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ey=C3=BE=C3=B3r=20Magn=C3=BAsson?= <eysi09@gmail.com>
Date: Mon, 11 Feb 2019 18:02:44 +0100
Subject: [PATCH] feat(dashboard): update font colour

---
 dashboard/src/components/global-style.tsx | 2 +-
 dashboard/src/components/logs.tsx         | 2 +-
 dashboard/src/components/terminal.tsx     | 2 +-
 dashboard/src/styles/variables.ts         | 1 -
 4 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/dashboard/src/components/global-style.tsx b/dashboard/src/components/global-style.tsx
index d02ae8636f..4f04a0e27e 100644
--- a/dashboard/src/components/global-style.tsx
+++ b/dashboard/src/components/global-style.tsx
@@ -20,7 +20,7 @@ import {
 const styles = css`
   html {
     box-sizing: border-box;
-    color: ${colors.black};
+    color: ${colors.gardenBlack};
     font-size: ${"1em" /*was: 44%*/};
 
     ${media.tablet`
diff --git a/dashboard/src/components/logs.tsx b/dashboard/src/components/logs.tsx
index 8ccc9c48d6..51c8eda0a2 100644
--- a/dashboard/src/components/logs.tsx
+++ b/dashboard/src/components/logs.tsx
@@ -82,7 +82,7 @@ const selectStyles = {
   }),
   option: (base, state) => ({
     ...base,
-    color: colors.black,
+    color: colors.gardenBlack,
     backgroundColor: state.isSelected
       ? colors.gardenGreenDark
       : state.isFocused ? colors.gardenGreenLight : colors.gardenWhite,
diff --git a/dashboard/src/components/terminal.tsx b/dashboard/src/components/terminal.tsx
index 83a0bedadb..f49b97d4f1 100644
--- a/dashboard/src/components/terminal.tsx
+++ b/dashboard/src/components/terminal.tsx
@@ -21,7 +21,7 @@ interface Props {
 }
 
 const Term = styled.div`
-  background-color: ${colors.black};
+  background-color: ${colors.gardenBlack};
   border-radius: 2px;
   max-height: 45rem;
   max-width: calc(18wv - 4rem);
diff --git a/dashboard/src/styles/variables.ts b/dashboard/src/styles/variables.ts
index 9a3bca2787..498ea78510 100644
--- a/dashboard/src/styles/variables.ts
+++ b/dashboard/src/styles/variables.ts
@@ -27,7 +27,6 @@ function gardenPinkLighten(pct: number) {
 // The rest are for those cases where none of the official colours worked.
 export const colors = {
   border: "rgba(0,0,0,0.12)",
-  black: "#030303",
   gray: "#f0f0f0",
   grayLight: "#fafafa",
   gardenGray: "#555656",