You need to sign in to do that
Don't have an account?
Arnaud Crucifix
Standard Design Tokens for Communities: Issue with Action Color map to colorBackgroundHighlight
Hello,
I'm working with the branding editor to customise a communities. And one behavior bother mee with the map of the colors.
As explained here https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/tokens_standard_communities.htm
The Action Color map to colorBackgroundHighlight ($color-background-highlight).
For all the other token I don't have any issue, because it tottaly fit the logical need of this color (button background, tab link color etc), but this $color-background-highlight is seem to be use (according to the github search) to define the background of table inline field (.slds-is-edited) or filter (.slds-is-new), which can occured in a unlisible field (see screenshot).
Example of Action color use in dashboard home.
Issue with Action color use for field in table
Do you think this behavior is normal ? What is your advice to avoid this ?
Thanks.
I'm working with the branding editor to customise a communities. And one behavior bother mee with the map of the colors.
As explained here https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/tokens_standard_communities.htm
The Action Color map to colorBackgroundHighlight ($color-background-highlight).
For all the other token I don't have any issue, because it tottaly fit the logical need of this color (button background, tab link color etc), but this $color-background-highlight is seem to be use (according to the github search) to define the background of table inline field (.slds-is-edited) or filter (.slds-is-new), which can occured in a unlisible field (see screenshot).
Example of Action color use in dashboard home.
Issue with Action color use for field in table
Do you think this behavior is normal ? What is your advice to avoid this ?
Thanks.
Not sure what your exact issue with the tokens is, but you could try definining a custom token that uses the standard token as a word around. For instance, in your defaultTokens bundle, you'd define a token like:
And then use token(customBackgroundHighlight); in your css.
This helps me get around situations where a background property is needed, but for whatever reason I can't use the background property / token in my css.