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

export const triangle: Theme = {
  id: 'triangle',
  dark: true,
  label: 'Triangle',
  base: {
    surface: 'rgb(0,0,0)',
    surfaceHighlight: 'rgb(21,21,21)',
    surfaceActive: 'rgb(31,31,31)',
    text: 'rgb(237,237,237)',
    textSubtle: 'rgb(161,161,161)',
    textSubtlest: 'rgb(115,115,115)',
    border: 'rgb(31,31,31)',
    primary: 'rgb(196,114,251)',
    secondary: 'rgb(161,161,161)',
    info: 'rgb(71,168,255)',
    success: 'rgb(0,202,81)',
    notice: 'rgb(255,175,0)',
    warning: '#FF4C8D',
    danger: '#fd495a',
  },
  components: {
    editor: {
      danger: '#FF4C8D',
      warning: '#fd495a',
    },
    dialog: {
      surface: 'rgb(10,10,10)',
      border: 'rgb(31,31,31)',
    },
    sidebar: {
      border: 'rgb(31,31,31)',
    },
    responsePane: {
      surface: 'rgb(10,10,10)',
      border: 'rgb(31,31,31)',
    },
    appHeader: {
      surface: 'rgb(10,10,10)',
      border: 'rgb(31,31,31)',
    },
  },
};