Color palette changing for the funsies

docs/index.html

@@ -22,6 +22,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
   </script>
 </head>
 
@@ -85,6 +86,14 @@
     </div>
     <div class="footy">Created by Derek Chen
       <!-- because VAPA lecture was a bit boring that day -->
+      <div>
+        <input type="checkbox" class="checkbox" id="colorToggle">
+        <label for="colorToggle" class="checkbox-label">
+          <i class="fas fa-moon"></i>
+          <i class="fas fa-sun"></i>
+          <span class="ball"></span>
+        </label>
+      </div>
       <iframe
         src="https://ghbtns.com/github-btn.html?user=Derec4&repo=ut-grade-distribution-viewer&type=star&count=true&size=large"
         frameborder="0" scrolling="0" width="100" height="30" title="GitHub">
@@ -92,6 +101,7 @@
     </div>
   </div>
   <script src='main.js'></script>
+  <script src='colorScheme.js'></script>
 </body>
 
 </html>