diff --git a/themes/NSP/layouts/partials/head.html b/themes/NSP/layouts/partials/head.html
index 26f81ce..8591d6d 100644
--- a/themes/NSP/layouts/partials/head.html
+++ b/themes/NSP/layouts/partials/head.html
@@ -1,8 +1,8 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width">
 <title>{{ if .IsHome }}{{ site.Title }}{{ else }}{{ printf "%s | %s" .Title site.Title }}{{ end }}</title>
-<script type="text/javascript" src="/navbar.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+<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="/dark_mode.css">
diff --git a/themes/NSP/static/light_mode.css b/themes/NSP/static/light_mode.css
index e69de29..8cd8de5 100644
--- a/themes/NSP/static/light_mode.css
+++ b/themes/NSP/static/light_mode.css
@@ -0,0 +1,64 @@
+
+
+.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.darkmode, h3.darkmode, h4.darkmode, h5.darkmode, h6.darkmode {
+    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 {
+    color: var(--ctp-latte-crust);
+}
+.nav-dropdown:hover {
+    color: var(--ctp-latte-text);
+}
+.nav-dropdown-content.lightmode {
+    background-color: var(--ctp-latte-mauve);
+}
diff --git a/themes/NSP/static/navbar.js b/themes/NSP/static/navbar.js
index 70acb09..fc6e641 100644
--- a/themes/NSP/static/navbar.js
+++ b/themes/NSP/static/navbar.js
@@ -1,3 +1,6 @@
+$(document).ready(function() {
+    light_mode();
+})
 
 function light_mode() {
     console.log("light mode!");