import { blue } from '@mui/material/colors';
import type { Palette } from './color.type';

export const PALETTE: Palette = {
  primary: {
    light: {
      main: blue.A400,
      contrastText: '#FFFFFF',
    },
    // TODO
    dark: {
      main: '#64b5f6',
      light: '#90caf9',
      dark: '#42a5f5',
      contrastText: 'rgba(0, 0, 0, 0.87)',
    },
  },
  secondary: {
    light: {
      main: '#FF5722',
      dark: '#E64A19',
      light: '#FF8A65',
      contrastText: '#FFFFFF',
    },
    // TODO
    dark: {
      main: '#ce93d8',
      light: '#f3e5f5',
      dark: '#ab47bc',
      contrastText: 'rgba(0, 0, 0, 0.87)',
    },
  },
  action: {
    light: {
      hover: '#00000004',
      selected: '#00000008',
      focus: '#00000012',
      disabled: '#00000038',
      disabledBackground: '#00000012',
    },
    // TODO
    dark: {
      hover: '#FFFFFF04',
      selected: '#FFFFFF08',
      focus: '#FFFFFF12',
      disabled: '#FFFFFF38',
      disabledBackground: '#FFFFFF12',
    },
  },
  error: {
    light: {
      main: '#E53935',
      dark: '#C62828',
      light: '#EF5350',
      contrastText: '#FFFFFF',
    },
    // TODO
    dark: {
      main: '#E53935',
      dark: '#C62828',
      light: '#EF5350',
      contrastText: '#FFFFFF',
    },
  },
  warning: {
    light: {
      main: '#EF6C00',
      dark: '#E65100',
      light: '#FF9800',
      contrastText: '#FFFFFF',
    },
    // TODO
    dark: {
      main: '#EF6C00',
      dark: '#E65100',
      light: '#FF9800',
      contrastText: '#FFFFFF',
    },
  },
  info: {
    light: {
      main: '#29B6F6',
      dark: '#0288D1',
      light: '#4FC3F7',
      contrastText: '#FFFFFF',
    },
    // TODO
    dark: {
      main: '#29B6F6',
      dark: '#0288D1',
      light: '#4FC3F7',
      contrastText: '#FFFFFF',
    },
  },
  success: {
    light: {
      main: '#43A047',
      dark: '#1B5E20',
      light: '#81C784',
      contrastText: '#FFFFFF',
    },
    // TODO
    dark: {
      main: '#43A047',
      dark: '#1B5E20',
      light: '#81C784',
      contrastText: '#FFFFFF',
    },
  },
  // Background colors
  background: {
    light: {
      default: '#FAFAFA',
    },
    dark: {
      default: '#121212',
    },
  },
  // Text colors
  text: {
    light: {
      primary: '#000000',
      secondary: '#424242',
      disabled: '#00000038',
    },
    // TODO
    dark: {
      primary: '#FFFFFF',
      secondary: '#424242',
      disabled: '#FFFFFF38',
    },
  },
};