-
Notifications
You must be signed in to change notification settings - Fork 6
Options
-
$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 theprefers-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 thetitle
head tag. -
$description: <description>
Sets the content of thedescription
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.