Website/content/docs/infrastructure/hugo/custom-css.md

title	date
custom.css	2024-03-03T03:17:42+01:00

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.

---

1. CSS in the Wikipedia ↩︎

2. HSL and HSV in the Wikipedia ↩︎