diff --git a/help.php b/help.php
index 8ff29b9b..e69ca500 100644
--- a/help.php
+++ b/help.php
@@ -24,7 +24,7 @@
     <h4>Top left: Status display</h4>
     <p>Shows different status messages:</p>
     <ul>
-        <li>Status: Current status of the Pi-hole - Active (<i class="fa fa-circle" style="color:#7FFF00"></i>), Offline (<i class="fa fa-circle" style="color:#FF0000"></i>), or Starting (<i class="fa fa-circle" style="color:#ff9900"></i>)</li>
+        <li>Status: Current status of the Pi-hole - Active (<i class="fa fa-circle" style="color:#7fff00"></i>), Offline (<i class="fa fa-circle" style="color:#ff0000"></i>), or Starting (<i class="fa fa-circle" style="color:#ff9900"></i>)</li>
         <li>Temp: Current CPU temperature</li>
         <li>Load: load averages for the last minute, 5 minutes and 15 minutes, respectively. A load average of 1 reflects the full workload of a single processor on the system. We show a red icon if the current load exceeds the number of available processors on this machine (which is <?php echo $nproc; ?>)</li>
         <li>Memory usage: Shows the percentage of memory actually blocked by applications. We show a red icon if the memory usage exceeds 75%</li>
diff --git a/network.php b/network.php
index e92f0ef6..ff856bc9 100644
--- a/network.php
+++ b/network.php
@@ -53,11 +53,11 @@ $token = $_SESSION['token'];
             <label>Background color: Last query from this device seen ...</label>
         <table width="100%">
           <tr style="text-align: center;">
-            <td style="background: #E7FFDE;" width="15%">just now</td>
-            <td style="background-image: linear-gradient(to right, #E7FFDE 0%, #FFFFDF 100%)" width="30%"><center>... to ...</center></td>
-            <td style="background: #FFFFDF;" width="15%">24 hours ago</td>
-            <td style="background: #FFEDD9;" width="20%">&gt; 24 hours ago</td>
-            <td style="background: #FFBFAA;" width="20%">Device does not use Pi-hole</td>
+            <td style="background: #e7ffde;" width="15%">just now</td>
+            <td style="background-image: linear-gradient(to right, #e7ffde 0%, #ffffdf 100%)" width="30%"><center>... to ...</center></td>
+            <td style="background: #ffffdf;" width="15%">24 hours ago</td>
+            <td style="background: #ffedd9;" width="20%">&gt; 24 hours ago</td>
+            <td style="background: #ffbfaa;" width="20%">Device does not use Pi-hole</td>
           </tr>
         </table>
         </div>
diff --git a/scripts/pi-hole/js/footer.js b/scripts/pi-hole/js/footer.js
index 155efa29..1e166d15 100644
--- a/scripts/pi-hole/js/footer.js
+++ b/scripts/pi-hole/js/footer.js
@@ -23,14 +23,14 @@ function piholeChanged(action)
 
     switch(action) {
         case "enabled":
-            status.html("<i class='fa fa-circle' style='color:#7FFF00'></i> Active");
+            status.html("<i class='fa fa-circle' style='color:#7fff00'></i> Active");
             ena.hide();
             dis.show();
             dis.removeClass("active");
             break;
 
         case "disabled":
-            status.html("<i class='fa fa-circle' style='color:#FF0000'></i> Offline");
+            status.html("<i class='fa fa-circle' style='color:#ff0000'></i> Offline");
             ena.show();
             dis.hide();
             break;
diff --git a/scripts/pi-hole/js/index.js b/scripts/pi-hole/js/index.js
index c879e115..9ed318ac 100644
--- a/scripts/pi-hole/js/index.js
+++ b/scripts/pi-hole/js/index.js
@@ -633,7 +633,7 @@ function updateSummaryData(runOnce) {
             data["ads_percentage_today"] = "to";
             data["domains_being_blocked"] = "API";
             // Adjust text
-            $("#temperature").html("<i class=\"fa fa-circle\" style=\"color:#FF0000\"></i> FTL offline");
+            $("#temperature").html("<i class=\"fa fa-circle\" style=\"color:#ff0000\"></i> FTL offline");
             // Show spinner
             $("#queries-over-time .overlay").show();
             $("#forward-destinations-pie .overlay").show();
diff --git a/scripts/pi-hole/js/network.js b/scripts/pi-hole/js/network.js
index 52aa2ec0..d1b05c5d 100644
--- a/scripts/pi-hole/js/network.js
+++ b/scripts/pi-hole/js/network.js
@@ -86,14 +86,14 @@ $(document).ready(function() {
                  {
                      // Last query was longer than 24 hours ago
                      // Color: light-orange
-                     color = "#FFEDD9";
+                     color = "#ffedd9";
                      mark = "<strong>?</strong>";
                  }
              }
              else
              {
                  // This client has never sent a query to Pi-hole, color light-red
-                 color = "#FFBFAA";
+                 color = "#ffbfaa";
                  mark = "&#x2718;";
              }
              // Set determined background color
diff --git a/scripts/pi-hole/php/header.php b/scripts/pi-hole/php/header.php
index 292bda91..ff121571 100644
--- a/scripts/pi-hole/php/header.php
+++ b/scripts/pi-hole/php/header.php
@@ -235,7 +235,7 @@
  </noscript>
 <?php
 if($auth) {
-    echo "<div id='token' hidden>$token</div>";
+    echo "<div id=\"token\" hidden>$token</div>";
 }
 ?>
 
@@ -334,11 +334,11 @@ if($auth) {
                         <?php
                         $pistatus = exec('sudo pihole status web');
                         if ($pistatus == "1") {
-                            echo '<a id="status"><i class="fa fa-circle" style="color:#7FFF00"></i> Active</a>';
+                            echo '<a id="status"><i class="fa fa-circle" style="color:#7fff00"></i> Active</a>';
                         } elseif ($pistatus == "0") {
-                            echo '<a id="status"><i class="fa fa-circle" style="color:#FF0000"></i> Offline</a>';
+                            echo '<a id="status"><i class="fa fa-circle" style="color:#ff0000"></i> Offline</a>';
                         } elseif ($pistatus == "-1") {
-                            echo '<a id="status"><i class="fa fa-circle" style="color:#FF0000"></i> DNS service not running</a>';
+                            echo '<a id="status"><i class="fa fa-circle" style="color:#ff0000"></i> DNS service not running</a>';
                         } else {
                             echo '<a id="status"><i class="fa fa-circle" style="color:#ff9900"></i> Unknown</a>';
                         }
@@ -349,11 +349,11 @@ if($auth) {
                             if ($celsius >= -273.15) {
                                 echo "<a id=\"temperature\"><i class=\"fa fa-fire\" style=\"color:";
                                 if ($celsius > $temperaturelimit) {
-                                    echo "#FF0000";
+                                    echo "#ff0000";
                                 }
                                 else
                                 {
-                                    echo "#3366FF";
+                                    echo "#3366ff";
                                 }
                                 echo "\"></i> Temp:&nbsp;";
                                 if($temperatureunit === "F")
@@ -373,18 +373,18 @@ if($auth) {
                         }
                         else
                         {
-                            echo '<a id=\"temperature\"><i class="fa fa-circle" style="color:#FF0000"></i> FTL offline</a>';
+                            echo '<a id=\"temperature\"><i class="fa fa-circle" style="color:#ff0000"></i> FTL offline</a>';
                         }
                     ?>
                     <br/>
                     <?php
                     echo "<a title=\"Detected $nproc cores\"><i class=\"fa fa-circle\" style=\"color:";
                         if ($loaddata[0] > $nproc) {
-                            echo "#FF0000";
+                            echo "#ff0000";
                         }
                         else
                         {
-                            echo "#7FFF00";
+                            echo "#7fff00";
                         }
                         echo "\"></i> Load:&nbsp;&nbsp;" . $loaddata[0] . "&nbsp;&nbsp;" . $loaddata[1] . "&nbsp;&nbsp;". $loaddata[2] . "</a>";
                     ?>
@@ -392,11 +392,11 @@ if($auth) {
                     <?php
                     echo "<a><i class=\"fa fa-circle\" style=\"color:";
                         if ($memory_usage > 0.75 || $memory_usage < 0.0) {
-                            echo "#FF0000";
+                            echo "#ff0000";
                         }
                         else
                         {
-                            echo "#7FFF00";
+                            echo "#7fff00";
                         }
                         if($memory_usage > 0.0)
                         {
diff --git a/scripts/pi-hole/php/loginpage.php b/scripts/pi-hole/php/loginpage.php
index 4b0107e3..c8f6bdc6 100644
--- a/scripts/pi-hole/php/loginpage.php
+++ b/scripts/pi-hole/php/loginpage.php
@@ -13,7 +13,7 @@
 
         <div class="panel-title text-center"><span class="logo-lg" style="font-size: 25px;">Pi-<b>hole</b></span></div>
       <p class="login-box-msg">Sign in to start your session</p>
-      <div id="cookieInfo" class="panel-title text-center" style="color:#F00; font-size: 150%" hidden>Verify that cookies are allowed for <code><?php echo $_SERVER['HTTP_HOST']; ?></code></div>
+      <div id="cookieInfo" class="panel-title text-center" style="color:#f00; font-size: 150%" hidden>Verify that cookies are allowed for <code><?php echo $_SERVER['HTTP_HOST']; ?></code></div>
       <?php if ($wrongpassword) { ?>
         <div class="form-group has-error login-box-msg">
           <label class="control-label"><i class="fa fa-times-circle"></i> Wrong password!</label>
diff --git a/settings.php b/settings.php
index 7899caf7..44d690d3 100644
--- a/settings.php
+++ b/settings.php
@@ -26,7 +26,7 @@ if($last_error["type"] === E_WARNING || $last_error["type"] === E_ERROR)
 }
 
 ?>
-<style type="text/css">
+<style>
 	.tooltip-inner {
 		max-width: none;
 		white-space: nowrap;