Skip to main content

Customization

How to edit and customize your theme.

There are two ways to customize the theme. The more straightforward method is using CSS, and the more advanced is customizing the SCSS files.

CSS overrides

Using the compiled files from the dist folder is the simplest way to start with the theme.

Create a custom.css file in assets/css and reference it after the theme.css in the <head> of your pages.

<link rel="stylesheet" href="assets/css/custom.css">

Then add your CSS rules in the custom.css file to override the theme styles.

Customizing SCSS

This is the recommended option if you're comfortable using build tools and are familiar with SCSS syntax.

In the src/assets/css folder, you'll see two files:

  • _user-vars.scss for your custom variables.
  • _user.scss to add your styles.

Editing and compiling these files will extend and override the theme’s styles with your custom ones.