How do i change the colors of this box

[aster2709]

I am not able to find out how to change the color options on this box. Here's my chart settings

const chartOptions = {
    chart: {
      toolbar: { show: false },
      foreColor: "#fff",
    },
    stroke: {
      curve: ["smooth", "smooth"],
      width: [3, 1],
    },
    colors: ["#6947f0", "#808080"],
    grid: { borderColor: "#2d3748" },
    series: [
      {
        name: "perp",
        // @ts-ignore
        data: trades.toReversed().map((t) => ({
          x: t.timestamp * 1000,
          y: +format(t.markPrice),
        })),
      },
      {
        name: "index",
        // @ts-ignore
        data: trades.toReversed().map((t) => ({
          x: t.timestamp * 1000,
          y: +format(+t.indexPrice),
        })),
      },
    ],
    xaxis: {
      type: "datetime",
      axisBorder: {
        color: "#2d3748",
      },
      axisTicks: {
        color: "#2d3748",
      },
    },
  }

help appreciated sers. Great library.

[superdev87]

Hi @aster2709.
I also think that ApexCharts is a great library. 🤙

For this issue, you can simply use css.
I hope this will help you.

.apexcharts-tooltip-title {
    background: #f2e272 !important;
}