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

export const moonlight: Theme = {
  id: "moonlight",
  label: "Moonlight",
  dark: true,
  base: {
    surface: "hsl(234,23%,17%)",
    text: "hsl(225,71%,90%)",
    textSubtle: "hsl(230,28%,62%)",
    textSubtlest: "hsl(232,26%,43%)",
    primary: "hsl(262,100%,82%)",
    secondary: "hsl(232,18%,65%)",
    info: "hsl(217,100%,74%)",
    success: "hsl(174,66%,54%)",
    notice: "hsl(35,100%,73%)",
    warning: "hsl(17,100%,71%)",
    danger: "hsl(356,100%,73%)",
  },
  components: {
    appHeader: {
      surface: "hsl(233,23%,15%)",
    },
    sidebar: {
      surface: "hsl(233,23%,15%)",
    },
  },
};