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

.apexcharts-legend-text {
    color: var(--text-color) !important;
}

.apexcharts-menu-icon svg {
    fill: var(--text-color) !important;
}

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

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

.apexcharts-title-text {
    fill: var(--text-color) !important;
}

.apexcharts-tooltip {
    background: var(--background-color) !important;
    color: var(--text-color) !important;
}
.apexcharts-tooltip-title{
    background: var(--background-box) !important;
    color: var(--text-color) !important;
}