From 2b2b3d9215d48f42dd76a742fe432802e173075c Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sun, 14 Jul 2024 00:31:33 +0800
Subject: [PATCH] Add dark mode support for Cassette Beasts shrine based on
 user preference in system setting

---
 src/assets/css/cassettebeasts.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/assets/css/cassettebeasts.css b/src/assets/css/cassettebeasts.css
index 308fd3dc..8cfa403f 100644
--- a/src/assets/css/cassettebeasts.css
+++ b/src/assets/css/cassettebeasts.css
@@ -31,6 +31,26 @@
     --clr-main-footer-bg: #9b59b6;
 }
 
+@media (prefers-color-scheme: dark) {
+    :root {
+        --clr-body-bg: #141414;
+        --clr-body-txt: #fff;
+        --clr-content-bg: #242424;
+
+        --clr-top-btn-bg: #552190;
+
+        --clr-main-heading: #daaced;
+        --clr-sub-heading: #fff;
+        --clr-title-border: #9964de;
+        --clr-bold-txt: #ff9869;
+        --clr-link: #ce97ff;
+        --clr-link-hover: #b366f7;
+
+        --clr-navbar-bg: #3a0873;
+        --clr-main-footer-bg: #3a0873;
+    }
+}
+
 .hero__top-bar,
 .footer,
 .footer a { color: var(--clr-navbar-link); }