Customize and theme
Learn how to customize and theme Halfmoon to fit your needs.
Work in progressThis page is a work in progress. As we work to flesh out the concepts of customization and add examples, please go through the next section to get a quick gist of the whole thing. You can also go through the actual
halfmoon.cssfile—the whole thing is fairly easy to understand, and rather self-explanatory.
How it works #
Halfmoon is fully customizable using CSS variables. We employ a novel method for this: defining broadly scoped, root-level variables, which are then inherited by component-level variables. This means that you can change a handful of the root-level variables and have those changes propagate to individual components. For example, changing the root-level
--bs-content-bg will change the background color of cards, modals, sidebar, and offcanvas components. This makes theming incredibly quick and easy.
Help us grow
Our main goal is to make Halfmoon the go-to framework for building websites, dashboards and tools. If you believe in our mission, consider becoming a sponsor and help us grow.
You can email us directly if you have any queries. We are always happy to answer.
Subscribe for updates
We will notify you when the framework gets a substantial update. No spam ever.
Follow us on Twitter so that you can stay updated that way.