Color Agnostic Character Styles
I want the option when setting up character styles that there doesn't need to be a color associated with the character style.
For example, I set up my H1, H2, H3 with their respective font families, font weight, & font size. But my design has different background colors. Sometimes my H1 is lack on a white background, which is how I set it up in the Character Styles. While other times my H1 is white on a black background,. But if I change the H1 to white it no longer correlates to the H1 I setup in my character styles unless I create another H1 variant that has the color white.
I would like if my character styles were color agnostic so I can make sweeping changes when editing my text without having to create multiple color variants of my character styles
Please solve this request!!
Sketch, Figma can do.
Mendim Rafuna commented
I tweeted to AdobeXD about this - https://twitter.com/mendimr/status/1167744905147498496
They suggested me to create different styles for the same character style but with a different color, which is really not the way to do it.
I also tested this with Figma and they seem to understand the way Character Styles should work.
Torbjörn Hedberg commented
Please make this happen!
I also want to be able to apply a text style and a color style at the same time.
So the color style gets preference if selected. This way a text layer can have text attributes like size and font from the text style and color from the color style.
I still think a color should be included in the text style but it should be default.
Elijohn Alcaraz commented
I fully agree with Ole Frederik Lie. Character styles shouldn't be linked to color at all. Please, change this!
Ole Fredrik Lie commented
Character styles should not be linked to color. Say you have three buttons in a UI with the same font-family, font-weight, font-size and line-height. The only thing that's different is the color. In my opinion it makes a lot more sense to have one character style for this scenario, than three almost duplicate styles. Please fix this!
just an user commented
I agree - character styles are almost useless the way they work now. It's madness creating a character style for each color that you want to apply to existing texts and then changing each style if you want to change the fonts. Why not make the Character Style properties just about font/spacing and use the Global Colors for color property? That way you can make individual changes to the colors and the fonts. Very poorly designed assets panel! Affinity Designer does it much better, the character styles are even relational which is not the case in XD.
How this doesn't have more votes is beyond me. Character styles as they are right now are useless because changing the color breaks the connection with the style. And setting the style overwrites the color.
this could be improved by having an overarching font family that you can use to change all instances
+1 for this. It would be really useful to be able to apply a character style without colour overrides. Also to be able to change all instances of a font/weight/size together without having to add every colour instance to the character styles.
Thomas Hale commented
I agree. I find that this approach would make more sense and it is inevitable that you'll have two character styles with the same font sizes appearing in numerous different colors. If you use the "highlight on canvas" option within the list of colors you can then find and manipulate text colors that way.
Lee Buckle commented
It would be nice to be able to edit character styles regardless of character color.
In many cases, we may need to change the color of text depending on the use case (e.g. background behind the text) and this disassociates the text with the character style.
It would be great if there was a way to be able to change the color of the text within our designs but still be able to edit the character style within the assets panel. Maybe this would mean not having color being linked to a character style to begin with but there might be a better solution.