yaak-mountain-loop/plugins/themes-yaak/src/themes/fleet.ts

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

export const fleetLight: Theme = {
  id: "fleet-light",
  label: "Fleet Light",
  dark: false,
  base: {
    surface: "#FFFFFF",
    surfaceHighlight: "#F8F8F9",
    surfaceActive: "#EEEFF0",
    border: "#18191B33",
    text: "#090909",
    textSubtle: "#6E747B",
    textSubtlest: "#898E94",
    primary: "#1D61BA",
    secondary: "#6E747B",
    info: "#4B8DEC",
    success: "#169068",
    notice: "#B07203",
    warning: "#B07203",
    danger: "#E1465E",
  },
  components: {
    sidebar: {
      surface: "#EEEFF0",
      border: "#18191B33",
    },
    appHeader: {
      surface: "#EEEFF0",
      border: "#18191B33",
    },
    responsePane: {
      surface: "#FFFFFF",
      border: "#18191B33",
    },
    dialog: {
      surface: "#FFFFFF",
      border: "#18191B33",
    },
    button: {
      surface: "#F8F8F9",
      text: "#090909",
      primary: "#2A7DEB",
      secondary: "#6E747B",
      info: "#4B8DEC",
      success: "#169068",
      notice: "#B07203",
      warning: "#B07203",
      danger: "#E1465E",
    },
    editor: {
      primary: "#5511BF",
      secondary: "#A31D8D",
      info: "#14646E",
      success: "#086E14",
      notice: "#616605",
      warning: "#747576",
      danger: "#1749BD",
    },
  },
};

export const fleetDarkPurple: Theme = {
  id: "fleet-dark-purple",
  label: "Fleet Dark Purple",
  dark: true,
  base: {
    surface: "#1C1827",
    surfaceHighlight: "#262136",
    surfaceActive: "#3E3852",
    border: "#3E3852",
    text: "#E0E1E4",
    textSubtle: "#E0E1E480",
    textSubtlest: "#E0E1E44D",
    primary: "#B174D9",
    secondary: "#E0E1E480",
    info: "#4B8DEC",
    success: "#169068",
    notice: "#B07203",
    warning: "#B07203",
    danger: "#E1465E",
  },
  components: {
    appHeader: {
      surface: "#13101B",
      border: "#3E3852",
    },
    responsePane: {
      surface: "#1C1827",
      border: "#3E3852",
    },
    dialog: {
      surface: "#262136",
      border: "#3E3852",
    },
    button: {
      surface: "#262136",
      text: "#E0E1E4",
      primary: "#A660D4",
      secondary: "#E0E1E480",
      info: "#4B8DEC",
      success: "#169068",
      notice: "#B07203",
      warning: "#B07203",
      danger: "#E1465E",
    },
    editor: {
      primary: "#C7A65D",
      secondary: "#93A6F5",
      info: "#E09B70",
      success: "#62A362",
      notice: "#85A658",
      warning: "#7e7d86",
      danger: "#4DACF0",
    },
  },
};

export const fleetDark: Theme = {
  id: "fleet-dark",
  label: "Fleet Dark",
  dark: true,
  base: {
    surface: "#18191B",
    surfaceHighlight: "#252629",
    surfaceActive: "#3E4147",
    border: "#3E4147",
    text: "#E0E1E4",
    textSubtle: "#898E94",
    textSubtlest: "#646B71",
    primary: "#4B8DEC",
    secondary: "#898E94",
    info: "#4B8DEC",
    success: "#169068",
    notice: "#B07203",
    warning: "#B07203",
    danger: "#E1465E",
  },
  components: {
    appHeader: {
      surface: "#090909",
      border: "#3E4147",
    },
    responsePane: {
      surface: "#18191B",
      border: "#3E4147",
    },
    dialog: {
      surface: "#252629",
      border: "#3E4147",
    },
    button: {
      surface: "#252629",
      text: "#E0E1E4",
      primary: "#2A7DEB",
      secondary: "#898E94",
      info: "#4B8DEC",
      success: "#169068",
      notice: "#B07203",
      warning: "#B07203",
      danger: "#E1465E",
    },
    editor: {
      primary: "#EBC88D",
      secondary: "#AF9CFF",
      info: "#82D2CE",
      success: "#A8C5A0",
      notice: "#C7A65D",
      warning: "#909194",
      danger: "#87C3FF",
    },
  },
};