Function useAppTheme

Returns {
    borderRadii: {
        lg: number;
        md: number;
        sm: number;
        xl: number;
        xs: number;
        xxl: number;
    };
    colors: {
        accentButtonColor: string;
        accentButtonTextColor: string;
        background: string;
        backgroundHighlight: string;
        backgroundInverted: string;
        black: string;
        border: string;
        buttonBackgroundColor: string;
        buttonBorderColor: string;
        buttonTextColor: string;
        error: string;
        iconHighlight: string;
        iconPrimary: string;
        iconSecondary: string;
        labelBackground: string;
        linkPrimary: string;
        red: string;
        textPrimary: string;
        textSecondary: string;
        transparent: string;
        warning: string;
        white: string;
    };
    spacing: {
        lg: number;
        md: number;
        none: number;
        sm: number;
        xl: number;
        xmd: number;
        xs: number;
        xxl: number;
        xxs: number;
    };
    textVariants: {
        bodyLarge: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            lineHeight: number;
            textAlign: string;
        };
        bodyLargeBold: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            lineHeight: number;
            textAlign: string;
        };
        bodySmall: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            lineHeight: number;
            textAlign: string;
        };
        bodySmallBold: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            lineHeight: number;
            textAlign: string;
        };
        bodySmallSecondary: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            lineHeight: number;
            textAlign: string;
        };
        defaults: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            lineHeight: number;
        };
        error: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            lineHeight: number;
            textAlign: string;
        };
        header: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            lineHeight: number;
        };
        headerBold: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            lineHeight: number;
        };
        link: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            letterSpacing: number;
            lineHeight: number;
        };
        subHeader: {
            color: string;
            fontFamily: undefined | string;
            fontSize: number;
            fontWeight: string;
            lineHeight: number;
        };
    };
}

• borderRadii: {
      lg: number;
      md: number;
      sm: number;
      xl: number;
      xs: number;
      xxl: number;
  }

  • lg: number

  • md: number

  • sm: number

  • xl: number

  • xs: number

  • xxl: number

• colors: {
      accentButtonColor: string;
      accentButtonTextColor: string;
      background: string;
      backgroundHighlight: string;
      backgroundInverted: string;
      black: string;
      border: string;
      buttonBackgroundColor: string;
      buttonBorderColor: string;
      buttonTextColor: string;
      error: string;
      iconHighlight: string;
      iconPrimary: string;
      iconSecondary: string;
      labelBackground: string;
      linkPrimary: string;
      red: string;
      textPrimary: string;
      textSecondary: string;
      transparent: string;
      warning: string;
      white: string;
  }

  • accentButtonColor: string

  • accentButtonTextColor: string

  • background: string

  • backgroundHighlight: string

  • backgroundInverted: string

  • black: string

  • border: string

  • buttonBackgroundColor: string

  • buttonBorderColor: string

  • buttonTextColor: string

  • error: string

  • iconHighlight: string

  • iconPrimary: string

  • iconSecondary: string

  • labelBackground: string

  • linkPrimary: string

  • red: string

  • textPrimary: string

  • textSecondary: string

  • transparent: string

  • warning: string

  • white: string

• spacing: {
      lg: number;
      md: number;
      none: number;
      sm: number;
      xl: number;
      xmd: number;
      xs: number;
      xxl: number;
      xxs: number;
  }

  • lg: number

  • md: number

  • none: number

  • sm: number

  • xl: number

  • xmd: number

  • xs: number

  • xxl: number

  • xxs: number

• textVariants: {
      bodyLarge: {
          color: string;
          fontFamily: undefined | string;
          fontSize: number;
          fontWeight: string;
          lineHeight: number;
          textAlign: string;
      };
      bodyLargeBold: {
          color: string;
          fontFamily: undefined | string;
          fontSize: number;
          fontWeight: string;
          lineHeight: number;
          textAlign: string;
      };
      bodySmall: {
          color: string;
          fontFamily: undefined | string;
          fontSize: number;
          fontWeight: string;
          lineHeight: number;
          textAlign: string;
      };
      bodySmallBold: {
          color: string;
          fontFamily: undefined | string;
          fontSize: number;
          fontWeight: string;
          lineHeight: number;
          textAlign: string;
      };
      bodySmallSecondary: {
          color: string;
          fontFamily: undefined | string;
          fontSize: number;
          fontWeight: string;
          lineHeight: number;
          textAlign: string;
      };
      defaults: {
          color: string;
          fontFamily: undefined | string;
          fontSize: number;
          fontWeight: string;
          lineHeight: number;
      };
      error: {
          color: string;
          fontFamily: undefined | string;
          fontSize: number;
          fontWeight: string;
          lineHeight: number;
          textAlign: string;
      };
      header: {
          color: string;
          fontFamily: undefined | string;
          fontSize: number;
          fontWeight: string;
          lineHeight: number;
      };
      headerBold: {
          color: string;
          fontFamily: undefined | string;
          fontSize: number;
          fontWeight: string;
          lineHeight: number;
      };
      link: {
          color: string;
          fontFamily: undefined | string;
          fontSize: number;
          fontWeight: string;
          letterSpacing: number;
          lineHeight: number;
      };
      subHeader: {
          color: string;
          fontFamily: undefined | string;
          fontSize: number;
          fontWeight: string;
          lineHeight: number;
      };
  }

  • bodyLarge: {
        color: string;
        fontFamily: undefined | string;
        fontSize: number;
        fontWeight: string;
        lineHeight: number;
        textAlign: string;
    }

    • color: string

    • fontFamily: undefined | string

    • fontSize: number

    • fontWeight: string

    • lineHeight: number

    • textAlign: string

  • bodyLargeBold: {
        color: string;
        fontFamily: undefined | string;
        fontSize: number;
        fontWeight: string;
        lineHeight: number;
        textAlign: string;
    }

    • color: string

    • fontFamily: undefined | string

    • fontSize: number

    • fontWeight: string

    • lineHeight: number

    • textAlign: string

  • bodySmall: {
        color: string;
        fontFamily: undefined | string;
        fontSize: number;
        fontWeight: string;
        lineHeight: number;
        textAlign: string;
    }

    • color: string

    • fontFamily: undefined | string

    • fontSize: number

    • fontWeight: string

    • lineHeight: number

    • textAlign: string

  • bodySmallBold: {
        color: string;
        fontFamily: undefined | string;
        fontSize: number;
        fontWeight: string;
        lineHeight: number;
        textAlign: string;
    }

    • color: string

    • fontFamily: undefined | string

    • fontSize: number

    • fontWeight: string

    • lineHeight: number

    • textAlign: string

  • bodySmallSecondary: {
        color: string;
        fontFamily: undefined | string;
        fontSize: number;
        fontWeight: string;
        lineHeight: number;
        textAlign: string;
    }

    • color: string

    • fontFamily: undefined | string

    • fontSize: number

    • fontWeight: string

    • lineHeight: number

    • textAlign: string

  • defaults: {
        color: string;
        fontFamily: undefined | string;
        fontSize: number;
        fontWeight: string;
        lineHeight: number;
    }

    • color: string

    • fontFamily: undefined | string

    • fontSize: number

    • fontWeight: string

    • lineHeight: number

  • error: {
        color: string;
        fontFamily: undefined | string;
        fontSize: number;
        fontWeight: string;
        lineHeight: number;
        textAlign: string;
    }

    • color: string

    • fontFamily: undefined | string

    • fontSize: number

    • fontWeight: string

    • lineHeight: number

    • textAlign: string

  • header: {
        color: string;
        fontFamily: undefined | string;
        fontSize: number;
        fontWeight: string;
        lineHeight: number;
    }

    • color: string

    • fontFamily: undefined | string

    • fontSize: number

    • fontWeight: string

    • lineHeight: number

  • headerBold: {
        color: string;
        fontFamily: undefined | string;
        fontSize: number;
        fontWeight: string;
        lineHeight: number;
    }

    • color: string

    • fontFamily: undefined | string

    • fontSize: number

    • fontWeight: string

    • lineHeight: number

  • link: {
        color: string;
        fontFamily: undefined | string;
        fontSize: number;
        fontWeight: string;
        letterSpacing: number;
        lineHeight: number;
    }

    • color: string

    • fontFamily: undefined | string

    • fontSize: number

    • fontWeight: string

    • letterSpacing: number

    • lineHeight: number

  • subHeader: {
        color: string;
        fontFamily: undefined | string;
        fontSize: number;
        fontWeight: string;
        lineHeight: number;
    }

    • color: string

    • fontFamily: undefined | string

    • fontSize: number

    • fontWeight: string

    • lineHeight: number