Skip to content

Options

Leonardo Cavaletti edited this page Jun 2, 2021 · 2 revisions
  • $background-color: <color> || <color-light>,<color-dark> Sets the color used for the page background. Can be a comma-separate set of two values, where the first value be used for the light theme and the second value for the dark theme. If a single value is supplied, it will be used on both themes.

  • $text-color: <color> || <color-light>,<color-dark> Sets the color used for the page text. Can be a comma-separate set of two values, where the first value be used for the light theme and the second value for the dark theme. If a single value is supplied, it will be used on both themes.

  • $accent-color: <color> || <color-light>,<color-dark> Sets the color for links. Can be a comma-separate set of two values, where the first value be used for the light theme and the second value for the dark theme. If a single value is supplied, it will be used on both themes.

  • $theme: <light || dark> By default, sites will use the prefers-color-scheme query to resolve the theme based on the user's preference. Set this option to always force a specific theme.

  • $title: <title> Sets the site title and the content of the title head tag.

  • $description: <description> Sets the content of the description head meta tag.

  • $style: <style rules> The value of this option will be appended as a <style> tag on the page. Can be set as an indented block to support multi-line text. for example, the following option will set the will set the page background to red:

$style:
    <style>
    body {
        background: red;
    }
    </style>

Note that it's not necessary to add the <style></style> tag, but doing so will enable css syntax highlighting.
When set before the home page, the style will be applied to the same site. When set under a page, each rule will be prepended with the page ID so that the rules will only apply to that specific page.

Clone this wiki locally