From 69520934c6716a70fe81fdd8f9c5a913fdf3adbc Mon Sep 17 00:00:00 2001
From: helenclx <contact@helenchong.dev>
Date: Fri, 25 Oct 2024 15:52:08 +0000
Subject: [PATCH] Build: (b0ea2c5) Replace RBG color values with HEX values

---
 archive/index.html                            |  6 +-
 assets/css/cassettebeasts.css                 | 58 +++++---------
 assets/css/global.css                         |  4 +-
 categories/star-wars-kotor-2/index.html       |  6 +-
 categories/star-wars-kotor/index.html         |  2 +-
 categories/video-game-mods/index.html         |  4 +-
 feed.xml                                      |  2 +-
 .../index.html                                | 58 +++++---------
 shrines/cassettebeasts/articles/index.html    | 58 +++++---------
 shrines/cassettebeasts/facts/index.html       | 58 +++++---------
 shrines/cassettebeasts/featured/index.html    | 58 +++++---------
 shrines/cassettebeasts/gamelog/index.html     | 58 +++++---------
 shrines/cassettebeasts/index.html             | 58 +++++---------
 shrines/cassettebeasts/resources/index.html   | 58 +++++---------
 sitemap.xml                                   | 76 +++++++++----------
 15 files changed, 202 insertions(+), 362 deletions(-)

diff --git a/archive/index.html b/archive/index.html
index ef3b66f4..6a1cf13a 100644
--- a/archive/index.html
+++ b/archive/index.html
@@ -395,7 +395,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Fri Oct 25 2024 11:52:31 GMT+0000 (Coordinated Universal Time)">25 October 2024</time>
+            <time datetime="Fri Oct 25 2024 15:52:00 GMT+0000 (Coordinated Universal Time)">25 October 2024</time>
         </li>
     
         <li>
@@ -405,7 +405,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Fri Oct 25 2024 11:52:31 GMT+0000 (Coordinated Universal Time)">25 October 2024</time>
+            <time datetime="Fri Oct 25 2024 15:52:00 GMT+0000 (Coordinated Universal Time)">25 October 2024</time>
         </li>
     
         <li>
@@ -415,7 +415,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Fri Oct 25 2024 11:52:31 GMT+0000 (Coordinated Universal Time)">25 October 2024</time>
+            <time datetime="Fri Oct 25 2024 15:52:00 GMT+0000 (Coordinated Universal Time)">25 October 2024</time>
         </li>
     
         <li>
diff --git a/assets/css/cassettebeasts.css b/assets/css/cassettebeasts.css
index c52427ec..3eab743e 100644
--- a/assets/css/cassettebeasts.css
+++ b/assets/css/cassettebeasts.css
@@ -1,56 +1,36 @@
-:root {
-    --clr-body-bg: #e4e3e3;
-    --clr-body-txt: #141414;
-    --clr-content-bg: #ffffff;
+html { color-scheme: light dark; }
 
-    --clr-top-btn-bg: #552190;
+:root {
+    --clr-body-bg: light-dark(#e4e3e3, #141414);
+    --clr-body-txt: light-dark(#141414, #fff);
+    --clr-content-bg: light-dark(#ffffff, #242424);
+
+    --clr-top-btn-bg: light-dark(#552190, #552190);
     --clr-top-btn-txt: #ffffff;
 
-    --clr-main-heading: #171717;
-    --clr-sub-heading: #111111;
-    --clr-title-border: #7629db;
-    --clr-bold-txt: #da4500;
-    --clr-link: #7629db;
-    --clr-link-hover: #270e48;
-    --clr-quote-bg: #f3f2f2;
-    --clr-quote-border: #414141;
-    --clr-cw-hover: rgb(250, 229, 229);
+    --clr-main-heading: light-dark(#171717, #daaced);
+    --clr-sub-heading: light-dark(#111111, #fff);
+    --clr-title-border: light-dark(#7629db, #9964de);
+    --clr-bold-txt: light-dark(#da4500, #ff9869);
+    --clr-link: light-dark(#7629db, #ce97ff);
+    --clr-link-hover: light-dark(#270e48, #b366f7);
+    --clr-quote-bg: light-dark(#f3f2f2, #141414);
+    --clr-quote-border: light-dark(#414141, #f3f2f2);
+    --clr-cw-hover: #fae5e5;
 
     --clr-code-bg: #f3f2f2;
     --clr-code-border: #414141;
-    --clr-dates: rgb(58, 150, 255);
+    --clr-dates: #3a96ff;
 
     --clr-link-btn-bg: #873eb5;
     --clr-link-btn-txt: white;
     --clr-link-btn-hover: #241445;
 
     --clr-hero-bg: #7944B6;
-    --clr-navbar-bg: #9b59b6;
+    --clr-navbar-bg: light-dark(#9b59b6, #3a0873);
     --clr-navbar-link: white;
 
-    --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-quote-bg: #141414;
-        --clr-quote-border: #f3f2f2;
-
-        --clr-navbar-bg: #3a0873;
-        --clr-main-footer-bg: #3a0873;
-    }
+    --clr-main-footer-bg: light-dark(#9b59b6, #3a0873);
 }
 
 .hero__top-bar,
diff --git a/assets/css/global.css b/assets/css/global.css
index 36ce2237..51c6c711 100644
--- a/assets/css/global.css
+++ b/assets/css/global.css
@@ -17,11 +17,11 @@
     --clr-link-hover: #c355c9;
     --clr-quote-bg: #13092D;
     --clr-quote-border: #999999;
-    --clr-cw-hover: rgb(58, 0, 0);
+    --clr-cw-hover: #3a0000;
 
     --clr-code-bg: #241445;
     --clr-code-border: #82668f;
-    --clr-dates: rgb(121, 184, 255);
+    --clr-dates: #79b8ff;
 
     --clr-link-btn-bg: #873eb5;
     --clr-link-btn-txt: white;
diff --git a/categories/star-wars-kotor-2/index.html b/categories/star-wars-kotor-2/index.html
index 0d3d0f4b..c0f00f16 100644
--- a/categories/star-wars-kotor-2/index.html
+++ b/categories/star-wars-kotor-2/index.html
@@ -398,7 +398,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Fri Oct 25 2024 11:52:31 GMT+0000 (Coordinated Universal Time)">25 October 2024</time>
+            <time datetime="Fri Oct 25 2024 15:52:00 GMT+0000 (Coordinated Universal Time)">25 October 2024</time>
         </li>
     
         <li>
@@ -408,7 +408,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Fri Oct 25 2024 11:52:31 GMT+0000 (Coordinated Universal Time)">25 October 2024</time>
+            <time datetime="Fri Oct 25 2024 15:52:00 GMT+0000 (Coordinated Universal Time)">25 October 2024</time>
         </li>
     
         <li>
@@ -418,7 +418,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Fri Oct 25 2024 11:52:31 GMT+0000 (Coordinated Universal Time)">25 October 2024</time>
+            <time datetime="Fri Oct 25 2024 15:52:00 GMT+0000 (Coordinated Universal Time)">25 October 2024</time>
         </li>
     
         <li>
diff --git a/categories/star-wars-kotor/index.html b/categories/star-wars-kotor/index.html
index aa7f127f..4ad65206 100644
--- a/categories/star-wars-kotor/index.html
+++ b/categories/star-wars-kotor/index.html
@@ -398,7 +398,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Fri Oct 25 2024 11:52:31 GMT+0000 (Coordinated Universal Time)">25 October 2024</time>
+            <time datetime="Fri Oct 25 2024 15:52:00 GMT+0000 (Coordinated Universal Time)">25 October 2024</time>
         </li>
     
         <li>
diff --git a/categories/video-game-mods/index.html b/categories/video-game-mods/index.html
index 9bb0394c..1a610829 100644
--- a/categories/video-game-mods/index.html
+++ b/categories/video-game-mods/index.html
@@ -398,7 +398,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Fri Oct 25 2024 11:52:31 GMT+0000 (Coordinated Universal Time)">25 October 2024</time>
+            <time datetime="Fri Oct 25 2024 15:52:00 GMT+0000 (Coordinated Universal Time)">25 October 2024</time>
         </li>
     
         <li>
@@ -408,7 +408,7 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
                     
                 </a>
             </p>
-            <time datetime="Fri Oct 25 2024 11:52:31 GMT+0000 (Coordinated Universal Time)">25 October 2024</time>
+            <time datetime="Fri Oct 25 2024 15:52:00 GMT+0000 (Coordinated Universal Time)">25 October 2024</time>
         </li>
     
         <li>
diff --git a/feed.xml b/feed.xml
index e8fabdd7..76d70bd2 100644
--- a/feed.xml
+++ b/feed.xml
@@ -4,7 +4,7 @@
     <subtitle>Leilukin&#39;s personal website.</subtitle>
     <link href="https://leilukin.com/feed.xml" rel="self"/>
     <link href="https://leilukin.com"/>
-    <updated>2024-10-25T11:52:36Z</updated>
+    <updated>2024-10-25T15:52:05Z</updated>
     <id>https://leilukin.com/</id>
     <author>
         <name>Leilukin</name>
diff --git a/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html b/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html
index f50a6435..c1e14dbd 100644
--- a/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html
+++ b/shrines/cassettebeasts/articles/cassette-beasts-more-than-a-pokemon-clone/index.html
@@ -144,59 +144,39 @@
 
     .blog__post--prev { grid-area: prev; }
     .blog__post--next { grid-area: next; }
-:root {
-    --clr-body-bg: #e4e3e3;
-    --clr-body-txt: #141414;
-    --clr-content-bg: #ffffff;
+html { color-scheme: light dark; }
 
-    --clr-top-btn-bg: #552190;
+:root {
+    --clr-body-bg: light-dark(#e4e3e3, #141414);
+    --clr-body-txt: light-dark(#141414, #fff);
+    --clr-content-bg: light-dark(#ffffff, #242424);
+
+    --clr-top-btn-bg: light-dark(#552190, #552190);
     --clr-top-btn-txt: #ffffff;
 
-    --clr-main-heading: #171717;
-    --clr-sub-heading: #111111;
-    --clr-title-border: #7629db;
-    --clr-bold-txt: #da4500;
-    --clr-link: #7629db;
-    --clr-link-hover: #270e48;
-    --clr-quote-bg: #f3f2f2;
-    --clr-quote-border: #414141;
-    --clr-cw-hover: rgb(250, 229, 229);
+    --clr-main-heading: light-dark(#171717, #daaced);
+    --clr-sub-heading: light-dark(#111111, #fff);
+    --clr-title-border: light-dark(#7629db, #9964de);
+    --clr-bold-txt: light-dark(#da4500, #ff9869);
+    --clr-link: light-dark(#7629db, #ce97ff);
+    --clr-link-hover: light-dark(#270e48, #b366f7);
+    --clr-quote-bg: light-dark(#f3f2f2, #141414);
+    --clr-quote-border: light-dark(#414141, #f3f2f2);
+    --clr-cw-hover: #fae5e5;
 
     --clr-code-bg: #f3f2f2;
     --clr-code-border: #414141;
-    --clr-dates: rgb(58, 150, 255);
+    --clr-dates: #3a96ff;
 
     --clr-link-btn-bg: #873eb5;
     --clr-link-btn-txt: white;
     --clr-link-btn-hover: #241445;
 
     --clr-hero-bg: #7944B6;
-    --clr-navbar-bg: #9b59b6;
+    --clr-navbar-bg: light-dark(#9b59b6, #3a0873);
     --clr-navbar-link: white;
 
-    --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-quote-bg: #141414;
-        --clr-quote-border: #f3f2f2;
-
-        --clr-navbar-bg: #3a0873;
-        --clr-main-footer-bg: #3a0873;
-    }
+    --clr-main-footer-bg: light-dark(#9b59b6, #3a0873);
 }
 
 .hero__top-bar,
diff --git a/shrines/cassettebeasts/articles/index.html b/shrines/cassettebeasts/articles/index.html
index 80f62935..1a53208d 100644
--- a/shrines/cassettebeasts/articles/index.html
+++ b/shrines/cassettebeasts/articles/index.html
@@ -144,59 +144,39 @@
 
     .blog__post--prev { grid-area: prev; }
     .blog__post--next { grid-area: next; }
-:root {
-    --clr-body-bg: #e4e3e3;
-    --clr-body-txt: #141414;
-    --clr-content-bg: #ffffff;
+html { color-scheme: light dark; }
 
-    --clr-top-btn-bg: #552190;
+:root {
+    --clr-body-bg: light-dark(#e4e3e3, #141414);
+    --clr-body-txt: light-dark(#141414, #fff);
+    --clr-content-bg: light-dark(#ffffff, #242424);
+
+    --clr-top-btn-bg: light-dark(#552190, #552190);
     --clr-top-btn-txt: #ffffff;
 
-    --clr-main-heading: #171717;
-    --clr-sub-heading: #111111;
-    --clr-title-border: #7629db;
-    --clr-bold-txt: #da4500;
-    --clr-link: #7629db;
-    --clr-link-hover: #270e48;
-    --clr-quote-bg: #f3f2f2;
-    --clr-quote-border: #414141;
-    --clr-cw-hover: rgb(250, 229, 229);
+    --clr-main-heading: light-dark(#171717, #daaced);
+    --clr-sub-heading: light-dark(#111111, #fff);
+    --clr-title-border: light-dark(#7629db, #9964de);
+    --clr-bold-txt: light-dark(#da4500, #ff9869);
+    --clr-link: light-dark(#7629db, #ce97ff);
+    --clr-link-hover: light-dark(#270e48, #b366f7);
+    --clr-quote-bg: light-dark(#f3f2f2, #141414);
+    --clr-quote-border: light-dark(#414141, #f3f2f2);
+    --clr-cw-hover: #fae5e5;
 
     --clr-code-bg: #f3f2f2;
     --clr-code-border: #414141;
-    --clr-dates: rgb(58, 150, 255);
+    --clr-dates: #3a96ff;
 
     --clr-link-btn-bg: #873eb5;
     --clr-link-btn-txt: white;
     --clr-link-btn-hover: #241445;
 
     --clr-hero-bg: #7944B6;
-    --clr-navbar-bg: #9b59b6;
+    --clr-navbar-bg: light-dark(#9b59b6, #3a0873);
     --clr-navbar-link: white;
 
-    --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-quote-bg: #141414;
-        --clr-quote-border: #f3f2f2;
-
-        --clr-navbar-bg: #3a0873;
-        --clr-main-footer-bg: #3a0873;
-    }
+    --clr-main-footer-bg: light-dark(#9b59b6, #3a0873);
 }
 
 .hero__top-bar,
diff --git a/shrines/cassettebeasts/facts/index.html b/shrines/cassettebeasts/facts/index.html
index 7952d856..17a24854 100644
--- a/shrines/cassettebeasts/facts/index.html
+++ b/shrines/cassettebeasts/facts/index.html
@@ -144,59 +144,39 @@
 
     .blog__post--prev { grid-area: prev; }
     .blog__post--next { grid-area: next; }
-:root {
-    --clr-body-bg: #e4e3e3;
-    --clr-body-txt: #141414;
-    --clr-content-bg: #ffffff;
+html { color-scheme: light dark; }
 
-    --clr-top-btn-bg: #552190;
+:root {
+    --clr-body-bg: light-dark(#e4e3e3, #141414);
+    --clr-body-txt: light-dark(#141414, #fff);
+    --clr-content-bg: light-dark(#ffffff, #242424);
+
+    --clr-top-btn-bg: light-dark(#552190, #552190);
     --clr-top-btn-txt: #ffffff;
 
-    --clr-main-heading: #171717;
-    --clr-sub-heading: #111111;
-    --clr-title-border: #7629db;
-    --clr-bold-txt: #da4500;
-    --clr-link: #7629db;
-    --clr-link-hover: #270e48;
-    --clr-quote-bg: #f3f2f2;
-    --clr-quote-border: #414141;
-    --clr-cw-hover: rgb(250, 229, 229);
+    --clr-main-heading: light-dark(#171717, #daaced);
+    --clr-sub-heading: light-dark(#111111, #fff);
+    --clr-title-border: light-dark(#7629db, #9964de);
+    --clr-bold-txt: light-dark(#da4500, #ff9869);
+    --clr-link: light-dark(#7629db, #ce97ff);
+    --clr-link-hover: light-dark(#270e48, #b366f7);
+    --clr-quote-bg: light-dark(#f3f2f2, #141414);
+    --clr-quote-border: light-dark(#414141, #f3f2f2);
+    --clr-cw-hover: #fae5e5;
 
     --clr-code-bg: #f3f2f2;
     --clr-code-border: #414141;
-    --clr-dates: rgb(58, 150, 255);
+    --clr-dates: #3a96ff;
 
     --clr-link-btn-bg: #873eb5;
     --clr-link-btn-txt: white;
     --clr-link-btn-hover: #241445;
 
     --clr-hero-bg: #7944B6;
-    --clr-navbar-bg: #9b59b6;
+    --clr-navbar-bg: light-dark(#9b59b6, #3a0873);
     --clr-navbar-link: white;
 
-    --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-quote-bg: #141414;
-        --clr-quote-border: #f3f2f2;
-
-        --clr-navbar-bg: #3a0873;
-        --clr-main-footer-bg: #3a0873;
-    }
+    --clr-main-footer-bg: light-dark(#9b59b6, #3a0873);
 }
 
 .hero__top-bar,
diff --git a/shrines/cassettebeasts/featured/index.html b/shrines/cassettebeasts/featured/index.html
index e18107a8..2ae1f655 100644
--- a/shrines/cassettebeasts/featured/index.html
+++ b/shrines/cassettebeasts/featured/index.html
@@ -144,59 +144,39 @@
 
     .blog__post--prev { grid-area: prev; }
     .blog__post--next { grid-area: next; }
-:root {
-    --clr-body-bg: #e4e3e3;
-    --clr-body-txt: #141414;
-    --clr-content-bg: #ffffff;
+html { color-scheme: light dark; }
 
-    --clr-top-btn-bg: #552190;
+:root {
+    --clr-body-bg: light-dark(#e4e3e3, #141414);
+    --clr-body-txt: light-dark(#141414, #fff);
+    --clr-content-bg: light-dark(#ffffff, #242424);
+
+    --clr-top-btn-bg: light-dark(#552190, #552190);
     --clr-top-btn-txt: #ffffff;
 
-    --clr-main-heading: #171717;
-    --clr-sub-heading: #111111;
-    --clr-title-border: #7629db;
-    --clr-bold-txt: #da4500;
-    --clr-link: #7629db;
-    --clr-link-hover: #270e48;
-    --clr-quote-bg: #f3f2f2;
-    --clr-quote-border: #414141;
-    --clr-cw-hover: rgb(250, 229, 229);
+    --clr-main-heading: light-dark(#171717, #daaced);
+    --clr-sub-heading: light-dark(#111111, #fff);
+    --clr-title-border: light-dark(#7629db, #9964de);
+    --clr-bold-txt: light-dark(#da4500, #ff9869);
+    --clr-link: light-dark(#7629db, #ce97ff);
+    --clr-link-hover: light-dark(#270e48, #b366f7);
+    --clr-quote-bg: light-dark(#f3f2f2, #141414);
+    --clr-quote-border: light-dark(#414141, #f3f2f2);
+    --clr-cw-hover: #fae5e5;
 
     --clr-code-bg: #f3f2f2;
     --clr-code-border: #414141;
-    --clr-dates: rgb(58, 150, 255);
+    --clr-dates: #3a96ff;
 
     --clr-link-btn-bg: #873eb5;
     --clr-link-btn-txt: white;
     --clr-link-btn-hover: #241445;
 
     --clr-hero-bg: #7944B6;
-    --clr-navbar-bg: #9b59b6;
+    --clr-navbar-bg: light-dark(#9b59b6, #3a0873);
     --clr-navbar-link: white;
 
-    --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-quote-bg: #141414;
-        --clr-quote-border: #f3f2f2;
-
-        --clr-navbar-bg: #3a0873;
-        --clr-main-footer-bg: #3a0873;
-    }
+    --clr-main-footer-bg: light-dark(#9b59b6, #3a0873);
 }
 
 .hero__top-bar,
diff --git a/shrines/cassettebeasts/gamelog/index.html b/shrines/cassettebeasts/gamelog/index.html
index 99adb8a3..ab620e70 100644
--- a/shrines/cassettebeasts/gamelog/index.html
+++ b/shrines/cassettebeasts/gamelog/index.html
@@ -144,59 +144,39 @@
 
     .blog__post--prev { grid-area: prev; }
     .blog__post--next { grid-area: next; }
-:root {
-    --clr-body-bg: #e4e3e3;
-    --clr-body-txt: #141414;
-    --clr-content-bg: #ffffff;
+html { color-scheme: light dark; }
 
-    --clr-top-btn-bg: #552190;
+:root {
+    --clr-body-bg: light-dark(#e4e3e3, #141414);
+    --clr-body-txt: light-dark(#141414, #fff);
+    --clr-content-bg: light-dark(#ffffff, #242424);
+
+    --clr-top-btn-bg: light-dark(#552190, #552190);
     --clr-top-btn-txt: #ffffff;
 
-    --clr-main-heading: #171717;
-    --clr-sub-heading: #111111;
-    --clr-title-border: #7629db;
-    --clr-bold-txt: #da4500;
-    --clr-link: #7629db;
-    --clr-link-hover: #270e48;
-    --clr-quote-bg: #f3f2f2;
-    --clr-quote-border: #414141;
-    --clr-cw-hover: rgb(250, 229, 229);
+    --clr-main-heading: light-dark(#171717, #daaced);
+    --clr-sub-heading: light-dark(#111111, #fff);
+    --clr-title-border: light-dark(#7629db, #9964de);
+    --clr-bold-txt: light-dark(#da4500, #ff9869);
+    --clr-link: light-dark(#7629db, #ce97ff);
+    --clr-link-hover: light-dark(#270e48, #b366f7);
+    --clr-quote-bg: light-dark(#f3f2f2, #141414);
+    --clr-quote-border: light-dark(#414141, #f3f2f2);
+    --clr-cw-hover: #fae5e5;
 
     --clr-code-bg: #f3f2f2;
     --clr-code-border: #414141;
-    --clr-dates: rgb(58, 150, 255);
+    --clr-dates: #3a96ff;
 
     --clr-link-btn-bg: #873eb5;
     --clr-link-btn-txt: white;
     --clr-link-btn-hover: #241445;
 
     --clr-hero-bg: #7944B6;
-    --clr-navbar-bg: #9b59b6;
+    --clr-navbar-bg: light-dark(#9b59b6, #3a0873);
     --clr-navbar-link: white;
 
-    --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-quote-bg: #141414;
-        --clr-quote-border: #f3f2f2;
-
-        --clr-navbar-bg: #3a0873;
-        --clr-main-footer-bg: #3a0873;
-    }
+    --clr-main-footer-bg: light-dark(#9b59b6, #3a0873);
 }
 
 .hero__top-bar,
diff --git a/shrines/cassettebeasts/index.html b/shrines/cassettebeasts/index.html
index d358426b..40264cb4 100644
--- a/shrines/cassettebeasts/index.html
+++ b/shrines/cassettebeasts/index.html
@@ -144,59 +144,39 @@
 
     .blog__post--prev { grid-area: prev; }
     .blog__post--next { grid-area: next; }
-:root {
-    --clr-body-bg: #e4e3e3;
-    --clr-body-txt: #141414;
-    --clr-content-bg: #ffffff;
+html { color-scheme: light dark; }
 
-    --clr-top-btn-bg: #552190;
+:root {
+    --clr-body-bg: light-dark(#e4e3e3, #141414);
+    --clr-body-txt: light-dark(#141414, #fff);
+    --clr-content-bg: light-dark(#ffffff, #242424);
+
+    --clr-top-btn-bg: light-dark(#552190, #552190);
     --clr-top-btn-txt: #ffffff;
 
-    --clr-main-heading: #171717;
-    --clr-sub-heading: #111111;
-    --clr-title-border: #7629db;
-    --clr-bold-txt: #da4500;
-    --clr-link: #7629db;
-    --clr-link-hover: #270e48;
-    --clr-quote-bg: #f3f2f2;
-    --clr-quote-border: #414141;
-    --clr-cw-hover: rgb(250, 229, 229);
+    --clr-main-heading: light-dark(#171717, #daaced);
+    --clr-sub-heading: light-dark(#111111, #fff);
+    --clr-title-border: light-dark(#7629db, #9964de);
+    --clr-bold-txt: light-dark(#da4500, #ff9869);
+    --clr-link: light-dark(#7629db, #ce97ff);
+    --clr-link-hover: light-dark(#270e48, #b366f7);
+    --clr-quote-bg: light-dark(#f3f2f2, #141414);
+    --clr-quote-border: light-dark(#414141, #f3f2f2);
+    --clr-cw-hover: #fae5e5;
 
     --clr-code-bg: #f3f2f2;
     --clr-code-border: #414141;
-    --clr-dates: rgb(58, 150, 255);
+    --clr-dates: #3a96ff;
 
     --clr-link-btn-bg: #873eb5;
     --clr-link-btn-txt: white;
     --clr-link-btn-hover: #241445;
 
     --clr-hero-bg: #7944B6;
-    --clr-navbar-bg: #9b59b6;
+    --clr-navbar-bg: light-dark(#9b59b6, #3a0873);
     --clr-navbar-link: white;
 
-    --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-quote-bg: #141414;
-        --clr-quote-border: #f3f2f2;
-
-        --clr-navbar-bg: #3a0873;
-        --clr-main-footer-bg: #3a0873;
-    }
+    --clr-main-footer-bg: light-dark(#9b59b6, #3a0873);
 }
 
 .hero__top-bar,
diff --git a/shrines/cassettebeasts/resources/index.html b/shrines/cassettebeasts/resources/index.html
index c2c4da61..d717f14b 100644
--- a/shrines/cassettebeasts/resources/index.html
+++ b/shrines/cassettebeasts/resources/index.html
@@ -144,59 +144,39 @@
 
     .blog__post--prev { grid-area: prev; }
     .blog__post--next { grid-area: next; }
-:root {
-    --clr-body-bg: #e4e3e3;
-    --clr-body-txt: #141414;
-    --clr-content-bg: #ffffff;
+html { color-scheme: light dark; }
 
-    --clr-top-btn-bg: #552190;
+:root {
+    --clr-body-bg: light-dark(#e4e3e3, #141414);
+    --clr-body-txt: light-dark(#141414, #fff);
+    --clr-content-bg: light-dark(#ffffff, #242424);
+
+    --clr-top-btn-bg: light-dark(#552190, #552190);
     --clr-top-btn-txt: #ffffff;
 
-    --clr-main-heading: #171717;
-    --clr-sub-heading: #111111;
-    --clr-title-border: #7629db;
-    --clr-bold-txt: #da4500;
-    --clr-link: #7629db;
-    --clr-link-hover: #270e48;
-    --clr-quote-bg: #f3f2f2;
-    --clr-quote-border: #414141;
-    --clr-cw-hover: rgb(250, 229, 229);
+    --clr-main-heading: light-dark(#171717, #daaced);
+    --clr-sub-heading: light-dark(#111111, #fff);
+    --clr-title-border: light-dark(#7629db, #9964de);
+    --clr-bold-txt: light-dark(#da4500, #ff9869);
+    --clr-link: light-dark(#7629db, #ce97ff);
+    --clr-link-hover: light-dark(#270e48, #b366f7);
+    --clr-quote-bg: light-dark(#f3f2f2, #141414);
+    --clr-quote-border: light-dark(#414141, #f3f2f2);
+    --clr-cw-hover: #fae5e5;
 
     --clr-code-bg: #f3f2f2;
     --clr-code-border: #414141;
-    --clr-dates: rgb(58, 150, 255);
+    --clr-dates: #3a96ff;
 
     --clr-link-btn-bg: #873eb5;
     --clr-link-btn-txt: white;
     --clr-link-btn-hover: #241445;
 
     --clr-hero-bg: #7944B6;
-    --clr-navbar-bg: #9b59b6;
+    --clr-navbar-bg: light-dark(#9b59b6, #3a0873);
     --clr-navbar-link: white;
 
-    --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-quote-bg: #141414;
-        --clr-quote-border: #f3f2f2;
-
-        --clr-navbar-bg: #3a0873;
-        --clr-main-footer-bg: #3a0873;
-    }
+    --clr-main-footer-bg: light-dark(#9b59b6, #3a0873);
 }
 
 .hero__top-bar,
diff --git a/sitemap.xml b/sitemap.xml
index 86cc3e5a..5a34ef84 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -1106,229 +1106,229 @@
     </url>
     <url>
         <loc>https://leilukin.com/blog/posts/</loc>
-        <lastmod>2024-10-25T11:52:31.612Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.772Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/changelogs/2022/</loc>
-        <lastmod>2024-10-25T11:52:31.616Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.780Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/changelogs/2023/</loc>
-        <lastmod>2024-10-25T11:52:31.616Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.780Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/changelogs/2024/</loc>
-        <lastmod>2024-10-25T11:52:31.616Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.780Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/changelogs/layouts/</loc>
-        <lastmod>2024-10-25T11:52:31.616Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.780Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/</loc>
-        <lastmod>2024-10-25T11:52:31.616Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.780Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/projects/code/bellabuffs-phpmailer/</loc>
-        <lastmod>2024-10-25T11:52:31.616Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.780Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/projects/playlists/</loc>
-        <lastmod>2024-10-25T11:52:31.616Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.780Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/projects/snippets/disability-pride-flag-background/</loc>
-        <lastmod>2024-10-25T11:52:31.616Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.780Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/asummersend/gallery/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.780Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/asummersend/playlists/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.780Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/asummersend/trivia/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.780Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/cassettebeasts/articles/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.780Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/cassettebeasts/facts/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.780Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/cassettebeasts/featured/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.780Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/cassettebeasts/gamelog/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.780Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/cassettebeasts/resources/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.780Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/starwarskotor/articles/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.780Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/starwarskotor/guides/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.784Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/starwarskotor/resources/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.784Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/starwarskotor/resources/kotor-same-gender-romance-mods/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.784Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/starwarskotor/resources/kotor2-female-exile-recruit-handmaiden-mods/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.784Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/starwarskotor/resources/tslrcm-m478ep-modules-music/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.784Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/starwarskotor/universes/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.784Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/archive/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.784Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/categories/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.784Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/changelogs/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.784Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/about/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.784Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/adoptables/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.784Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/articles/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.784Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/blog/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.784Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/guestbook/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.784Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/links/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.784Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/now/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.784Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/projects/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.784Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/shrines/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.784Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/accessibility/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.784Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>
     <url>
         <loc>https://leilukin.com/colophon/</loc>
-        <lastmod>2024-10-25T11:52:31.620Z</lastmod>
+        <lastmod>2024-10-25T15:52:00.784Z</lastmod>
         <changefreq>weekly</changefreq>
 		<priority>0.5</priority>
     </url>