export const CHARTS_THEME = {
  background: "transparent",
  text: {
    color: "rgb(var(--color-text-200))",
  },
  axis: {
    domain: {
      line: {
        stroke: "rgb(var(--color-background-80))",
        strokeWidth: 0.5,
      },
    },
  },
  tooltip: {
    container: {
      background: "rgb(var(--color-background-80))",
      color: "rgb(var(--color-text-200))",
      fontSize: "0.8rem",
      border: "1px solid rgb(var(--color-border-300))",
    },
  },
  grid: {
    line: {
      stroke: "rgb(var(--color-border-100))",
    },
  },
};

export const CHART_DEFAULT_MARGIN = {
  top: 50,
  right: 50,
  bottom: 50,
  left: 50,
};
