Example of data theme being applied at component level

Default theme light

Your account is ready. Manage your settings below.

Active Pro

Monthly usage

84 %

Teal theme light

Your account is ready. Manage your settings below.

Active Pro

Monthly usage

84 %

Teal theme dark

Your account is ready. Manage your settings below.

Active Pro

Monthly usage

84 %

Example of data theme being applied at section level

Default theme

Your account is ready. Manage your settings below.

Active Pro

Monthly usage

84 %

Default theme

Your account is ready. Manage your settings below.

Active Pro

Monthly usage

84 %

Default theme

Your account is ready. Manage your settings below.

Active Pro

Monthly usage

84 %

Teal light

Your account is ready. Manage your settings below.

Active Pro

Monthly usage

84 %

Teal light

Your account is ready. Manage your settings below.

Active Pro

Monthly usage

84 %

Teal light

Your account is ready. Manage your settings below.

Active Pro

Monthly usage

84 %

Teal dark

Your account is ready. Manage your settings below.

Active Pro

Monthly usage

84 %

Teal dark

Your account is ready. Manage your settings below.

Active Pro

Monthly usage

84 %

Teal dark

Your account is ready. Manage your settings below.

Active Pro

Monthly usage

84 %