From dce415238d1b7e7af856d54d1ef80f4a665789e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kasper=20Rynning-T=C3=B8nnesen?=
 <kasper.rynning-tonnesen@knowit.no>
Date: Tue, 21 Jan 2020 15:50:13 +0100
Subject: [PATCH] Color-borders

---
 src/components/GeneratePage.vue |  8 ++++----
 src/ui/PurchaseGraph.vue        | 16 ++++++++--------
 src/ui/TotalBought.vue          |  8 ++++----
 src/ui/WinGraph.vue             | 20 +++++++++-----------
 4 files changed, 25 insertions(+), 27 deletions(-)

diff --git a/src/components/GeneratePage.vue b/src/components/GeneratePage.vue
index 74f3398..205e0fd 100644
--- a/src/components/GeneratePage.vue
+++ b/src/components/GeneratePage.vue
@@ -180,19 +180,19 @@ button {
   justify-content: space-around;
 }
 .green {
-  background-color: #0be881;
+  background-color: #c8f9df;
 }
 
 .red {
-  background-color: #ef5777;
+  background-color: #fbd7de;
 }
 
 .yellow {
-  background-color: #ffdd59;
+  background-color: #fff6d6;
 }
 
 .blue {
-  background-color: #4bcffa;
+  background-color: #fbd7de;
 }
 
 @media only screen and (max-width: 768px) {
diff --git a/src/ui/PurchaseGraph.vue b/src/ui/PurchaseGraph.vue
index a2310fd..4062038 100644
--- a/src/ui/PurchaseGraph.vue
+++ b/src/ui/PurchaseGraph.vue
@@ -17,26 +17,26 @@ export default {
     let labels = [];
     let blue = {
       label: "Blå",
-      borderColor: "#4bcffa",
-      backgroundColor: "#4bcffa10",
+      borderColor: "#57d2fb",
+      backgroundColor: "#fbd7de10",
       data: []
     };
     let yellow = {
       label: "Gul",
-      borderColor: "#ffdd59",
-      backgroundColor: "#ffdd5910",
+      borderColor: "#ffde5d",
+      backgroundColor: "#fff6d610",
       data: []
     };
     let red = {
       label: "Rød",
-      borderColor: "#ef5777",
-      backgroundColor: "#ef577710",
+      borderColor: "#ef5878",
+      backgroundColor: "#fbd7de10",
       data: []
     };
     let green = {
       label: "Grønn",
-      borderColor: "#0be881",
-      backgroundColor: "#0be88110",
+      borderColor: "#10e783",
+      backgroundColor: "#c8f9df10",
       data: []
     };
 
diff --git a/src/ui/TotalBought.vue b/src/ui/TotalBought.vue
index ad69fc8..6cc59fb 100644
--- a/src/ui/TotalBought.vue
+++ b/src/ui/TotalBought.vue
@@ -112,18 +112,18 @@ export default {
 }
 
 .green {
-  color: #0be881;
+  color: #c8f9df;
 }
 
 .red {
-  color: #ef5777;
+  color: #fbd7de;
 }
 
 .yellow {
-  color: #ffdd59;
+  color: #fff6d6;
 }
 
 .blue {
-  color: #4bcffa;
+  color: #fbd7de;
 }
 </style>
diff --git a/src/ui/WinGraph.vue b/src/ui/WinGraph.vue
index f75a830..6e423f3 100644
--- a/src/ui/WinGraph.vue
+++ b/src/ui/WinGraph.vue
@@ -10,33 +10,31 @@ export default {
     let canvas = this.$refs["win-chart"].getContext("2d");
 
     console.log(canvas);
-    let _response = await fetch(
-      "/api/purchase/statistics/color"
-    );
+    let _response = await fetch("/api/purchase/statistics/color");
     let response = await _response.json();
     let labels = ["Vunnet"];
     let blue = {
       label: "Blå",
-      borderColor: "#4bcffa",
-      backgroundColor: "#4bcffa42",
+      borderColor: "#fbd7de",
+      backgroundColor: "#fbd7de42",
       data: []
     };
     let yellow = {
       label: "Gul",
-      borderColor: "#ffdd59",
-      backgroundColor: "#ffdd5942",
+      borderColor: "#fff6d6",
+      backgroundColor: "#fff6d642",
       data: []
     };
     let red = {
       label: "Rød",
-      borderColor: "#ef5777",
-      backgroundColor: "#ef577742",
+      borderColor: "#fbd7de",
+      backgroundColor: "#fbd7de42",
       data: []
     };
     let green = {
       label: "Grønn",
-      borderColor: "#0be881",
-      backgroundColor: "#0be88142",
+      borderColor: "#c8f9df",
+      backgroundColor: "#c8f9df42",
       data: []
     };