From 2f3f4e6056a1fa483f7acba8ca8c4c94c0868279 Mon Sep 17 00:00:00 2001
From: Kenneth Chew <kenneth.c0@protonmail.com>
Date: Sat, 19 Jun 2021 00:12:11 -0400
Subject: [PATCH] Adapt `theme-color` and `background-color` for different
 themes

Signed-off-by: Kenneth Chew <kenneth.c0@protonmail.com>
---
 scripts/pi-hole/php/header.php | 6 ++++++
 style/themes/default-dark.css  | 1 +
 2 files changed, 7 insertions(+)

diff --git a/scripts/pi-hole/php/header.php b/scripts/pi-hole/php/header.php
index 9e04a38b..2aa067bb 100644
--- a/scripts/pi-hole/php/header.php
+++ b/scripts/pi-hole/php/header.php
@@ -181,7 +181,13 @@
     <link rel="shortcut icon" href="img/favicons/favicon.ico">
     <meta name="msapplication-TileColor" content="#367fa9">
     <meta name="msapplication-TileImage" content="img/favicons/mstile-150x150.png">
+<?php if ($theme == "default-light") { ?>
     <meta name="theme-color" content="#367fa9">
+<?php } elseif ($theme == "default-dark") { ?>
+    <meta name="theme-color" content="#272c30">
+<?php } elseif ($theme == "default-darker") { ?>
+    <meta name="theme-color" content="#2e6786">
+<?php } ?>
 
 <?php if ($darkmode) { ?>
     <style>
diff --git a/style/themes/default-dark.css b/style/themes/default-dark.css
index 7d7243b9..b51c13d1 100644
--- a/style/themes/default-dark.css
+++ b/style/themes/default-dark.css
@@ -9,6 +9,7 @@
 *  https://github.com/anvyst/adminlte-skin-midnight */
 
 body {
+  background-color: #353c42;
   color: #bec5cb;
 }
 h4 {