drowl87/hextra_mirror
1
0
Fork 1
mirror of https://github.com/imfing/hextra.git synced 2025-08-23 22:26:36 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

Enhance v0.10 release documentation with detailed upgrade instructions and migration guide. Added Tailwind theme variable customization section and clarified breaking changes. Improved clarity on CSS class prefix changes for better user experience.

Browse Source
This commit is contained in:
Xin
2025-08-14 14:49:55 +08:00
parent d6dd2550b1
commit 477b98e151
2 changed files with 34 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
exampleSite/content/docs/advanced/customization.md
View File

@@ -61,6 +61,22 @@ Hextra provides CSS variables to customize the width of pages, navbar, and foote
}
```
### Tailwind Theme Variables
Starting with Hextra v0.10.0, which is built on Tailwind CSS v4, you can customize the theme by overriding CSS variables inside the `@layer theme` block.
This lets you customize the global look and feel without having to modify every individual class.
```css {filename="assets/css/custom.css"}
@layer theme {
:root {
--hx-default-mono-font-family: "JetBrains Mono", monospace;
}
}
```
Check out [Tailwind Theme Variables documentation](https://tailwindcss.com/docs/theme#default-theme-variable-reference) for details.
### Further Theme Customization
The theme can be further customized by overriding the default styles via the exposed css classes. An example for customizing the footer element: