diff --git a/data/internal_config/fhdhr.json b/data/internal_config/fhdhr.json
index 27446e3..c621b07 100644
--- a/data/internal_config/fhdhr.json
+++ b/data/internal_config/fhdhr.json
@@ -68,6 +68,13 @@
                     "config_web": true
                 }
   },
+  "web_ui":{
+            "theme":{
+                      "value": "none",
+                      "config_file": true,
+                      "config_web": true
+                  }
+  },
   "epg":{
           "images":{
                     "value": "pass",
diff --git a/data/www/style.css b/data/www/style.css
index ae8e1e1..bba3e9f 100644
--- a/data/www/style.css
+++ b/data/www/style.css
@@ -1,6 +1,6 @@
 .pull-right { float: right; }
 
-.pull-lef { float: left; }
+.pull-left { float: left; }
 
 .center {
   margin-left: auto;
diff --git a/data/www/templates/base.html b/data/www/templates/base.html
index 5d812fc..5e2c087 100644
--- a/data/www/templates/base.html
+++ b/data/www/templates/base.html
@@ -6,6 +6,9 @@
       table, th, td {border: 1px solid black;}
     </style>
     <link href="style.css" rel="stylesheet">
+    {% if fhdhr.config.dict["web_ui"]["theme"] %}
+      <link href={{ fhdhr.config.dict["web_ui"]["theme"] }} rel="stylesheet">
+    {% endif %}
   </head>
     <body>
       <h1 style="text-align: center;">
@@ -14,6 +17,7 @@
         <img class="pull-left" src="/favicon.ico" alt="fHDHR Logo" width="100" height="100">
       </h1>
       <br><br>
+      <p></p>
       <div>
 
       <button class="pull-left" onclick="OpenLink('/')">fHDHR</a></button>
