A New Theme Build with TailwindCSS V4

I created a new theme hugo-narrow with tailwindcss v4, you can check at the follow link:

Here are some features:

  • Multi-theme Design - Support for custom themes
  • Light/Dark Mode - Auto-adapts to system theme or manual toggle
  • Enhanced Markdown - Support for GitHub-style Markdown Alerts
  • Katex and Mermaid support
  • Site-wide search
  • Table of Contents

Issues and suggestions are highly welcome! :grinning_face:

3 Likes

Like it, thanks for building!

Looks good.

Can you make the navigation bar sticky?

I updated and add some new feature, enjoy it ! :smiley:

1 Like

Nice theme but I would suggest making the sticky navigation configurable too. Like add enableStickyNav under params then in the menu class add {{ with site.Params.enableStickyNav }} sticky {{ end }}.

Also, don’t forget to test for accessibility issues WAVE Chrome, Firefox, and Edge Extensions.