Color-borders

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) {

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: []
     };
 

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>

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: []
     };