Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

LWC Style Distributor

Style Distributor Lightning Web Component for Salesforce.

On style change either/both a PubSub-event and/or Lightning-Message are published, for sibling components to listen to.

The component has been developed out of personal interest and learning and can be used without any cost, as long as the original source is referenced.


Included techniques

  • CSS Variables (incl. Javascript get and set)
  • Pub Sub (incl. minor library extensions)
  • Lightning Messaging Service
  • Lightning Web Components
  • Aura Component

How to apply


  • Salesforce Org with MyDomain enabled (required for Lightning Components)

How to set-up

  1. Retrieve this GIT Repository locally
  2. Deploy the full folder structure to your own Salesforce Org
  3. Grant your profile access to the StyleDistributor Tab (Default On)
  4. Visit the StyleDistributor Tab


Style Distributor within Salesforce Lightning Experience - initial page load

Initial screen

Style Distributor within Salesforce Lightning Experience - Example changes [Changed color and font-size slider range (due to font-unit change); list of retrieved messages]

Events Example

Style Distributor Input parameters

Input Configuration