Using Brand Theme Colors Within Lightning Components

Question

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!

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)
}