Color mode

Choose the color mode for your app.

{% assign modes = 'light,dark' | split: ',' %} {% for mode in modes %}

{% endfor %}

Color scheme

The perfect color mode for your app.

{% for color in site.colors %}

{% endfor %}

Font family

Choose the font family that fits your app.

{% assign fonts = 'sans-serif,serif,monospace,comic' | split: ',' %} {% for font in fonts %} Aa {% endfor %}

Theme base

Choose the gray shade for your app.

{% assign bases = 'slate,gray,zinc,neutral,stone' | split: ',' %} {% for base in bases %}

{% endfor %}

Corner Radius

Choose the border radius factor for your app.

{% assign radiuses = '0,0.5,1,1.5,2' | split: ',' %} {% for radius in radiuses %}

{% endfor %}

Layout

Choose the layout style for your app.

{% assign layouts = 'fluid,boxed' | split: ',' %} {% for layout in layouts %}

{% endfor %}