color-schema.js

const colorSchema = {
  background: {
    100: '#3D3D50',
    200: '#323242',
    300: '#292936',
    400: '#1D1E27',
    500: '#191A21',
    default: '#1D1E27',
  },
  foreground: '#D1D2E8',
  border: ['#3F3F52', '#6464a0'],
  comment: '#8282A9',
  disabled: '#7B7B9F',
  dark: {
    default: '#1A1B21',
    bright: '#8282A9',
  },
  red: {
    default: '#E66D75',
    bright: '#F17C88',
  },
  green: {
    default: '#93C591',
    bright: '#A1D79F',
  },
  yellow: {
    default: '#D9B469',
    bright: '#E8C87E',
  },
  blue: {
    default: '#5A9BCF',
    bright: '#6EB4E0',
  },
  magenta: {
    default: '#BB83D8',
    bright: '#C993E9',
  },
  purple: {
    default: '#8483D8',
    bright: '#9291DC',
  },
  cyan: {
    default: '#4FA8B8',
    bright: '#68C7D6',
  },
  gray: {
    default: '#9B9BBA',
    bright: '#E1E2ED',
  },
};