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


In the Hextra theme, the HSL2 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.

  1. CSS in the Wikipedia ↩︎

  2. HSL and HSV in the Wikipedia ↩︎

Last updated on