diff --git a/packages/standard-components/src/charts/ApexChart.svelte b/packages/standard-components/src/charts/ApexChart.svelte index 4782ecb861..173bfd8c62 100644 --- a/packages/standard-components/src/charts/ApexChart.svelte +++ b/packages/standard-components/src/charts/ApexChart.svelte @@ -23,6 +23,16 @@ text-transform: capitalize; } div :global(.apexcharts-yaxis-label, .apexcharts-xaxis-label) { - fill: #aaa; + fill: var(--spectrum-global-color-gray-600); + } + + div :global(.apexcharts-gridline) { + stroke: var(--spectrum-global-color-gray-600); + } + div :global(.apexcharts-legend-text) { + color: var(--spectrum-global-color-gray-700) !important; + } + div :global(.apexcharts-datalabel) { + fill: var(--spectrum-global-color-gray-800); }