defaultTokens Lightning Token in Salesforce

defaultTokens Lightning Token in Salesforce

defaultTokens.tokens

<aura:tokens>

    <aura:token name=”brandedFont” value=”#9400d3″/>


</aura:tokens>


Component:


<aura:component implements=”force:appHostable”>
   
    <div class=”slds-box slds-theme_default”>
       
        <p>
           
            Testing
           
        </p>
       
    </div>
   
</aura:component>


CSS:


.THIS p {
   
    color: token(brandedFont);
   
}

Output:

Leave a Reply