Customization
We recommend you customize your theme styles using SCSS. You can customize the theme's styles with the following approaches:
Default Mode
_user.scss
You can add your own SCSS and override the theme style in the
scss/_user.scss
file.
_user-variables.scss
To make broader changes to the design of the theme, such as changing the color
scheme or font sizes, use
scss/_user-variables.scss
. Any variable from
scss/bootstrap/_variables.scss
or
scss/custom/_variables.scss
can be overridden with your own value.
Dark Mode
dark/_user.scss
In dark mode, you can also add your own SCSS and override the dark theme style in
the scss/dark/_user.scss
file.
dark/_user-variables.scss
To make broader changes to the design of the dark theme, such as changing the color
scheme or font sizes, use
scss/dark/_user-variables.scss
. Any variable from
scss/bootstrap/_variables.scss
,
scss/theme/_variables.scss
or
scss/dark/_variables.scss
can be overridden with your own value.