Greenpeace Standard UI Theme for Custom Web Applications

Used mainly for styled components

interface ITheme {
  borderRadiusBase: string;
  color: {
    primary: {
      normal: string;
      light: string;
      dark: string;
    };
    secondary: {
      normal: string;
      light: string;
      dark: string;
    };
    tertiary: {
      normal: string;
      light: string;
      dark: string;
    };
    success: {
      normal: string;
      light: string;
      dark: string;
    };
    warning: {
      normal: string;
      light: string;
      dark: string;
    };
    error: {
      normal: string;
      light: string;
      dark: string;
    };
  };
  heading: {
    color: {
      primary: {
        normal: string;
        light: string;
        dark: string;
      };
      secondary: {
        normal: string;
        light: string;
        dark: string;
      };
    }
  };
  text: {
    color: {
      primary: {
        normal: string;
        light: string;
        dark: string;
      };
      secondary: {
        normal: string;
        light: string;
        dark: string;
      };
    }
  };
  font: {
    size: {
      default: string;
      h1: string;
      h2: string;
      p: string;
      span: string;
      button: string;
    };
    family: {
      primary: {
        book: string;
        normal: string;
        bold: string;
      };
    };
  };
  responsive: {
    desktop: {
      minWidth: string;
    };
    tablet: {
      minWidth: string;
      maxWidth: string;
    };
    mobile: {
      minWidth: string;
      maxWidth: string;
    };
  };
}