Skip to main content

Option to merge Hex Codes of Color Styles with multiple colors


I am really excited about the new Variables. One of the advertised distinctions between Variables and Color Styles is that a Color Style can hold multiple Colors and/or Variables, which is a fantastic feature!

This allows us to combine a color variable with other Colors in a single Color Style, making the creation of our Design Templates much more efficient and meaningful.

For instance, we can automatically generate a range of lighter and darker shades for any Brand Color by overlaying them with black or white. This is truly awesome!

However, when I inspect this Element in Dev Mode, I see both Colors separately, as they are generated. I believe this is the intended behavior in most cases.

Nevertheless, if I were to use one of these Shades as a Text Color in my Layout, it would be more convenient for my developer to have a single merged Hex Code representing the resulting color. This would help us maintain a slim and clean Code Base. I understand that this approach may not be suitable for all scenarios, especially when gradients are involved, but for plain Colors, it could be a game changer!

This topic has been closed for comments

3 replies

Mathieu_Minier

YES! Also really looking for this to mimic lighten and darken CSS behavior.


  • 1 reply
  • September 21, 2023

Yes please! Would save me so much time 🙂


  • 0 replies
  • December 20, 2023

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings