Match colours with main website (#533)

Author: XAMPPRocky

src/styles/app.scss

@@ -3,11 +3,11 @@
 $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: #2e2459;
+$yellow: #ffc832;
 
 html {
   font-size: 62.5%
@@ -163,8 +163,8 @@ ul, ol {
   padding-left: 1.2em;
 }
 
-.purple {
-  background-color: $purple;
+.posts {
+  background-color: $gray;
   color: white;
   .highlight {
     background-color: $red;

templates/index.hbs

@@ -17,7 +17,7 @@
   </div>
 </header>
 
-<section id="posts" class="purple">
+<section id="posts" class="posts">
    <div class="w-100 mw-none ph3 mw8-m mw9-l center f3">
 
     <table class="post-list collapse w-100 f2-l f2-m f3-s">