You need to sign in to do that
Don't have an account?
Simon Guillen
Change SLDS default colors
Is there a way we can add or change the colors used for the Lightning Design System which is exclusive for my company? How do I do that and where do I start? I found an example in here (https://www.youtube.com/watch?v=wDBEc3dJJV8&t=) but there is no part where it's showing how it's done in Lightning Web Components with SLDS. Note, I want to use design tokens for this and if possible I just want to revise the existing classes provided by SLDS. For example: slds-button slds-button_brand but the brand should use a different color instead of the default one. I don't have to create my own classes.
We can define the token values once and reuse them throughout our Lightning components CSS resources.
Please review sample references below.
https://www.lightningdesignsystem.com/design-tokens/
https://blogs.perficient.com/2017/08/31/how-to-use-slds-design-tokens-in-a-custom-lightning-community-theme/
https://sfdcmonkey.com/2016/12/30/use-token-lightning-component/
Hope above information was helpful.
Please mark as Best Answer so that it can help others in the future.
Thanks,
Vinay Kumar
All Answers
We can define the token values once and reuse them throughout our Lightning components CSS resources.
Please review sample references below.
https://www.lightningdesignsystem.com/design-tokens/
https://blogs.perficient.com/2017/08/31/how-to-use-slds-design-tokens-in-a-custom-lightning-community-theme/
https://sfdcmonkey.com/2016/12/30/use-token-lightning-component/
Hope above information was helpful.
Please mark as Best Answer so that it can help others in the future.
Thanks,
Vinay Kumar