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',
    },
  },
};
