Lightning Aura Components Developer Guide

Introducing Aura Components
Quick Start
Creating Components
Using Components
Communicating with Events
Communicating Across the DOM with Lightning Message Service
Creating Apps
Styling Apps
Using the Salesforce Lightning Design System in Apps
Using External CSS
More Readable Styling Markup with the join Expression
Tips for CSS in Components
CSS for RTL Languages
Vendor Prefixes
Styling with Design Tokens
Tokens Bundles
Create a Tokens Bundle
Defining and Using Tokens
Using Expressions in Tokens
Extending Tokens Bundles
Using Standard Design Tokens
Overriding Standard Tokens (Developer Preview)
Standard Design Tokens—force:base
Standard Design Tokens for Experience Builder Sites
Developing Secure Code
Using JavaScript
Working with Salesforce Data
Testing Components
Debugging
Performance
Reference
PDF

Newer Version Available

This content describes an older version of this product. View Latest

Overriding Standard Tokens (Developer Preview)

Standard tokens provide the look-and-feel of the Lightning Design System in your custom components. You can override standard tokens to customize and apply branding to your Lightning apps.

Overriding standard tokens is available as a developer preview. This feature isn’t generally available unless or until Salesforce announces its general availability in documentation or in press releases or public statements. You can provide feedback and suggestions for this feature on the IdeaExchange.

Note

To override a standard token for your Lightning app, create a tokens bundle with a unique name, for example myOverrides. In the tokens resource, redefine the value for a standard token:
1<aura:tokens>
2    <aura:token name="colorTextBrand" value="#8d7d74"/>
3</aura:tokens>
In your Lightning app, specify the tokens bundle in the tokens attribute:
1<aura:application tokens="c:myOverrides">
2    <!-- Your app markup here -->
3</aura:application>

Token overrides apply across your app, including resources and components provided by Salesforce and components of your own that use tokens.

Packaging apps that use the tokens attribute is unsupported.

Overriding standard token values within defaultTokens.tokens, a required resource in a tokens bundle, is unsupported. If you create a token with the same name as a standard token, it overrides the standard token’s value in some contexts, and has no effect in others. Overrides should only be done in a separate resource as described above.

Important