Website Theme

ERPNext provides advanced theming capabilities to customize the look and feel of your website and make it match your brand.

Home > Website > Setup > Website Theme

1. How to create a Website Theme

  1. Go to the Website Theme list and click on New.
  2. Enter a Theme Name.
  3. Customize your theme.
  4. Click on Save.

Note: Make sure you set the Website Theme in Website Settings for the theme to be applied.

Select Website Theme in Website Settings

2. Features

2.1 Theme Configuration

The section "Theme Configuration" is there for bootstrapping a basic theme. Here you can choose your color scheme, font and button styles.

2.2 Stylesheet

If you know SCSS and Bootstrap 4 theming, you can manually write custom SCSS.

In the "Custom Overrides" field you can overwrite the variables defined by any app's theme file. The content of this field will be included before importing any other SCSS. For example, the variable $spacer is set to 1rem by default. Just redefine it to $spacer: 2rem; to make all spaces twice as big.