we are attempting to style a few attributes of our LWC with colors from the active Branding Theme (not community themes). We're debugging our way through this. Also not finding much in the way of documentation on the subject.

Any experience in this regard would be appreciated. Thanks!

1 Answer 1


The the design tokens for SLDS, listed here, but modified for LWC.

For example, to use the "active" brand color (the color for an active item), use:

.my-selector {
    color: var(--lwc-brandAccessibleActive)
  • Thanks, the second doc was exactly what we needed.The note on referencing the variables at runtime was important to know. Sep 28, 2020 at 22:57

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.