path.apexcharts-pie-area {
    stroke: var(--background) !important;
}

.apexcharts-menu,
.apexcharts-tooltip,
.apexcharts-tooltip-title,
.apexcharts-tooltip-series-group {
    background: var(--background) !important;
}

.apexcharts-menu-item:hover {
    background: var(--background-hover) !important;
}

.apexcharts-menu-item,
.apexcharts-tooltip-text,
.apexcharts-legend-text {
    color: var(--color) !important;
}

g.apexcharts-datalabels rect {
    fill: var(--background) !important;
    stroke: var(--color) !important;
}

text.apexcharts-yaxis-annotation-label {
    fill: var(--color) !important;
}

g.apexcharts-yaxis-annotations > rect {
    fill: var(--background) !important;
}

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
    border-bottom: 1px solid var(--color) !important;
    color: var(--color) !important;
}