crimson-quirks-ui/src/styled.d.ts

import 'styled-components';

declare module 'styled-components' {
  export interface DefaultTheme {
    colors: {
      [color: string]: {
        main: string;
        light: string;
        dark: string;
      };
      black: {
        main: string;
        light: string;
        dark: string;
      };
      white: {
        main: string;
        light: string;
        dark: string;
      };
      gray: {
        main: string;
        light: string;
        dark: string;
      };
      success: {
        main: string;
        light: string;
        dark: string;
      };
      error: {
        main: string;
        light: string;
        dark: string;
      };
      warning: {
        main: string;
        light: string;
        dark: string;
      };
      client: {
        main: string;
        light: string;
        dark: string;
      };
      productOwner: {
        main: string;
        light: string;
        dark: string;
      };
      developer: {
        main: string;
        light: string;
        dark: string;
      };
      admin: {
        main: string;
        light: string;
        dark: string;
      };
    };
  }
}