Customize
Learn how to theme, customize, and extend OpenFrontend with Sass, a boatload of global options, an expansive color system, and more.
Overview
Sass
Utilize our source Sass files to take advantage of variables, maps, mixins, and functions.
Options
Customize OpenFrontend with built-in variables to easily toggle global CSS preferences.
Color
Learn about and customize the color systems that support the entire toolkit.
Color modes
Explore our default light mode and the new dark mode, or create custom color modes yourself.
Components
Learn how we build nearly all our components responsively and with base and modifier classes.
CSS variables
Use OpenFrontend’s CSS custom properties for fast and forward-looking design and development.