From 2dce9440e321e1ff82eed2a346ad8cf1f3eb67ce Mon Sep 17 00:00:00 2001
From: Jay Cammarano <67079013+jaycammarano@users.noreply.github.com>
Date: Wed, 30 Mar 2022 16:32:36 -0400
Subject: [PATCH] Updated styling on Time Series tooltips to accommodate dark
 theme. (#12485)

* Updated styling to accomidate dark theme.

* separator line in the code.

* better borders
---
 app/src/panels/time-series/time-series.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/src/panels/time-series/time-series.vue b/app/src/panels/time-series/time-series.vue
index 967ae83c6c..b1250f68f6 100644
--- a/app/src/panels/time-series/time-series.vue
+++ b/app/src/panels/time-series/time-series.vue
@@ -406,12 +406,17 @@ export default defineComponent({
 </style>
 
 <style>
+.apexcharts-tooltip.apexcharts-theme-light {
+	border-color: var(--border-normal) !important;
+}
+
 .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
+	border-color: var(--border-normal) !important;
 	margin-bottom: 0;
 	padding: 0 4px;
 	font-weight: 600 !important;
 	font-size: 10px !important;
-	background-color: var(--background-subdued);
+	background-color: var(--background-subdued) !important;
 }
 
 .apexcharts-tooltip-y-group {
@@ -421,6 +426,7 @@ export default defineComponent({
 }
 
 .apexcharts-tooltip-series-group {
+	background-color: var(--background-normal) !important;
 	padding: 0;
 }