import { MapMode } from "../types";

export type IHpaasTheme = {
  areaBorderColor: string;
  areaBorderSize: number;
  areaNameBgColor: string;
  roadBgColorMain: string;
  roadBgColorNormal: string;
};

const darkTheme: IHpaasTheme = {
  areaBorderColor: "#1CB297",
  areaBorderSize: 1,
  areaNameBgColor: "linear-gradient(184.17deg, rgba(81, 129, 255, 0.4) 2.91%, rgba(81, 129, 255, 0.32) 96.16%)",
  roadBgColorMain: "#AEACBE",
  roadBgColorNormal: "#858D97",
};
const normalTheme: IHpaasTheme = {
  areaBorderColor: "#FF8A00",
  areaBorderSize: 2,
  areaNameBgColor: "#FF8A00",
  roadBgColorMain: "#F6AD78",
  roadBgColorNormal: "#bbbbbb",
};
export const hpaasTheme = (mode?: MapMode): IHpaasTheme => {
  return mode == "dark" ? darkTheme : normalTheme;
};