custom.css

Any CSS¹ customizations are maintained in the assets/css/custom.css file. The Hextra theme automatically loads this custom.css.

Colors

In the Hextra theme, the HSL² representation is used to define the primary color. However, the values are split into three variables:

• --primary-hue: Hue (deg) value of the primary color.
• --primary-saturation: Saturation (%) value of the primary color.
• --primary-lighting: Lightning (%) value of the primary color.

Thus, to override the default primary color with Matisse (600), for example, a conversion may be necessary. For this task, the W3Schools provides a powerful colors converter.