Questions tagged [design-tokens]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
12
votes
4answers
5k views

Design tokens doesn't work in LWC?

I'm trying to use Lightning Tokens as described in Developer Guide, but unfortunately, it can't resolve the reference. I tried wrapping LWC component with Aura component it. Using tokens works in ...
7
votes
2answers
1k views

Accessing Header Image and Other Values From Custom ThemeLayout

I'm creating a custom Theme Layout for Communities. I've created a Lightning Component and I would like to use the customization options available in Community Builder and reference them from within ...
6
votes
1answer
476 views

Anybody using SLDS Design Tokens in conjunction with React?

The Salesforce Lightning Design System offers a set of Design Tokens that are described as the "visual design atoms of the design system". The Lightning Component framework easily allows you to pull ...
5
votes
1answer
164 views

Create a pre-built SLDS CSS framework for the Compact Density UI

I've downloaded the Lightning Design System Zip and then used styles/salesforce-lightning-design-system.css (plus the minified version) as part of an external application that is nested within ...
5
votes
1answer
443 views

How to access Lightning tokens in bundle other than defaultTokens.tokens

The Lightning [developer guide][1] is not very helpful on how to use Design tokens: Tokens created in the defaultTokens bundle are automatically available in components in your namespace. Ok, ...
4
votes
0answers
223 views

Is it possible to pass dynamically created attribute value from Lightning Component Helper to Lightning Tokens?

I would like to pass dynamically created attribute value from Lightning Component Helper to Lightning Tokens, and subsequently use the same in CSS. I'm trying to avoid using JavaScript to set style ...
3
votes
1answer
106 views

What is the use of being able to override tokens in lightning?

According to documentation one can override tokens. From my point of view it is very bad to do this. 1 Because once you override a token in a child token bundle, the value which is specified in ...
3
votes
1answer
167 views

Lightning Community Design Tokens Stopped Working in Winter 21

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="...
3
votes
0answers
319 views

Removing Design Tokens Dependency in Package

I have a managed package that leverages design tokens in lightning components (and automatically pulls in our defaultTokens.tokens design token bundle as a dependency). I am trying to create an ...
2
votes
1answer
36 views

Does lightning-record-form automatically support Standard Design Tokens for Communities?

This lightning-record-form says that "Lightning Communities" are supported. And communities support Standard Design Tokens for Communities that allow e.g. the color scheme to be varied. Is that ...
1
vote
1answer
393 views

How to change customize theme, background color in Visualforce that using Design system?

I have completed the tutorial applying Design System in Visualforce. I read about design tokens but I still don't understand how we can change the theme in Visualforce. I am not able to find an ...
1
vote
1answer
26 views

BEN notation replacing "--" with "_" affecting Lightning Design Tokens also?

In Spring 21 BEM notations with "--" are being deprecated and should be replaced with "_" (eg "slds-m-right--xx-small" will become "slds-m-right_xx-small"), ...
1
vote
1answer
109 views

How can we import tokens into defaultTokens so that they are applied for Community?

It is not clear how can we define custom tokens to be used in the community in a different file then defaultTokens.tokens. Looks like that only tokens which values are defined in the defaultTokens....
1
vote
0answers
45 views

Lightning Token not applied in Summer '19 preview org

We have multiple lightning components which use Tokens for CSS styling. We observed that one of the tokens is not being applied in any of the components which is using this token. Instead another ...
0
votes
1answer
32 views

Could we use design tokens ("defaultTokens" file) in Visualforce?

Is there any possibility to apply design tokens ("defaultTokens" file) in Visualforce pages so if I change value of some token in "defaultTokens", this changes the style on the ...
0
votes
0answers
21 views

Override Standard Design Tokens to Apply Site-Wide in Community

I have been reviewing Documentation recently and came across Design Tokens. I understand the use of them with Custom Components; however, it is not clear what (if any) functionality is available with ...
0
votes
0answers
36 views

How to reference secondary branding as Design Tokens

Within "Themes and Branding" it's possible to setup several colours as part of the branding scheme for an App. Within a Lightning Web Component it's possible to access these settings via ...
0
votes
2answers
285 views

Design Token suggested by SLDS Validator extension not working in LWC

I have the below CSS in my Lightning web component. .customBox { height: 30px; min-width: 30px; } As the extension suggested I updated that to the below design tokens. .customBox { ...
0
votes
0answers
151 views

What are drawbacks of using aura design tokens in lightning web component

Tokens <!--tokens--> <aura:tokens> <aura:token name="testBgColor" value="#e7e7e7"/> </aura:tokens> Aura Wrapper <aura:component description="auraWrapper" implements="...