From 9fe57fce902ab226117fffe87ecfe62508ba09ff Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Thu, 5 Oct 2023 15:17:30 +0100
Subject: [PATCH] Color adjustment

---
 .../card-collections/cards/EmptyCard.svelte    |  4 ++--
 src/lib/card-collections/cards/PostCard.svelte |  2 +-
 .../card-collections/cards/ProjectCard.svelte  |  2 +-
 src/lib/card-collections/cards/TagsCard.svelte |  2 +-
 src/lib/global.css                             | 18 +++++++++++++++++-
 src/lib/header.svelte                          |  3 ++-
 src/lib/navigation.svelte                      |  4 ++--
 src/lib/posts/PostTag.svelte                   |  4 ++--
 src/routes/+page.svelte                        |  5 ++---
 9 files changed, 30 insertions(+), 14 deletions(-)

diff --git a/src/lib/card-collections/cards/EmptyCard.svelte b/src/lib/card-collections/cards/EmptyCard.svelte
index 6dda7a9..a3bb25b 100644
--- a/src/lib/card-collections/cards/EmptyCard.svelte
+++ b/src/lib/card-collections/cards/EmptyCard.svelte
@@ -4,12 +4,12 @@
 
 <style>
 	.card-container {
-		background-color: var(--main-text-color);
+		background-color: var(--second-txt-color);
 		width: 90%;
 		height: auto;
 		margin: auto;
 		padding: 10px 5px 10px 5px;
-		border-radius: 10px;
+		border-radius: 0px;
 		margin-top: 10px;
 		margin-bottom: 5px;
 		box-shadow: 1px 1px 5px rgba(0,0,0,0.19);
diff --git a/src/lib/card-collections/cards/PostCard.svelte b/src/lib/card-collections/cards/PostCard.svelte
index a800d4b..31acbf0 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(--dark-text-color);
+		color: var(--second-bg-color);
 	}
 
 	.tag-container {
diff --git a/src/lib/card-collections/cards/ProjectCard.svelte b/src/lib/card-collections/cards/ProjectCard.svelte
index fd86202..e0f3a81 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(--dark-text-color);
+		color: var(--second-bg-color);
 	}
 </style>
diff --git a/src/lib/card-collections/cards/TagsCard.svelte b/src/lib/card-collections/cards/TagsCard.svelte
index d16f88e..c39d8eb 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(--light-text-color);
+		color: var(--second-bg-color);
 	}
 
 	.tag-box {
diff --git a/src/lib/global.css b/src/lib/global.css
index 01387ae..5e0d195 100644
--- a/src/lib/global.css
+++ b/src/lib/global.css
@@ -1,4 +1,4 @@
-:root {
+/*:root {
 	--main-bg-color: lightslategrey;
 	--accent-color: rgb(234, 255, 97);
 	--accent-rollover: yellow;
@@ -8,6 +8,22 @@
 	--dark-text-color: rgb(56, 56, 7);
 	--link-color: cyan;
 	--link-visited-color: rgb(189, 0, 189);
+}*/
+
+
+:root {
+	--accent-bg-color: #271c19;
+	--accent-heading-color: #fffffe;
+	--accent-txt-color: #fff3ec;
+	--accent-link-color: #9656a1;
+	--second-bg-color: #55423d;
+	--second-heading-color: #fffffe;
+	--second-txt-color: #fff3ec;
+	--second-link-color: #9656a1;
+	--main-bg-color: #ffc0ad;
+	--main-heading-color: #271c19;
+	--main-txt-color: #271c19;
+	--main-link-color: #9656a1;
 }
 
 @font-face {
diff --git a/src/lib/header.svelte b/src/lib/header.svelte
index ce6313b..620d5e4 100644
--- a/src/lib/header.svelte
+++ b/src/lib/header.svelte
@@ -19,8 +19,9 @@
 		padding: 0px;
 		padding-bottom: 5px;
 		text-align: center;
-		background-color: var(--accent-color);
+		background-color: var(--second-bg-color);
 		box-shadow: 0px 3px 2px rgba(0,0,0,0.19);
+		color: var(--second-txt-color);
 	}
 
 	h1 {
diff --git a/src/lib/navigation.svelte b/src/lib/navigation.svelte
index 425aeca..f8e1a80 100644
--- a/src/lib/navigation.svelte
+++ b/src/lib/navigation.svelte
@@ -39,13 +39,13 @@
 		height: 42px;
 		margin: 0;
 		padding: 0;
-		background-color: var(--accent-color);
+		background-color: var(--second-bg-color);
 	}
 
 	nav a {
 		float: left;
 		display: block;
-		color: var(--dark-text-color);
+		color: var(--second-txt-color);
 		text-align: center;
 		padding: 10px 15px;
 		margin-right: 1px;
diff --git a/src/lib/posts/PostTag.svelte b/src/lib/posts/PostTag.svelte
index 892abe6..8c94697 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(--dark-text-color);
+		color: var(--second-txt-color);
 		padding: 3px 5px 3px 5px;
 		margin: 10px;
-		background-color: var(--accent-color);
+		background-color: var(--main-link-color);
 		border-radius: 5px;
 		box-shadow: 1px 1px 2px rgba(0,0,0,0.19);
 	}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index af44665..040515d 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -54,8 +54,8 @@
 		flex-direction: column; /* Start with column layout for mobile */
 		align-items: center;
 		width: 100%;
-		background-color: var(--main-text-color);
-		color: var(--main-bg-color);
+		background-color: var(--second-txt-color);
+		color: var(--second-bg-color);
 		margin: 0; /* Reset margin to ensure full width */
 		padding: 0; /* Reset padding to ensure full width */
 		box-sizing: border-box; /* Include padding and border in width calculation */
@@ -65,7 +65,6 @@
 	#header-text {
 		flex: 1;
 		max-width: 100%;
-		color: #2b2b2b;
 		margin: 0;
 		text-align: center;
 	}