Appearance

Purpose

Appearance options shape the first impression of the site. Keep color, typography, and display mode consistent with the writing tone you want.

Example

style:
  color:
    main: '#3b82f6'
    dark: '#60a5fa'
  darkmode:
    enable: true
    default: auto
  font:
    enable: true
    family: Inter
  css_prefix: true

Review checklist

• Text remains readable in light and dark modes.
• Custom fonts load before layout shift becomes noticeable.
• Theme colors pass contrast checks on buttons and links.
• CSS prefixing is enabled only when you need broader browser support.