feat: theme

public/scripts/index.js

@@ -243,9 +243,9 @@
         const currentTheme =
           document.documentElement.getAttribute("data-theme");
         if (currentTheme === "dark") {
-          themeToggle.textContent = "ʕ•ᴥ•ʔつ☾";
+          themeToggle.textContent = "☾⊂ʕ•ᴥ•ʔ";
         } else {
-          themeToggle.textContent = "ʕ•ᴥ•ʔつ☼";
+          themeToggle.textContent = "☼⊂ʕ•ᴥ•ʔ";
         }
       }
 

public/styles/common.css

@@ -202,15 +202,17 @@ body {
 header,
 footer {
   padding: 20px;
-}
-
-header {
   font-size: 1.5em;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 
+#theme-toggle {
+  cursor: pointer;
+  user-select: none;
+}
+
 .main {
   display: flex;
   justify-content: center;