Use a more saturated colour scheme (#993)

Author: XAMPPRocky

src/styles/app.scss

@@ -3,14 +3,14 @@
 $body-font: "Fira Sans", Helvetica, Arial, sans-serif;
 $header-font: "Alfa Slab One", serif;
 
-$gray: #454c52;
-$red: #c14566;
-$green: #398277;
-$purple: #403d58;
-$yellow: #ffd45e;
+$gray: #2a3439;
+$red: #a72145;
+$green: #0b7261;
+$purple: #432866;
+$yellow: #ffc832;
 $border-radius: 4px;
-$link-color: #1eaedb;
-$footer-gray: #303030;
+$link-color: #4299bf;
+$footer-gray: $gray;
 
 html {
   font-size: 62.5%;