[Fix] menu and theme switch

site/styles/style.css

@@ -11,6 +11,12 @@
   --bg: var(--light-bg);
 }
 
+body.dark {
+  --border: var(--dark-border);
+  --text: var(--dark-text);
+  --bg: var(--dark-bg);
+}
+
 @font-face {
   font-family: "Iosevka";
   src: url("/font/iosevka-regular.woff") format("woff");
@@ -153,7 +159,7 @@ a:visited {
   }
 }
 
-#sections-button {
+.hamburger {
   display: none;
 }
 
@@ -186,7 +192,7 @@ button {
 }
 
 @media screen and (max-width: 1160px) {
-  nav {
+  nav.menu {
     flex-direction: column;
     border: 2px solid var(--border);
     border-bottom: 0;
@@ -198,9 +204,13 @@ button {
     align-items: center;
     padding: 2rem 3rem;
     display: none;
+    &.open {
+      display: flex;
+      flex-direction: column;
+    }
   }
 
-  #sections-button {
+  .hamburger {
     display: block !important;
   }
 }