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

export const githubDarkDimmed: Theme = {
  id: "github-dark-dimmed",
  label: "GitHub Dark Dimmed",
  dark: true,
  base: {
    surface: "hsl(215, 15%, 16%)",
    surfaceHighlight: "hsl(215, 13%, 20%)",
    text: "hsl(212, 15%, 78%)",
    textSubtle: "hsl(212, 10%, 55%)",
    textSubtlest: "hsl(212, 8%, 42%)",
    primary: "hsl(212, 80%, 65%)",
    secondary: "hsl(212, 10%, 55%)",
    info: "hsl(212, 80%, 65%)",
    success: "hsl(140, 50%, 50%)",
    notice: "hsl(42, 75%, 55%)",
    warning: "hsl(27, 80%, 55%)",
    danger: "hsl(355, 70%, 55%)",
  },
  components: {
    dialog: {
      surface: "hsl(215, 15%, 13%)",
    },
    sidebar: {
      surface: "hsl(215, 14%, 14%)",
      border: "hsl(215, 12%, 19%)",
    },
    appHeader: {
      surface: "hsl(215, 15%, 12%)",
      border: "hsl(215, 12%, 17%)",
    },
    responsePane: {
      surface: "hsl(215, 14%, 14%)",
      border: "hsl(215, 12%, 19%)",
    },
    button: {
      primary: "hsl(212, 80%, 58%)",
      info: "hsl(212, 80%, 58%)",
      success: "hsl(140, 50%, 45%)",
      notice: "hsl(42, 75%, 48%)",
      warning: "hsl(27, 80%, 48%)",
      danger: "hsl(355, 70%, 48%)",
    },
  },
};