import type { Theme } from "@yaakapp/api";

export const shadesOfPurple: Theme = {
  id: "shades-of-purple",
  label: "Shades of Purple",
  dark: true,
  base: {
    surface: "#2D2B55",
    surfaceHighlight: "#1F1F41",
    text: "#FFFFFF",
    textSubtle: "#A599E9",
    textSubtlest: "#7E72C4",
    primary: "#FAD000",
    secondary: "#A599E9",
    info: "#80FFBB",
    success: "#3AD900",
    notice: "#FAD000",
    warning: "#FF9D00",
    danger: "#EC3A37F5",
  },
  components: {
    dialog: {
      surface: "#1E1E3F",
    },
    sidebar: {
      surface: "#222244",
      border: "#1E1E3F",
    },
    input: {
      border: "#7E72C4",
    },
    appHeader: {
      surface: "#1E1E3F",
      border: "#1E1E3F",
    },
    responsePane: {
      surface: "hsl(240,33%,20%)",
      border: "hsl(240,33%,20%)",
    },
    button: {
      primary: "#FAD000",
      secondary: "#A599E9",
      info: "#80FFBB",
      success: "#3AD900",
      notice: "#FAD000",
      warning: "#FF9D00",
      danger: "#EC3A37F5",
    },
  },
};

export const shadesOfPurpleSuperDark: Theme = {
  id: "shades-of-purple-super-dark",
  label: "Shades of Purple (Super Dark)",
  dark: true,
  base: {
    surface: "#191830",
    surfaceHighlight: "#1F1E3A",
    text: "#FFFFFF",
    textSubtle: "#A599E9",
    textSubtlest: "#7E72C4",
    primary: "#FAD000",
    secondary: "#A599E9",
    info: "#80FFBB",
    success: "#3AD900",
    notice: "#FAD000",
    warning: "#FF9D00",
    danger: "#EC3A37F5",
  },
  components: {
    dialog: {
      surface: "#15152b",
    },
    input: {
      border: "#2D2B55",
    },
    sidebar: {
      surface: "#131327",
      border: "#131327",
    },
    appHeader: {
      surface: "#15152a",
      border: "#15152a",
    },
    responsePane: {
      surface: "#131327",
      border: "#131327",
    },
    button: {
      primary: "#FAD000",
      secondary: "#A599E9",
      info: "#80FFBB",
      success: "#3AD900",
      notice: "#FAD000",
      warning: "#FF9D00",
      danger: "#EC3A37F5",
    },
  },
};