M layouts/partials/nav.html → layouts/partials/nav.html

@@ -12,11 +12,11 @@ <!-- <div><a href="/projects">Projects</a></div> -->
     <div><a href="/posts">Posts</a></div>
     <div><a href="/snippets">Snippets</a></div>
     <div><a href="https://git.prithu.xyz">Git</a></div>
-    <div>
-      <select id=theme>
-        <option value=light>Light</option>
-        <option value=dark>Dark</option>
-      </select>
-    </div>
+  </div>
+  <div class="nav-group">
+    <select id=theme>
+      <option value=light>Light</option>
+      <option value=dark>Dark</option>
+    </select>
   </div>
 </nav>

M static/css/main.css → static/css/main.css

@@ -112,6 +112,10 @@ nav > *:first-child{
     margin-left: 10%;
 }
 
+nav > *:last-child{
+    margin-right: 10%;
+}
+
 .nav-group {
     display: flex;
     align-items: center;
@@ -139,7 +143,15 @@ outline: none;
 }
 
 nav option {
-    color: black;
+    color: var(--text-primary);
+    background: var(--bg);
+    outline: none;
+}
+
+nav option:active,
+nav option:focus {
+    outline: none;
+    border: none;
 }