Advanced Themer for Bricks

Advanced Themer for Bricks is an add-on for the Bricks theme. It adds 176 workflow and styling tools inside the builder, and you turn each feature on or off on its own. Builder tools run in vanilla JavaScript, and front-end styling relies on reusable CSS variables that work standalone or alongside frameworks such as Automatic.css and Core Framework.

Inside the builder you get a visual CSS Grid builder, a Class Manager, a BEM Class Converter, a Plain Classes panel, and a CSS Variable Manager and Variable Picker. A Color Manager stays in sync in both directions with the Bricks Style Manager. Additional builder panels add an Advanced CSS editor, a Box Shadow Generator, a Mask Helper, Background Focus, a Structure Helper, Style Overview, Find and Replace, a Query Manager, a Dynamic Data modal, Custom Components, a CodePen Importer and Remote Templates.

For front-end color switching, four Dark Mode button and toggle elements include standard and nestable options that stay synced with Bricks dark mode. A Strict Editor View restricts what editors can touch in the builder, and optional OpenAI panels generate text and element structures using your own OpenAI API credentials.