diff --git a/public/categories/index.html b/public/categories/index.html
index c34818c..e63db7f 100644
--- a/public/categories/index.html
+++ b/public/categories/index.html
@@ -8,6 +8,7 @@
+
diff --git a/public/dark_mode.css b/public/dark_mode.css
index 017a0f2..afb136e 100644
--- a/public/dark_mode.css
+++ b/public/dark_mode.css
@@ -52,10 +52,10 @@ h1.darkmode, h2.darkmode, h3.darkmode, h4.darkmode, h5.darkmode, h6.darkmode {
.nav-list.darkmode {
background-color: var(--ctp-mocha-mauve);
}
-.nav-dropdown {
+.nav-dropdown.darkmode {
color: var(--ctp-mocha-crust);
}
-.nav-dropdown:hover {
+.nav-dropdown.darkmode:hover {
color: var(--ctp-mocha-text);
}
.nav-dropdown-content.darkmode {
diff --git a/public/index.html b/public/index.html
index 350df7e..6a39916 100644
--- a/public/index.html
+++ b/public/index.html
@@ -9,6 +9,7 @@
+
diff --git a/public/light_mode.css b/public/light_mode.css
index 8cd8de5..228e45e 100644
--- a/public/light_mode.css
+++ b/public/light_mode.css
@@ -40,25 +40,21 @@ pre.lightmode {
word-wrap: break-word;
}
-h1.lightmode, h2.darkmode, h3.darkmode, h4.darkmode, h5.darkmode, h6.darkmode {
+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 a:hover {
- color: var(--ctp-latte-text);
-}
.nav-list.lightmode {
background-color: var(--ctp-latte-mauve);
}
-.nav-dropdown {
+.nav-dropdown.lightmode {
color: var(--ctp-latte-crust);
}
-.nav-dropdown:hover {
- color: var(--ctp-latte-text);
-}
.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 340351d..bde0127 100644
--- a/public/posts/chrono_track/index.html
+++ b/public/posts/chrono_track/index.html
@@ -8,6 +8,7 @@
+
diff --git a/public/posts/index.html b/public/posts/index.html
index 75e5582..675a3d7 100644
--- a/public/posts/index.html
+++ b/public/posts/index.html
@@ -8,6 +8,7 @@
+
diff --git a/public/posts/wgu_instructions/index.html b/public/posts/wgu_instructions/index.html
index e40a7ec..59420e6 100644
--- a/public/posts/wgu_instructions/index.html
+++ b/public/posts/wgu_instructions/index.html
@@ -8,6 +8,7 @@
+
diff --git a/public/sunset_mode.css b/public/sunset_mode.css
new file mode 100644
index 0000000..e430d43
--- /dev/null
+++ b/public/sunset_mode.css
@@ -0,0 +1,64 @@
+
+
+
+.sunsetmode p {
+ 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-text);
+}
+.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 7a4c562..b6571e7 100644
--- a/public/tags/index.html
+++ b/public/tags/index.html
@@ -8,6 +8,7 @@
+