From 90755a4704e8da60d845daa8b657989a612653d7 Mon Sep 17 00:00:00 2001
From: rramiachraf <51409801+rramiachraf@users.noreply.github.com>
Date: Sat, 17 Dec 2022 22:57:44 +0100
Subject: [PATCH] feat: add support for `prefers-color-scheme`

---
 static/style.css | 48 +++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 47 insertions(+), 1 deletion(-)

diff --git a/static/style.css b/static/style.css
index ddc61cb..e6ea28f 100644
--- a/static/style.css
+++ b/static/style.css
@@ -57,6 +57,12 @@ body {
 	flex-grow: 1;
 }
 
+#lyrics a {
+	color: inherit;
+	cursor: initial;
+}
+
+/*** NOT YET IMPLEMENTED
 #lyrics a {
 	background-color: #ddd;
 	color: inherit;
@@ -65,6 +71,7 @@ body {
 #lyrics a:hover {
 	background-color: #ccc;
 }
+***/
 
 nav {
 	background-color: #ffcd38;
@@ -208,7 +215,7 @@ footer {
 footer a {
 	font-weight: 500;
 	color: #1b1a17;
-	transition: .3s ease text-decoration;
+	transition: 0.3s ease text-decoration;
 	font-size: 1.4rem;
 	text-transform: uppercase;
 }
@@ -222,3 +229,42 @@ footer a:hover {
 	flex-direction: column;
 	min-height: 100vh;
 }
+
+/* dark mode */
+@media (prefers-color-scheme: dark) {
+	body {
+		background-color: #181d31;
+	}
+
+	nav, footer {
+		background-color: #fec260;
+	}
+
+	#lyrics {
+		color: #ccc;
+	}
+
+	#metadata h1 {
+		color: #ddd;
+	}
+
+	#metadata h2, #credits p {
+		color: #eee;
+	}
+
+	#title {
+		color: #ddd;
+	}
+
+	#about p, #credits summary {
+		color: #ccc
+	}
+
+	#home h1 {
+		color: #eee;
+	}
+
+	#home p {
+		color: #ddd;
+	}
+}