diff --git a/src/main/resources/templates/pub/index.html b/src/main/resources/templates/pub/index.html
index 8cc25b8..3d8e59d 100644
--- a/src/main/resources/templates/pub/index.html
+++ b/src/main/resources/templates/pub/index.html
@@ -7,7 +7,8 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     <script src="/vendor/color-picker.js"></script>
     <style>
-        .w3-theme-l4 { color:#fff !important; background-color:grey !important}
+        .w3-theme-l6 { color:#000 !important; background-color:#999999 !important}
+        .w3-theme-l4 { color:#fff !important; background-color:#666666 !important}
         .w3-theme-l1 { color:#fff !important; background-color:#333333 !important}
         .collapsible {
             background-color: #333333;
@@ -26,8 +27,8 @@
             padding: 0 18px;
             display: none;
             overflow: hidden;
-            background-color: lightgrey;
-            color: black
+            background-color: #999999;
+            color: #000
         }
 
         button {
@@ -76,7 +77,7 @@
 
     <button id="start" onclick="start()">Start</button>
 
-    <div id="results" hidden class="w3-panel w3-theme-l4 w3-card w3-display-container" style="padding: 25px; overflow: hidden; height: 50vh;">
+    <div id="results" hidden class="w3-panel w3-theme-l6 w3-card w3-display-container" style="padding: 25px; overflow: hidden; height: 50vh;">
         <h2>Results</h2>
         <iframe id="resultFrame" title="results" style="width: 100%; height: 85%; overflow: hidden; border: 0" onload="this.height=this.contentWindow.document.body.scrollHeight;" ></iframe>
     </div>