import { DefaultTheme } from 'styled-components';

export const theme: DefaultTheme = {
  colors: {
    black: {
      main: '#000000',
      light: '',
    },
    white: {
      main: '#FFFFFF',
      light: '',
    },
    gray: {
      main: '#C2C9D1',
      light: '',
      dark: `linear-gradient(
        rgba(0, 0, 0, .3),
        rgba(0, 0, 0, .3)
      ),
      linear-gradient(
        #C2C9D1,
        #C2C9D1
      )`,
    },
    success: {
      main: '',
      light: '',
    },
    error: {
      main: '#F03738',
      light: '',
    },
    warning: {
      main: '',
      light: '',
    },
    client: {
      main: '#5F6CAD',
      light: `linear-gradient(
        rgba(255, 255, 255, .75),
        rgba(255, 255, 255, .75)
      ),
      linear-gradient(
        #5F6CAD,
        #5F6CAD
      )`,
      dark: `linear-gradient(
        rgba(0, 0, 0, .3),
        rgba(0, 0, 0, .3)
      ),
      linear-gradient(
        #5F6CAD,
        #5F6CAD
      )`,
    },
    productOwner: {
      main: '#20063B',
      light: `linear-gradient(
        rgba(255, 255, 255, .75),
        rgba(255, 255, 255, .75)
      ),
      linear-gradient(
        #20063B,
        #20063B
      )`,
      dark: `linear-gradient(
        rgba(0, 0, 0, .3),
        rgba(0, 0, 0, .3)
      ),
      linear-gradient(
        #20063B,
        #20063B
      )`,
    },
    developer: {
      main: '#ED7D3A',
      light: `linear-gradient(
        rgba(255, 255, 255, .75),
        rgba(255, 255, 255, .75)
      ),
      linear-gradient(
        #ED7D3A,
        #ED7D3A
      )`,
      dark: `linear-gradient(
        rgba(0, 0, 0, .3),
        rgba(0, 0, 0, .3)
      ),
      linear-gradient(
        #ED7D3A,
        #ED7D3A
      )`,
    },
    admin: {
      main: '#A30015',
      light: `linear-gradient(
        rgba(255, 255, 255, .75),
        rgba(255, 255, 255, .75)
      ),
      linear-gradient(
        #A30015,
        #A30015
      )`,
      dark: `linear-gradient(
        rgba(0, 0, 0, .3),
        rgba(0, 0, 0, .3)
      ),
      linear-gradient(
        #A30015,
        #A30015
      )`,
    },
  },
};