From 3d2a6f8fa984d5380426f3b09fb02bbb3e930f57 Mon Sep 17 00:00:00 2001
From: rdwebdesign <github@rdwebdesign.com.br>
Date: Thu, 2 Dec 2021 04:22:49 -0300
Subject: [PATCH] Applying the same CSS colors used on the dashboard to
 db_grahps.php

Signed-off-by: rdwebdesign <github@rdwebdesign.com.br>
---
 db_graph.php                   | 2 ++
 scripts/pi-hole/js/db_graph.js | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/db_graph.php b/db_graph.php
index cdcd53c13..11478c2f7 100644
--- a/db_graph.php
+++ b/db_graph.php
@@ -8,6 +8,8 @@
     require "scripts/pi-hole/php/header.php";
 ?>
 <!-- Sourceing CSS colors from stylesheet to be used in JS code -->
+<span class="queries-permitted"></span>
+<span class="queries-blocked"></span>
 <span class="graphs-grid"></span>
 <span class="graphs-ticks"></span>
 
diff --git a/scripts/pi-hole/js/db_graph.js b/scripts/pi-hole/js/db_graph.js
index 09d078d7c..196764178 100644
--- a/scripts/pi-hole/js/db_graph.js
+++ b/scripts/pi-hole/js/db_graph.js
@@ -158,8 +158,8 @@ function updateQueriesOverTime() {
 
 $(function () {
   var ctx = document.getElementById("queryOverTimeChart").getContext("2d");
-  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");