From ba19524254d3c01128e3efb94c224f7047eb8ab3 Mon Sep 17 00:00:00 2001
From: welpo <welpo@users.noreply.github.com>
Date: Tue, 7 Mar 2023 01:39:46 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20style:=20simplify=20colourscheme?=
 =?UTF-8?q?=20Improves=20accessibility=20and=20cohesion.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sass/main.scss               | 24 +++++++++---------------
 sass/parts/_header.scss      |  2 +-
 sass/parts/_home-banner.scss |  2 +-
 sass/parts/_image.scss       |  2 +-
 sass/parts/_misc.scss        | 14 +++++---------
 5 files changed, 17 insertions(+), 27 deletions(-)

diff --git a/sass/main.scss b/sass/main.scss
index 9c93402..6ce1de3 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -55,34 +55,28 @@
   --bg-1: #e7e7e7;
   --bg-2: #fefefe;
   --hover-color: white;
-  --primary-color: #91D8E4;
-  --secondary-color: #d7d7d7;
-  --links: #78cfcb;
+  --primary-color: #087E96;
+  --divider-color: #d7d7d7;
   --text-color: #222226;
-  --text-color-2: #45454b;
   --text-color-high-contrast: #151516;
   --quote-color: #355f62;
-  --border-color: rgb(114, 114, 114);
-  --meta-color: #757575;
-  --accent-color: #087E96;
+  --border-color: #727272;
+  --meta-color: #5b5b65;
   --table-header-color: #BFEAF5;
 }
 [data-theme='dark'] {
   --background-color: #1f1f1f;
   --bg-0: #2f2f2f;
-  --bg-1: rgba(133, 133, 133, 0.5);
-  --bg-2: rgba(23, 23, 23, 100%);
+  --bg-1: #858585;
+  --bg-2: #171717;
   --hover-color: black;
-  --primary-color: #7cc4d1;
-  --secondary-color: #4a4a4a;
-  --links: #8fdfe5;
+  --primary-color: #91e0ee;
+  --divider-color: #4a4a4a;
   --text-color: #eae9e9;
-  --text-color-2: #c7c7c7;
   --text-color-high-contrast: #f8f8f8;
   --quote-color: #a9c5c7;
-  --border-color: rgb(0, 0, 0);
+  --border-color: black;
   --meta-color: #BBBBBB;
-  --accent-color: #91e0ee;
   --table-header-color: #b7e4e4;
 
   .invertible-image {
diff --git a/sass/parts/_header.scss b/sass/parts/_header.scss
index fc189c2..3035f49 100644
--- a/sass/parts/_header.scss
+++ b/sass/parts/_header.scss
@@ -64,7 +64,7 @@ header {
   padding: 0.12rem;
   margin-left: -0.12rem;
   border: none;
-  color: var(--accent-color);
+  color: var(--primary-color);
   text-decoration: none;
 }
 
diff --git a/sass/parts/_home-banner.scss b/sass/parts/_home-banner.scss
index 30e93e3..3ee11b0 100644
--- a/sass/parts/_home-banner.scss
+++ b/sass/parts/_home-banner.scss
@@ -18,7 +18,7 @@
     margin-bottom: 30px;
     font-size: 1.875rem;
     line-height: 3rem;
-    color: var(--accent-color);
+    color: var(--primary-color);
 }
 
 .home-banner-header {
diff --git a/sass/parts/_image.scss b/sass/parts/_image.scss
index 983e153..7afd913 100644
--- a/sass/parts/_image.scss
+++ b/sass/parts/_image.scss
@@ -9,7 +9,7 @@ figure {
 figcaption {
   font-family: var(--serif-font);
   font-size: 0.72rem;
-  color: var(--text-color-2);
+  color: var(--meta-color);
   text-align: center;
 }
 
diff --git a/sass/parts/_misc.scss b/sass/parts/_misc.scss
index a0136fd..896c5f9 100644
--- a/sass/parts/_misc.scss
+++ b/sass/parts/_misc.scss
@@ -1,7 +1,3 @@
-.primary-color {
-  color: var(--primary-color);
-}
-
 .draft-label {
   color: var(--hover-color);
   text-decoration: none;
@@ -68,7 +64,7 @@ ul {
 }
 
 .bottom-divider {
-  border-bottom: var(--secondary-color) solid 0.5px;
+  border-bottom: var(--divider-color) solid 0.5px;
 }
 
 ::-moz-selection {
@@ -97,21 +93,21 @@ hr {
 }
 
 blockquote {
-  border-left: 0.2rem solid var(--accent-color);
+  border-left: 0.2rem solid var(--primary-color);
   color: var(--quote-color);
   margin: 0;
   padding-left: 1em;
 }
 
 a {
-  color: var(--accent-color);
+  color: var(--primary-color);
   text-decoration: inherit;
   font-weight: inherit;
   position: relative;
 }
 
 a:hover {
-  background-color: var(--accent-color);
+  background-color: var(--primary-color);
   color: var(--hover-color);
 }
 
@@ -123,7 +119,7 @@ a:not(.no-hover-padding, .zola-anchor)::before {
   left: -0.15em;
   right: -0.15em;
   z-index: -1;
-  background-color: var(--accent-color);
+  background-color: var(--primary-color);
   opacity: 0;
 }