Lightning Communities Developer Guide

Get Up to Speed with Lightning Communities
Develop Lightning Communities: The Basics
Customize the Look and Feel of a Lightning Template
Example: Build a Condensed Theme Layout Component
Step 1: Create the Basic Theme Layout Structure
Step 2: Define a Tokens Bundle
Step 3: Add a Logo Component
Step 4: Build a Vertical Navigation Menu
Step 5: Build a Custom Search Component
Step 6: Add Configuration Properties to the Theme Layout
Develop Secure Code: LockerService and Stricter CSP
Analyze and Improve Community Performance
Connect Your Community to Your Content Management System
Community Migration, Packaging, and Distribution
PDF

Newer Version Available

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

Step 2: Define a Tokens Bundle

To enable your Lightning components to access branding tokens, define a tokens bundle in the same namespace. In the Developer Console, create a new tokens bundle with the name defaultTokens.
1<aura:tokens extends="force:base">
2 
3</aura:tokens>

The tokens bundle extends force:base. By including extends="forceCommunity:base" in your markup, you now have access to all the tokens exposed by SLDS and the branding values defined in the Theme panel in Community Builder.