diff --git a/public/categories/index.html b/public/categories/index.html
index e63db7f..69c3b14 100644
--- a/public/categories/index.html
+++ b/public/categories/index.html
@@ -7,9 +7,7 @@
-
-
-
+
diff --git a/public/catppuccin.css b/public/catppuccin.css
index 6a7b4c0..d198dd2 100644
--- a/public/catppuccin.css
+++ b/public/catppuccin.css
@@ -313,3 +313,71 @@
--ctp-mocha-crust-rgb: rgb(17, 17, 27);
--ctp-mocha-crust-hsl: hsl(240, 23%, 9%);
}
+
+
+code {
+ background-color: transparent;
+}
+code > span {
+ background-color: transparent;
+}
+code > span > span {
+ background-color: transparent;
+}
+code > span > span > span {
+ background-color: transparent;
+}
+pre.darkmode {
+ background: var(--bg);
+ border: 1px solid #ddd;
+ color: var(--code-default);
+ page-break-inside: avoid;
+ font-family: monospace;
+ font-size: 15px;
+ line-height: 1.6;
+ margin-bottom: 1.6em;
+ max-width: 100%;
+ overflow: auto;
+ padding: 1em 1.5em;
+ display: block;
+ word-wrap: break-word;
+}
+
+
+main {
+ color: var(--text-color);
+ background-color: var(--bg);
+}
+
+a {
+ color: var(--a);
+}
+
+p {
+ color: var(--text-color);
+}
+h1, h2, h3, h4, h5, h6 {
+ color: var(--header-color);
+}
+
+.nav-list {
+ background-color: var(--navbar-bg);
+}
+.nav-list a {
+ color: var(--navbar-a);
+}
+.nav-list a:hover {
+ color: var(--navbar-a-hover);
+}
+.nav-dropdown {
+ color: var(--navbar-a);
+}
+.nav-dropdown:hover {
+ color: var(--navbar-a-hover);
+}
+.nav-dropdown-content {
+ background-color: var(--navbar-bg);
+}
+.nav-dropdown-content a {
+ color: var(--navbar-a);
+}
diff --git a/public/css/main.min.c7a918435a01f42224186e96dd869ff11608c0147e535360a0702a3d0c736590.css b/public/css/main.min.c7a918435a01f42224186e96dd869ff11608c0147e535360a0702a3d0c736590.css
deleted file mode 100644
index 2e4e004..0000000
--- a/public/css/main.min.c7a918435a01f42224186e96dd869ff11608c0147e535360a0702a3d0c736590.css
+++ /dev/null
@@ -1 +0,0 @@
-body{color:#222;font-family:sans-serif;line-height:1.5;margin:1rem;max-width:768px}header{border-bottom:1px solid #222;margin-bottom:1rem}footer{border-top:1px solid #222;margin-top:1rem}a{color:#00e;text-decoration:none}.nav-list{margin:0;padding:0;background-color:#333;height:50px}.nav-list a{float:left;font-size:16px;color:#fff;text-align:center;padding:14px 16px;text-decoration:none}
\ No newline at end of file
diff --git a/public/dark_mode.css b/public/dark_mode.css
deleted file mode 100644
index f20a45b..0000000
--- a/public/dark_mode.css
+++ /dev/null
@@ -1,68 +0,0 @@
-
- p.darkmode {
- color: var(--ctp-mocha-text);
-}
-
-main.darkmode {
- background-color: var(--ctp-mocha-base);
- color: var(--ctp-mocha-text);
- }
-
-.darkmode {
- background-color: var(--ctp-mocha-base);
-}
-
-.darkmode a {
- color: var(--ctp-mocha-peach);
-}
-
-code.darkmode {
- background-color: transparent;
-}
-code.darkmode > span {
- background-color: transparent;
-}
-code.darkmode > span > span {
- background-color: transparent;
-}
-code.darkmode > span > span > span {
- background-color: transparent;
-}
-pre.darkmode {
- background: var(--ctp-mocha-crust);
- border: 1px solid #ddd;
- color: var(--ctp-mocha-sky);
- page-break-inside: avoid;
- font-family: monospace;
- font-size: 15px;
- line-height: 1.6;
- margin-bottom: 1.6em;
- max-width: 100%;
- overflow: auto;
- padding: 1em 1.5em;
- display: block;
- word-wrap: break-word;
-}
-
-h1.darkmode, h2.darkmode, h3.darkmode, h4.darkmode, h5.darkmode, h6.darkmode {
- color: var(--ctp-mocha-sapphire);
-}
-
-.nav-list.darkmode a {
- color: var(--ctp-mocha-crust);
-}
-.nav-list.darkmode a:hover {
- color: var(--ctp-mocha-text);
-}
-.nav-list.darkmode {
- background-color: var(--ctp-mocha-mauve);
-}
-.nav-dropdown.darkmode {
- color: var(--ctp-mocha-crust);
-}
-.nav-dropdown.darkmode:hover {
- color: var(--ctp-mocha-text);
-}
-.nav-dropdown-content.darkmode {
- background-color: var(--ctp-mocha-mauve);
-}
diff --git a/public/index.html b/public/index.html
index 6a39916..306c284 100644
--- a/public/index.html
+++ b/public/index.html
@@ -8,9 +8,7 @@
-
-
-
+
diff --git a/public/js/main.23cd0c7d837263b9eaeb96ee2d9ccfa2969daa3fa00fa1c1fe8701a9b87251a1.js b/public/js/main.23cd0c7d837263b9eaeb96ee2d9ccfa2969daa3fa00fa1c1fe8701a9b87251a1.js
deleted file mode 100644
index 4e24393..0000000
--- a/public/js/main.23cd0c7d837263b9eaeb96ee2d9ccfa2969daa3fa00fa1c1fe8701a9b87251a1.js
+++ /dev/null
@@ -1 +0,0 @@
-(()=>{console.log("This site was generated by Hugo.");})();
diff --git a/public/light_mode.css b/public/light_mode.css
deleted file mode 100644
index 228e45e..0000000
--- a/public/light_mode.css
+++ /dev/null
@@ -1,60 +0,0 @@
-
-
-.lightmode p {
- color: var(--ctp-latte-text);
-}
-
-.lightmode {
- background-color: var(--ctp-latte-base);
-}
-
-.lightmode a {
- color: var(--ctp-latte-peach);
-}
-
-code.lightmode {
- background-color: transparent;
-}
-code.lightmode > span {
- background-color: transparent;
-}
-code.lightmode > span > span {
- background-color: transparent;
-}
-code.lightmode > span > span > span {
- background-color: transparent;
-}
-pre.lightmode {
- background: var(--ctp-latte-crust);
- border: 1px solid #ddd;
- color: var(--ctp-latte-sky);
- page-break-inside: avoid;
- font-family: monospace;
- font-size: 15px;
- line-height: 1.6;
- margin-bottom: 1.6em;
- max-width: 100%;
- overflow: auto;
- padding: 1em 1.5em;
- display: block;
- word-wrap: break-word;
-}
-
-h1.lightmode, h2.lightmode, h3.lightmode, h4.lightmode, h5.lightmode, h6.lightmode {
- color: var(--ctp-latte-sapphire);
-}
-.nav-list.lightmode a {
- color: var(--ctp-latte-crust);
-}
-.nav-list.lightmode {
- background-color: var(--ctp-latte-mauve);
-}
-.nav-dropdown.lightmode {
- color: var(--ctp-latte-crust);
-}
-.nav-dropdown-content.lightmode {
- background-color: var(--ctp-latte-mauve);
-}
-.nav-dropdown-content.lightmode a {
- color: var(--ctp-latte-crust);
-}
diff --git a/public/posts/chrono_track/index.html b/public/posts/chrono_track/index.html
index bde0127..33efce5 100644
--- a/public/posts/chrono_track/index.html
+++ b/public/posts/chrono_track/index.html
@@ -7,9 +7,7 @@
-
-
-
+
diff --git a/public/posts/index.html b/public/posts/index.html
index 675a3d7..f49db6a 100644
--- a/public/posts/index.html
+++ b/public/posts/index.html
@@ -7,9 +7,7 @@
-
-
-
+
diff --git a/public/posts/wgu_instructions/index.html b/public/posts/wgu_instructions/index.html
index 59420e6..5b80f1b 100644
--- a/public/posts/wgu_instructions/index.html
+++ b/public/posts/wgu_instructions/index.html
@@ -7,9 +7,7 @@
-
-
-
+
diff --git a/public/sunset_mode.css b/public/sunset_mode.css
deleted file mode 100644
index 037ee37..0000000
--- a/public/sunset_mode.css
+++ /dev/null
@@ -1,66 +0,0 @@
-
-p.sunsetmode {
- color: var(--ctp-frappe-text);
-}
-
-main.sunsetmode {
- color: var(--ctp-frappe-text);
-}
-
-.sunsetmode {
- background-color: var(--ctp-frappe-base);
-}
-
-.sunsetmode a {
- color: var(--ctp-frappe-peach);
-}
-
-code.sunsetmode {
- background-color: transparent;
-}
-code.sunsetmode > span {
- background-color: transparent;
-}
-code.sunsetmode > span > span {
- background-color: transparent;
-}
-code.sunsetmode > span > span > span {
- background-color: transparent;
-}
-pre.sunsetmode {
- background: var(--ctp-frappe-crust);
- border: 1px solid #ddd;
- color: var(--ctp-frappe-sky);
- page-break-inside: avoid;
- font-family: monospace;
- font-size: 15px;
- line-height: 1.6;
- margin-bottom: 1.6em;
- max-width: 100%;
- overflow: auto;
- padding: 1em 1.5em;
- display: block;
- word-wrap: break-word;
-}
-
-h1.sunsetmode, h2.sunsetmode, h3.sunsetmode, h4.sunsetmode, h5.sunsetmode, h6.sunsetmode {
- color: var(--ctp-frappe-sapphire);
-}
-.nav-list.sunsetmode a {
- color: var(--ctp-frappe-crust);
-}
-.nav-list.sunsetmode a:hover {
- color: var(--ctp-frappe-text);
-}
-.nav-list.sunsetmode {
- background-color: var(--ctp-frappe-mauve);
-}
-.nav-dropdown.sunsetmode {
- color: var(--ctp-frappe-crust);
-}
-.nav-dropdown.sunsetmode:hover {
- color: var(--ctp-frappe-text);
-}
-.nav-dropdown-content.sunsetmode {
- background-color: var(--ctp-frappe-mauve);
-}
diff --git a/public/tags/index.html b/public/tags/index.html
index b6571e7..d02e512 100644
--- a/public/tags/index.html
+++ b/public/tags/index.html
@@ -7,9 +7,7 @@
-
-
-
+
diff --git a/public/variables.css b/public/variables.css
new file mode 100644
index 0000000..52a022e
--- /dev/null
+++ b/public/variables.css
@@ -0,0 +1,38 @@
+body.darkmode {
+ --bg: var(--ctp-mocha-base);
+ --a: var(--ctp-mocha-peach);
+ --text-color: var(--ctp-mocha-text);
+ --code-default: var(--ctp-mocha-sky);
+ --header-color: var(--ctp-mocha-sapphire);
+ --navbar-bg: var(--ctp-mocha-mauve);
+ --navbar-a: var(--ctp-mocha-crust);
+ --navbar-a-hover: var(--ctp-mocha-text);
+
+ background-color: var(--bg);
+}
+
+body.lightmode {
+ --bg: var(--ctp-latte-base);
+ --a: var(--ctp-latte-peach);
+ --text-color: var(--ctp-latte-text);
+ --code-default: var(--ctp-latte-sky);
+ --header-color: var(--ctp-latte-sapphire);
+ --navbar-bg: var(--ctp-latte-mauve);
+ --navbar-a: var(--ctp-latte-crust);
+ --navbar-a-hover: var(--ctp-latte-crust);
+
+ background-color: var(--bg);
+}
+
+body.sunsetmode {
+ --bg: var(--ctp-frappe-base);
+ --a: var(--ctp-frappe-peach);
+ --text-color: var(--ctp-frappe-text);
+ --code-default: var(--ctp-frappe-sky);
+ --header-color: var(--ctp-frappe-sapphire);
+ --navbar-bg: var(--ctp-frappe-mauve);
+ --navbar-a: var(--ctp-frappe-crust);
+ --navbar-a-hover: var(--ctp-frappe-text);
+
+ background-color: var(--bg);
+}