Getting started

Color schemes

Choose from two consistent color schemes that can be automatically enabled based on users' preferences.

The default color scheme is Light. The Dark scheme is automatically enabled if the user has dark mode enabled prefers-color-scheme: dark;.

Color schemes can be forced on document level <html data-theme="light"> or on any HTML element <article data-theme="dark">

Light card

<article data-theme="light">

Dark card