From 5d31080354e8159634aaa9e86d53a891e1bf77af Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Thu, 5 Oct 2023 21:20:14 +0100
Subject: [PATCH] Add blue color scheme

---
 src/lib/card-collections/LatestPosts.svelte   |  2 +-
 src/lib/card-collections/Projects.svelte      |  2 +-
 .../card-collections/cards/PostCard.svelte    |  2 +-
 .../card-collections/cards/ProjectCard.svelte |  2 +-
 .../card-collections/cards/TagsCard.svelte    |  2 +-
 src/lib/global.css                            | 38 +++++++++++--------
 src/lib/header.svelte                         |  2 +-
 src/lib/navigation.svelte                     |  4 +-
 src/lib/posts/PostTag.svelte                  |  4 +-
 9 files changed, 33 insertions(+), 25 deletions(-)

diff --git a/src/lib/card-collections/LatestPosts.svelte b/src/lib/card-collections/LatestPosts.svelte
index 7d9a98f..8693662 100644
--- a/src/lib/card-collections/LatestPosts.svelte
+++ b/src/lib/card-collections/LatestPosts.svelte
@@ -25,6 +25,6 @@
 
 <style>
 	.message {
-		color: var(--light-text-color);
+		color: var(--island-txt-color);
 	}
 </style>
diff --git a/src/lib/card-collections/Projects.svelte b/src/lib/card-collections/Projects.svelte
index 62101fe..a22e06d 100644
--- a/src/lib/card-collections/Projects.svelte
+++ b/src/lib/card-collections/Projects.svelte
@@ -27,6 +27,6 @@
 
 <style>
 	.message {
-		color: var(--light-text-color);
+		color: var(--island-txt-color);
 	}
 </style>
diff --git a/src/lib/card-collections/cards/PostCard.svelte b/src/lib/card-collections/cards/PostCard.svelte
index 31acbf0..8d59188 100644
--- a/src/lib/card-collections/cards/PostCard.svelte
+++ b/src/lib/card-collections/cards/PostCard.svelte
@@ -24,7 +24,7 @@
 <style>
 	a {
 		text-decoration: none;
-		color: var(--second-bg-color);
+		color: var(--island-txt-color);
 	}
 
 	.tag-container {
diff --git a/src/lib/card-collections/cards/ProjectCard.svelte b/src/lib/card-collections/cards/ProjectCard.svelte
index e0f3a81..a0b6529 100644
--- a/src/lib/card-collections/cards/ProjectCard.svelte
+++ b/src/lib/card-collections/cards/ProjectCard.svelte
@@ -16,6 +16,6 @@
 <style>
 	a {
 		text-decoration: none;
-		color: var(--second-bg-color);
+		color: var(--island-txt-color);
 	}
 </style>
diff --git a/src/lib/card-collections/cards/TagsCard.svelte b/src/lib/card-collections/cards/TagsCard.svelte
index c39d8eb..e1f82f4 100644
--- a/src/lib/card-collections/cards/TagsCard.svelte
+++ b/src/lib/card-collections/cards/TagsCard.svelte
@@ -34,7 +34,7 @@
 
 <style>
 	.message {
-		color: var(--second-bg-color);
+		color: var(--island-txt-color);
 	}
 
 	.tag-box {
diff --git a/src/lib/global.css b/src/lib/global.css
index ca4ed7a..e44c7fb 100644
--- a/src/lib/global.css
+++ b/src/lib/global.css
@@ -1,16 +1,4 @@
-/*:root {
-	--main-bg-color: lightslategrey;
-	--accent-color: rgb(234, 255, 97);
-	--accent-rollover: yellow;
-	--overlay-color: #2f4f4fb8;
-	--main-text-color: azure;
-	--light-text-color: azure;
-	--dark-text-color: rgb(56, 56, 7);
-	--link-color: cyan;
-	--link-visited-color: rgb(189, 0, 189);
-}*/
-
-
+/* Color Scheme: Brown *//*
 :root {
 	--accent-bg-color: #271c19;
 	--accent-heading-color: #fffffe;
@@ -21,13 +9,33 @@
 	--second-txt-color: #fff3ec;
 	--second-link-color: #9656a1;
 	--main-bg-color: #fff3ec;
-	--main-heading-color: #271c19; /* NEEDS TO BE DARKER */
-	--main-txt-color: #271c19; /* NEEDS TO BE DARKER */
+	--main-heading-color: #271c19;
+	--main-txt-color: #271c19;
 	--main-link-color: #9656a1;
 	--island-bg-color: #ffc0ad;
 	--island-heading-color: #271c19;
 	--island-txt-color: #271c19;
 	--island-link-color: #9656a1;
+}*/
+
+/* Color Scheme: Blue */ /* Much nicer than the brown */
+:root {
+	--accent-bg-color: #232946;
+	--accent-heading-color: #fffffe;
+	--accent-txt-color: #b8c1ec;
+	--accent-link-color: #9656a1;
+	--second-bg-color: #232946;
+	--second-heading-color: #fffffe;
+	--second-txt-color: #b8c1ec;
+	--second-link-color: #9656a1;
+	--main-bg-color: #d4d8f0;
+	--main-heading-color: #232946; /* NEEDS TO BE DARKER */
+	--main-txt-color: #232946; /* NEEDS TO BE DARKER */
+	--main-link-color: #eebbc3;
+	--island-bg-color: #fffffe;
+	--island-heading-color: #232946;
+	--island-txt-color: #232946;
+	--island-link-color: #b8c1ec;
 }
 
 @font-face {
diff --git a/src/lib/header.svelte b/src/lib/header.svelte
index 620d5e4..8d2b644 100644
--- a/src/lib/header.svelte
+++ b/src/lib/header.svelte
@@ -21,7 +21,7 @@
 		text-align: center;
 		background-color: var(--second-bg-color);
 		box-shadow: 0px 3px 2px rgba(0,0,0,0.19);
-		color: var(--second-txt-color);
+		color: var(--second-heading-color);
 	}
 
 	h1 {
diff --git a/src/lib/navigation.svelte b/src/lib/navigation.svelte
index f8e1a80..c2ec6d6 100644
--- a/src/lib/navigation.svelte
+++ b/src/lib/navigation.svelte
@@ -45,7 +45,7 @@
 	nav a {
 		float: left;
 		display: block;
-		color: var(--second-txt-color);
+		color: var(--second-heading-color);
 		text-align: center;
 		padding: 10px 15px;
 		margin-right: 1px;
@@ -57,7 +57,7 @@
 
 	nav a:hover {
 		background-color: var(--main-bg-color);
-		color: var(--light-text-color);
+		color: var(--main-heading-color);
 	}
 
 	nav a:active {
diff --git a/src/lib/posts/PostTag.svelte b/src/lib/posts/PostTag.svelte
index 8c94697..786927c 100644
--- a/src/lib/posts/PostTag.svelte
+++ b/src/lib/posts/PostTag.svelte
@@ -9,10 +9,10 @@
 <style>
 	.tag-link {
 		text-decoration: none;
-		color: var(--second-txt-color);
+		color: var(--island-txt-color);
 		padding: 3px 5px 3px 5px;
 		margin: 10px;
-		background-color: var(--main-link-color);
+		background-color: var(--island-link-color);
 		border-radius: 5px;
 		box-shadow: 1px 1px 2px rgba(0,0,0,0.19);
 	}