From a08a85994ef0aa857638fa9ef5eb6b3d7446db25 Mon Sep 17 00:00:00 2001 From: DL6ER Date: Wed, 29 Apr 2020 01:43:07 +0200 Subject: [PATCH] Initial (incomplete) support for themes. Currently, the default is the new Pi-hole dark theme. Signed-off-by: DL6ER --- img/boxed-bg-dark.jpg | Bin 0 -> 19918 bytes index.php | 4 + scripts/pi-hole/js/index.js | 46 +++- scripts/pi-hole/php/header.php | 10 +- style/pi-hole.css | 17 +- style/themes/default-dark.css | 380 +++++++++++++++++++++++++++++++++ style/themes/default-light.css | 173 +++++++++++++++ style/vendor/skin-blue.min.css | 1 - 8 files changed, 605 insertions(+), 26 deletions(-) create mode 100644 img/boxed-bg-dark.jpg create mode 100644 style/themes/default-dark.css create mode 100644 style/themes/default-light.css delete mode 100644 style/vendor/skin-blue.min.css diff --git a/img/boxed-bg-dark.jpg b/img/boxed-bg-dark.jpg new file mode 100644 index 0000000000000000000000000000000000000000..30b3d9e10633a8d62ca14d843423277fbf74dd3f GIT binary patch literal 19918 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 JrFvoT{{gL@Advt7 literal 0 HcmV?d00001 diff --git a/index.php b/index.php index 78c1a464..cb57225e 100644 --- a/index.php +++ b/index.php @@ -82,6 +82,10 @@
+ + + +

Total queries over last hours

diff --git a/scripts/pi-hole/js/index.js b/scripts/pi-hole/js/index.js index 8eb6dc85..a9748161 100644 --- a/scripts/pi-hole/js/index.js +++ b/scripts/pi-hole/js/index.js @@ -689,7 +689,7 @@ function updateTopLists() { percentage.toFixed(1) + "% of " + data.dns_queries_today + - '">
' ); @@ -722,7 +722,7 @@ function updateTopLists() { percentage.toFixed(1) + "% of " + data.ads_blocked_today + - '">
' ); @@ -824,8 +824,10 @@ $(document).ready(function () { // Pull in data via AJAX updateSummaryData(); - var blockedColor = "#999"; - var permittedColor = "#00a65a"; + var blockedColor = $(".queries-blocked").css("background-color"); + var permittedColor = $(".queries-permitted").css("background-color"); + var gridColor = $(".graphs-grid").css("background-color"); + var ticksColor = $(".graphs-ticks").css("color"); var ctx = document.getElementById("queryOverTimeChart").getContext("2d"); timeLineChart = new Chart(ctx, { @@ -912,6 +914,12 @@ $(document).ready(function () { hour: "HH:mm" }, tooltipFormat: "HH:mm" + }, + gridLines: { + color: gridColor + }, + ticks: { + fontColor: ticksColor } } ], @@ -920,6 +928,12 @@ $(document).ready(function () { stacked: true, ticks: { beginAtZero: true + }, + gridLines: { + color: gridColor + }, + ticks: { + fontColor: ticksColor } } ] @@ -980,6 +994,12 @@ $(document).ready(function () { hour: "HH:mm" }, tooltipFormat: "HH:mm" + }, + gridLines: { + color: gridColor + }, + ticks: { + fontColor: ticksColor } } ], @@ -988,7 +1008,13 @@ $(document).ready(function () { ticks: { beginAtZero: true }, - stacked: true + stacked: true, + gridLines: { + color: gridColor + }, + ticks: { + fontColor: ticksColor + } } ] }, @@ -1040,6 +1066,11 @@ $(document).ready(function () { datasets: [{ data: [] }] }, options: { + elements: { + arc: { + borderColor: $(".box").css("background-color") + } + }, legend: { display: false }, @@ -1077,6 +1108,11 @@ $(document).ready(function () { datasets: [{ data: [] }] }, options: { + elements: { + arc: { + borderColor: $(".box").css("background-color") + } + }, legend: { display: false }, diff --git a/scripts/pi-hole/php/header.php b/scripts/pi-hole/php/header.php index e54f99d0..0b5fead5 100644 --- a/scripts/pi-hole/php/header.php +++ b/scripts/pi-hole/php/header.php @@ -11,6 +11,9 @@ require_once "scripts/pi-hole/php/FTL.php"; $scriptname = basename($_SERVER['SCRIPT_FILENAME']); + //$theme = "default-light"; + $theme = "default-dark"; + check_cors(); // Generate CSRF token @@ -202,12 +205,11 @@ - - - + + @@ -226,7 +228,7 @@ - +