we’ve got some exciting updates to share with you!
Say hello to CSS Variable Manager V1
Easily manage your Global & Theme CSS variables directly within the builder. Create static or clamp values on the fly, and see them reflected instantly in the builder without refreshing your browser. We’ve got you covered with the ability to create multiple categories, reorder options, rename, duplicate, delete, and even check which CSS variables are being used on your pages.
Get ready for Color Manager V2
With just a simple click, Advanced Themer can generate a variety of color shades for you. You can now create up to 20 shades at a time, including transparent, light, and dark variations! What’s even better? All shades are linked to your main color, so any change you make to the parent color will automatically update all the shades. You can also easily link or unlink any shade from the parent color, create complementary colors, apply auto-dark mode to any color, and even import colors from a CSS variable list into your palette.
Introducing the Structure Panel Helper
We’ve got something special for those who like to keep their web pages tidy and well-organized! Our new Structure Panel Helper allows you to filter your structure panel based on advanced criteria. You can now highlight non-consecutive headers on your page, easily locate elements with data-attributes set, identify elements with pseudo-classes styles, and much more. This assistant is here to ensure that your page follows the best web practices.
Boost your productivity with CSS Keyboard Shortcuts
For all you CSS code wizards out there, we have a treat for you! We’ve added over 20 keyboard shortcuts to all our CSS code editors to automate popular declarations. From media queries to states and pseudo-elements, these shortcuts are designed to skyrocket your productivity.
But wait, there’s more… Cool new tweaks!
- Now you can create CSS variables directly from our Variable Picker.
- We’ve introduced an Element CSS shortcut inside the element panel.
- Open your class in the Class Manager from a convenient element shortcut.
- Expand Spacing controls to get a lot more room for your variables and complex calc functions.
- Dynamic CSS variable suggestions.
- Add descriptions to your classes for better organization and clarity.
…and like always, this release includes tons of bug fixes and small UX enhancements!
Hope you’re excited about these awesome updates!