Have Lightning Community design token stopped working in Winter 21?

We have a defaultTokens bundle with the following code:

<aura:tokens extends="force:base"> <aura:token name="brandColor1" value="{!colorTextLink}"/> </aura:tokens>

This is displaying the correct background color as entered into the Community Theme 'Link Color'

Community Theme Colors Setting

As per https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/tokens_standard_communities.htm

However, we are now seeing that when we change the Link Color in the Community Theme, and publish the changes, the colours do not update.

The css renders as:

var(--c-brandColor1, rgb(255, 183, 93))

The default colour (rgb(255,183,93)) is the 'correct' new colour assigned to Link Color but the colour 'stored' in the -c-brandColor1 variable is still the old colour.

Any ideas would be greatly appreciated...

  • Yes we tried forceCommunity:base – Moggy Sep 14 '20 at 15:25
  • I've modified the header to <aura:tokens extends="forceCommunity:base"> but this does not seem to work either - is that what you've found too Moggy? – Dan Branch Sep 14 '20 at 16:00
  • I have this same issue. – SfdcHawkeye Sep 14 '20 at 16:23
  • Same issue here – Maciek Simm Sep 15 '20 at 7:38
  • Same issue here – Wookie88 Sep 15 '20 at 7:46

This is a bug in Winter '21. Here is the Known Issue link if you want to track the progress. In the meantime, as a workaround, you can update the components to reference colorTextLink directly instead of "brandColor1".

  • This is great thanks Anudeep, but it appears these direct tokens are only available for fill and color properties and not background – Dan Branch Sep 15 '20 at 13:11
  • Thx Anudeep, but the known issue was created after this post. – Moggy Sep 15 '20 at 17:41

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.