Theme

Theme

Learn how to customize the appearance of reCAPTCHA widgets

View on GitHub

The Google reCAPTCHA provides two themes: "light" and "dark". When using the core package, you can configure the theme when injecting the script.

Basic Theme Configuration

import { injectGoogleReCaptchaScript } from '@google-recaptcha/core';

injectGoogleReCaptchaScript({
  render: 'explicit',
  theme: 'dark', // or 'light'
  onload: () => console.log('onload')
});

Badge Customization

For v2 invisible and v3, you can customize the badge position:

import { injectGoogleReCaptchaScript } from '@google-recaptcha/core';

injectGoogleReCaptchaScript({
  render: 'explicit',
  badge: 'bottomright', // or 'bottomleft', 'inline'
  onload: () => console.log('onload')
});

Last updated on

Explicit

Configure explicit rendering options for reCAPTCHA

Hide badge

Learn how to hide the reCAPTCHA badge while complying with Google's terms of service