feat(theme): add theme switching functionality

index.html

@@ -20,8 +20,8 @@
 <div class="container">
     <h1>File Browser</h1>
 
-    <div class="list-sort">
-        <span>sort list by</span>
+    <div class="controls">
+        <span>sort list by:</span>
         <label>
             date
             <input type="radio" name="sort" value="date" checked>
@@ -34,6 +34,16 @@
             size
             <input type="radio" name="sort" value="size">
         </label>
+
+        <span>theme:</span>
+        <label>
+            light
+            <input type="radio" name="theme" value="" checked>
+        </label>
+        <label>
+            dark
+            <input type="radio" name="theme" value="dark">
+        </label>
     </div>
 
     <ul id="file-list" class="file-list">
@@ -49,14 +59,12 @@
 <footer>
     <div class="container">
         <small>
-            <a href="https://github.com/mohamnag/nginx-file-browser">nginx file browser</a> by 
-            <a href="http://naghavi.me">Mohammad Naghavi</a>
+            <a href="https://github.com/mohamnag/nginx-file-browser">nginx file browser</a>
         </small>
 
         <small>
-            icons by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a
-                href="http://www.flaticon.com"
-                title="Flaticon">flaticon.com</a>
+            icons by <a href="http://www.freepik.com" title="Freepik">Freepik</a>
+            from <a href="http://www.flaticon.com" title="Flaticon">flaticon.com</a>
         </small>
     </div>
 </footer>