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 %}

Sidebar position

Toggle the position of the sidebar.

{% assign positions = 'left,right' | split: ',' %} {% for position in positions %}

{% endfor %}

Sidebar behavior

Change the behavior of the sidebar.

{% assign behaviors = 'sticky,fixed,compact' | split: ',' %} {% for behavior in behaviors %}

{% endfor %}

Layout

Toggle container layout system.

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

{% 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 %}