From ec726febf22c65f9bde4a70fe7c2298d3b6c20a9 Mon Sep 17 00:00:00 2001 From: Andrew Kingston Date: Wed, 23 Mar 2022 14:21:23 +0000 Subject: [PATCH] Update apex chart tooltips to work in dark themes --- .../client/src/components/app/charts/ApexChart.svelte | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/packages/client/src/components/app/charts/ApexChart.svelte b/packages/client/src/components/app/charts/ApexChart.svelte index f3d745f4ba..eecf82d2ea 100644 --- a/packages/client/src/components/app/charts/ApexChart.svelte +++ b/packages/client/src/components/app/charts/ApexChart.svelte @@ -36,4 +36,13 @@ div :global(.apexcharts-datalabel) { fill: var(--spectrum-global-color-gray-800); } + div :global(.apexcharts-tooltip) { + background-color: var(--spectrum-global-color-gray-200) !important; + border-color: var(--spectrum-global-color-gray-300) !important; + box-shadow: 2px 2px 6px -4px rgba(0, 0, 0, 0.1) !important; + } + div :global(.apexcharts-tooltip-title) { + background-color: var(--spectrum-global-color-gray-100) !important; + border-color: var(--spectrum-global-color-gray-300) !important; + }