SHIT ===> GOLD (C) whatthecommit.com

Author: daggerok

css-theme/src/app.ts

@@ -7,3 +7,17 @@ WebFont.load({
     ],
   },
 });
+
+const light: HTMLLinkElement = document.querySelector('#light');
+const dark: HTMLLinkElement = document.querySelector('#dark');
+const body: HTMLElement = document.body;
+
+dark.onclick = e => {
+  body.classList.remove('light');
+  body.classList.add('dark');
+};
+
+light.onclick = e => {
+  body.classList.remove('dark');
+  body.classList.add('light');
+};

css-theme/src/index.html

@@ -23,12 +23,12 @@
       <a href="#">Theme</a>
       <ul class="dropdown">
         <li class="dropdown-item">
-          <a id="#light" href="#">
+          <a id="light" href="#">
             Light
           </a>
         </li>
         <li class="dropdown-item">
-          <a id="#dark" href="#">
+          <a id="dark" href="#">
             Dark
           </a>
         </li>