From 0608fd841ca954c171bf4f1db1078957ee22cde3 Mon Sep 17 00:00:00 2001
From: Ariel Costas <94913521+arielcostas@users.noreply.github.com>
Date: Mon, 5 Feb 2024 20:13:38 +0100
Subject: Implement dark mode via media query

---
 assets/css/partials/_footer.scss | 6 +++---
 assets/css/partials/_header.scss | 8 +++++---
 2 files changed, 8 insertions(+), 6 deletions(-)

(limited to 'assets/css/partials')

diff --git a/assets/css/partials/_footer.scss b/assets/css/partials/_footer.scss
index 9c6ccc1..77ecc8d 100644
--- a/assets/css/partials/_footer.scss
+++ b/assets/css/partials/_footer.scss
@@ -1,11 +1,11 @@
 footer {
-	background-color: #333;
-	color: white;
+	background-color: var(--footer-background);
+	color: var(--footer-color);
 	text-align: center;
 
 	padding: 0.5rem 1rem;
 
 	a {
-		color: var(--accent-7);
+		color: var(--accent-5);
 	}
 }
\ No newline at end of file
diff --git a/assets/css/partials/_header.scss b/assets/css/partials/_header.scss
index 21e746b..31b3dbb 100644
--- a/assets/css/partials/_header.scss
+++ b/assets/css/partials/_header.scss
@@ -1,7 +1,7 @@
 header {
-	border-top: 4px solid var(--accent-5);
-	background-color: #EFEFEF;
-	color: black;
+	border-top: 4px solid var(--header-color);
+	background-color: var(--header-background);
+	color: var(--header-color);
 
 	display: flex;
 	flex-direction: column;
@@ -29,6 +29,7 @@ header {
 			letter-spacing: 0.15rem;
 
 			a {
+				color: var(--header-color);
 				text-decoration: none;
 			}
 		}
@@ -68,6 +69,7 @@ header {
 		text-transform: uppercase;
 		letter-spacing: 0.1rem;
 		transition: color 0.2s ease-in-out;
+		color: var(--header-color);
 
 		&:hover {
 			color: var(--accent-3);
-- 
cgit v1.3