diff --git a/contrib/static/nntpchan.js b/contrib/static/nntpchan.js
index 406287a..5448462 100644
--- a/contrib/static/nntpchan.js
+++ b/contrib/static/nntpchan.js
@@ -46,7 +46,8 @@ function enable_theme(prefix, name) {
   }
 }
 
-document.onload = function() {
+function main() {
+  // apply themes
   var st = get_storage();
   enable_theme(st.nntpchan_prefix, st.nntpchan_theme);
 }
diff --git a/contrib/templates/default/board.mustache b/contrib/templates/default/board.mustache
index d57c5e2..2be0590 100644
--- a/contrib/templates/default/board.mustache
+++ b/contrib/templates/default/board.mustache
@@ -20,7 +20,7 @@
     <script type="text/javascript" src="{{board.Prefix}}static/nntpchan.js"></script>
     <title>{{board.Board}}</title>
   </head>
-  <body>
+  <body onload="main()">
     <!-- begin navbar -->
     {{{board.Navbar}}}
     <!-- end navbar -->
diff --git a/contrib/templates/default/thread.mustache b/contrib/templates/default/thread.mustache
index de1560d..7145f7b 100644
--- a/contrib/templates/default/thread.mustache
+++ b/contrib/templates/default/thread.mustache
@@ -19,8 +19,7 @@
     <script src="{{thread.Prefix}}static/nntpchan.js" type="text/javascript"></script>
     <title> {{thread.OP.Subject}} </title>
   </head>
-  <body>
-
+  <body onload="main()">
     <!-- begin navbar -->
     {{{thread.Navbar}}}
     <!-- end navbar -->
diff --git a/contrib/templates/default/ukko.mustache b/contrib/templates/default/ukko.mustache
index 068fe75..0e5e5eb 100644
--- a/contrib/templates/default/ukko.mustache
+++ b/contrib/templates/default/ukko.mustache
@@ -12,7 +12,7 @@
     <link id="current_theme" rel="stylesheet" href="{{prefix}}static/user.css" />
     <script type="text/javascript" src="{{prefix}}static/nntpchan.js"></script>
   </head>
-  <body>
+  <body onload="main()">
     <center>
       <div id="nntpchan_banner">
       </div>
