1 files changed, 6 insertions, 74 deletions
diff --git a/static/main.html b/static/main.html
index 362b7b3..3fa1b66 100644
--- a/static/main.html
+++ b/static/main.html
@@ -8,81 +8,11 @@
     <meta property="og:locale" content="en_US" />
     <meta property="og:type" content="website" />
     <link rel="icon" type="image/png"  href="/static/favicon.png">
-    <style>
-      a, a:link, a:visited, a:hover, a:active {
-          text-decoration: none
-      }
-
-      a:link, a:visited,  a:active {
-          color: black;
-      }
-
-      a:hover {
-          color: #de0808;
-      }
-
-      body {
-          {{ if .Board.Restricted }}
-          background-color: #eef2fe;
-          color: black;
-          {{ else }}
-          background-color: #ffffee;
-          color: #820404
-          {{ end }}
-      }
-
-      .popup-box {
-          {{ if .Board.Restricted }}
-          border: 4px solid #d3caf0;
-          background-color: #eff5ff;
-          {{ else }}
-          border: 4px solid #f0e2d9;
-          background-color: #f9f9e0;
-          {{ end }}
-      }
-
-      .box {
-          {{ if .Board.Restricted }}
-          background-color: #eff5ff;
-          {{ else }}
-          background-color: #f9f9e0;
-          {{ end }}
-      }
-
-      .box-alt {
-          {{ if .Board.Restricted }}
-          background-color: #d3caf0;
-          {{ else }}
-          background-color: #f0e2d9;
-          {{ end }}
-      }
-
-      .quote {
-          color: #789922;
-      }
-
-      .post {
-          {{ if .Board.Restricted }}
-          background-color: #d5daf0;
-          {{ else }}
-          background-color: #f0e0d6;
-          {{ end }}
-      }
-
-      :target > div > .post {
-          {{ if .Board.Restricted }}
-          background-color: #d6bad0;
-          {{ else }}
-          background-color: #f0c0b0;
-          {{ end }}
-      }
-      .tripcode {
-          color: #117743;
-      }
-    </style>
+    <link rel="stylesheet" type="text/css" href="/static/css/style.css" title="default">
+    <link rel="alternate stylesheet" type="text/css" href="/static/css/gruvbox.css" title="gruvbox">
     {{ template "header" . }}
   </head>
-  <body>
+  <body {{ if not .Board.Restricted }}class="nsfw"{{ end }} onload="applyTheme()">
     <ul style="display: inline; padding:0;">
       {{ $l := len .Boards }}
       <li style="display: inline;">[<a href="/">Home</a>]</li>
@@ -112,8 +42,10 @@
       <a href="/">[Home]</a><a href="/static/rules.html">[Rules]</a><a href="/static/faq.html">[FAQ]</a>
       <p>All trademarks and copyrights on this page are owned by their respective parties.</p>
     </div>
+
+    <script src="/static/js/themes.js"></script>
+{{ template "script" . }}
   </body>
 </html>
 
-{{ template "script" . }}
 {{ end }}