From 80bd58c65a32727f1e3fd3d302f121919c831497 Mon Sep 17 00:00:00 2001
From: Bauke <me@bauke.xyz>
Date: Tue, 31 Mar 2020 22:45:14 +0200
Subject: [PATCH] Change the color scheme to use Love.

---
 source/pages/scss/_mixins.scss    |  6 +---
 source/pages/scss/_post.scss      |  8 ++++++
 source/pages/scss/_theme.scss     | 10 +++----
 source/pages/scss/_variables.scss | 48 ++++++++++++++-----------------
 4 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/source/pages/scss/_mixins.scss b/source/pages/scss/_mixins.scss
index 0d60f96..667cd60 100644
--- a/source/pages/scss/_mixins.scss
+++ b/source/pages/scss/_mixins.scss
@@ -1,11 +1,7 @@
 @mixin constrain-width {
   margin: auto;
   transition: 0.5s width;
-  width: $large-breakpoint;
-
-  @media (max-width: $large-breakpoint) {
-    width: $medium-breakpoint;
-  }
+  width: $medium-breakpoint;
 
   @media (max-width: $medium-breakpoint) {
     width: 95%;
diff --git a/source/pages/scss/_post.scss b/source/pages/scss/_post.scss
index d05c3fb..d2a9bce 100644
--- a/source/pages/scss/_post.scss
+++ b/source/pages/scss/_post.scss
@@ -13,6 +13,14 @@
     display: flex;
   }
 
+  ol,
+  ul,
+  p {
+    a {
+      font-weight: 600;
+    }
+  }
+
   ol,
   ul {
     margin-bottom: 2rem;
diff --git a/source/pages/scss/_theme.scss b/source/pages/scss/_theme.scss
index d522f26..87d9664 100644
--- a/source/pages/scss/_theme.scss
+++ b/source/pages/scss/_theme.scss
@@ -31,17 +31,17 @@
   }
 
   table {
-    border: 0.1rem solid map.get($colors, 'background-1');
+    border: 0.25rem solid map.get($colors, 'background-1');
   }
 
   thead > tr {
     background-color: map.get($colors, 'background-1');
-    border-bottom: 0.1rem solid map.get($colors, 'background-1');
+    border-bottom: 0.25rem solid map.get($colors, 'background-1');
   }
 
   tbody > tr {
-    background-color: map.get($colors, 'background-3');
-    border-bottom: 0.1rem solid map.get($colors, 'background-1');
+    background-color: map.get($colors, 'background-2');
+    border-bottom: 0.25rem solid map.get($colors, 'background-1');
 
     &:last-child {
       border-bottom: none;
@@ -68,7 +68,7 @@
   }
 
   #footer {
-    background-color: scale-color(map.get($colors, 'background-3'), $lightness: -3.5%);
+    background-color: map.get($colors, 'background-2');
     border-top: 0.25rem solid map.get($colors, 'accent-2');
   }
 
diff --git a/source/pages/scss/_variables.scss b/source/pages/scss/_variables.scss
index b518770..aa82c45 100644
--- a/source/pages/scss/_variables.scss
+++ b/source/pages/scss/_variables.scss
@@ -3,23 +3,21 @@ $medium-breakpoint: 900px;
 $large-breakpoint: 1200px;
 $extra-large-breakpoint: 1800px;
 
-$dark-highlight-1: #e95678;
-$dark-highlight-2: #fac29a;
-$dark-highlight-3: #b877db;
-$dark-highlight-4: #25b2bc;
-$dark-highlight-5: #09f7a0;
+$dark-highlight-1: #f99fb1;
+$dark-highlight-2: #faa56c;
+$dark-highlight-3: #d2b83a;
+$dark-highlight-4: #96c839;
+$dark-highlight-5: #3bd18a;
 
 $dark-highlights: $dark-highlight-1, $dark-highlight-2, $dark-highlight-3, $dark-highlight-4, $dark-highlight-5;
 
 $dark-theme: (
-  'background-1': #16161c,
-  'background-2': #1c1e26,
-  'background-3': #1a1c23,
-  'foreground-1': #fdf0ed,
-  'foreground-2': #fadad1,
-  'foreground-3': #f9cbbe,
-  'accent-1': #59e3e3,
-  'accent-2': #ee64ae,
+  'background-1': #1f1731,
+  'background-2': #2a2041,
+  'foreground-1': #f2efff,
+  'foreground-2': #e6deff,
+  'accent-1': #41c8e5,
+  'accent-2': #f99add,
   'highlight-1': $dark-highlight-1,
   'highlight-2': $dark-highlight-2,
   'highlight-3': $dark-highlight-3,
@@ -28,23 +26,21 @@ $dark-theme: (
   'highlights': $dark-highlights,
 );
 
-$light-highlight-1: #da103f;
-$light-highlight-2: #f77d26;
-$light-highlight-3: #8931b9;
-$light-highlight-4: #1eaeae;
-$light-highlight-5: #1eb980;
+$light-highlight-1: #8b123c;
+$light-highlight-2: #6a3b11;
+$light-highlight-3: #514610;
+$light-highlight-4: #384d10;
+$light-highlight-5: #115133;
 
 $light-highlights: $light-highlight-1, $light-highlight-2, $light-highlight-3, $light-highlight-4, $light-highlight-5;
 
 $light-theme: (
-  'background-1': #f9cbbe,
-  'background-2': #fadad1,
-  'background-3': scale-color(#fadad1, $lightness: 10%),
-  'foreground-1': #16161c,
-  'foreground-2': #1c1e26,
-  'foreground-3': #1a1c23,
-  'accent-1': #1d8991,
-  'accent-2': #f43e5c,
+  'background-1': #e6deff,
+  'background-2': #f2efff,
+  'foreground-1': #1f1731,
+  'foreground-2': #2a2041,
+  'accent-1': #17477e,
+  'accent-2': #81156a,
   'highlight-1': $light-highlight-1,
   'highlight-2': $light-highlight-2,
   'highlight-3': $light-highlight-3,