Changing CSS styles
This theme’s CSS files are bundled by esbuild.
main.css #
main.css is the root stylesheet which @imports others from the sub-directories:
core– default element stylescomponents– specific components such as the header, footer, titles, etc.
You can add, remove, or rearrange CSS files as necessary.
The template partial
src/template/_partials/htmlhead.htmlsets a Content Security Policy in the HTML<head>. You may need to update the<meta>tag if you load resources from third-party domains.
core/variables.css #
You can change CSS variables defined in core/variables.css to modify fonts, layout dimensions, and colors.
Colors are generated and defined using the CSS light-dark() function which sets light and dark theme colors.