Bricks Themer Features
Dynamic Colors
Introduce dynamic color variables on your website.
Color Shades Generator
Light and dark versions of every color, dynamically for any base color.
Organize Your Colors Easily
Keep all your color variables organized and manageable.
No-Code Dark Mode
Integrate a dark mode version of your website without custom code.
Customize Every Shade & Variant
Adjust all of the related shades, lights and darks of your colours.
Create Fluid & Static Variables
Dynamic and Static on demand CSS variables generator.
Variable Picker
Rapidly add variables with an intuitive variable selection interface.
Variable Preview on Hover
View immediately what each variable contains before using it.
CSS Variable Autocomplete
Accelerate development with automatic suggestions for variables as you type.
Import Your CSS Variable Framework
Bring your own CSS libraries to use in Bricks.
Class Importer
Directly import classes from any style source in your project.
Extend Classes & Styles
Inherit and elongate classes from anything.
Find & Replace Style Values
Easily sync your style anywhere on your project.
Copy ID Styles to Any Class
Convert flavor-styles into classes that can be reused.
Class Converter
Turn style from ID-based to class-based, at once.
Element Tab Shortcuts
Smarter shortcuts for access element options in no time.
Pseudo-Element Shortcuts
Add before/after pseudo-elements quickly.
Grid Guides
Visual grid aids to help you make sure the layout is as perfect as your design.
Tag Manager in Structure Panel
Control the element tags in the structure tree.
X-Mode
Show or hide advanced options to clients or editors.
Editor Tweaks
Customize the editor’s Builder Interface.
No Access to Styling Options
Limit the ability for non-designer people to apply styling.