import 'styled-components';

// and extend them!
declare module 'styled-components' {
  import { FlattenInterpolation } from 'styled-components';

  export interface DefaultTheme{
    colors: {
      white: string;
      black: string;
      darkGrey: string;
      grey2: string;
      grey: string;
      lightGrey: string;
      darkBlue: string;
      blue: string;
      lightBlueSecond: string;
      lightBlue: string;
      cyan: string;
      red: string;
      lightRed: string;
      orange: string;
      yellow: string;
      green: string;
      purple: string;
    };
    gradient: {
      blue: string;
      yellow: string;
    };
    shadow: string;
    fonts: {
      quicksandBold: FlattenInterpolation;
      quicksandRegular: FlattenInterpolation;
      ubuntuBold: FlattenInterpolation;
      ubuntuRegular: FlattenInterpolation;
      sizes: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
      };
    };
  }

  export interface QontoTheme {
    colors: {
      white: string;
      black: string;
      darkBlue: string;
      purple: string;
      lightPurple: string;
      darkPurple: string;
      easyblueBlue: string;
      lightGrey: string;
      greyGradient: string;
      grey: string;
    };
    shadow: string;
    fonts: {
      thin: FlattenInterpolation;
      light: FlattenInterpolation;
      medium: FlattenInterpolation;
      sizes: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
      };
    };
  }
}