build sunset mode release

public/categories/index.html

@@ -8,6 +8,7 @@
 <script type="text/javascript" src="/navbar.js"></script>
 <link rel="stylesheet" href="/catppuccin.css">
 <link rel="stylesheet" href="/light_mode.css">
+<link rel="stylesheet" href="/sunset_mode.css">
 <link rel="stylesheet" href="/dark_mode.css">
 
       <link rel="stylesheet" href="/css/main.min.13352547759ac6940d329309b455c1cc5e8b56036fb2faddc77c09b4ee1d3b31.css" integrity="sha256-EzUlR3WaxpQNMpMJtFXBzF6LVgNvsvrdx3wJtO4dOzE=" crossorigin="anonymous">

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 {

public/index.html

@@ -9,6 +9,7 @@
 <script type="text/javascript" src="/navbar.js"></script>
 <link rel="stylesheet" href="/catppuccin.css">
 <link rel="stylesheet" href="/light_mode.css">
+<link rel="stylesheet" href="/sunset_mode.css">
 <link rel="stylesheet" href="/dark_mode.css">
 
       <link rel="stylesheet" href="/css/main.min.13352547759ac6940d329309b455c1cc5e8b56036fb2faddc77c09b4ee1d3b31.css" integrity="sha256-EzUlR3WaxpQNMpMJtFXBzF6LVgNvsvrdx3wJtO4dOzE=" crossorigin="anonymous">

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);
+}

public/posts/chrono_track/index.html

@@ -8,6 +8,7 @@
 <script type="text/javascript" src="/navbar.js"></script>
 <link rel="stylesheet" href="/catppuccin.css">
 <link rel="stylesheet" href="/light_mode.css">
+<link rel="stylesheet" href="/sunset_mode.css">
 <link rel="stylesheet" href="/dark_mode.css">
 
       <link rel="stylesheet" href="/css/main.min.13352547759ac6940d329309b455c1cc5e8b56036fb2faddc77c09b4ee1d3b31.css" integrity="sha256-EzUlR3WaxpQNMpMJtFXBzF6LVgNvsvrdx3wJtO4dOzE=" crossorigin="anonymous">

public/posts/index.html

@@ -8,6 +8,7 @@
 <script type="text/javascript" src="/navbar.js"></script>
 <link rel="stylesheet" href="/catppuccin.css">
 <link rel="stylesheet" href="/light_mode.css">
+<link rel="stylesheet" href="/sunset_mode.css">
 <link rel="stylesheet" href="/dark_mode.css">
 
       <link rel="stylesheet" href="/css/main.min.13352547759ac6940d329309b455c1cc5e8b56036fb2faddc77c09b4ee1d3b31.css" integrity="sha256-EzUlR3WaxpQNMpMJtFXBzF6LVgNvsvrdx3wJtO4dOzE=" crossorigin="anonymous">

public/posts/wgu_instructions/index.html

@@ -8,6 +8,7 @@
 <script type="text/javascript" src="/navbar.js"></script>
 <link rel="stylesheet" href="/catppuccin.css">
 <link rel="stylesheet" href="/light_mode.css">
+<link rel="stylesheet" href="/sunset_mode.css">
 <link rel="stylesheet" href="/dark_mode.css">
 
       <link rel="stylesheet" href="/css/main.min.13352547759ac6940d329309b455c1cc5e8b56036fb2faddc77c09b4ee1d3b31.css" integrity="sha256-EzUlR3WaxpQNMpMJtFXBzF6LVgNvsvrdx3wJtO4dOzE=" crossorigin="anonymous">

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);
+}

public/tags/index.html

@@ -8,6 +8,7 @@
 <script type="text/javascript" src="/navbar.js"></script>
 <link rel="stylesheet" href="/catppuccin.css">
 <link rel="stylesheet" href="/light_mode.css">
+<link rel="stylesheet" href="/sunset_mode.css">
 <link rel="stylesheet" href="/dark_mode.css">
 
       <link rel="stylesheet" href="/css/main.min.13352547759ac6940d329309b455c1cc5e8b56036fb2faddc77c09b4ee1d3b31.css" integrity="sha256-EzUlR3WaxpQNMpMJtFXBzF6LVgNvsvrdx3wJtO4dOzE=" crossorigin="anonymous">