Salesforce Platform · Lightning Components

Design LWC Component Styling

Users get Lightning Web Components restyled and laid out to match a target design or brand theme, and deployed to their org.

58 tasks
Method

How MeshMesh does it

  1. Writes a plan for the restyle and waits for the user's approval before building.
  2. Rewrites the component's CSS and markup to the target design, such as a retro game design system for a tab and a modal, or hover action icons and composer styling for a Slack-style thread panel.
  3. Fixes the specific visual details the user names, such as button styling, stray lines in a modal and backdrop opacity.
  4. Brands the Lightning Experience theme with a logo and a branding set, deployed through metadata, and reworks a card's CSS to match a sibling card.
  5. Refreshes local metadata from the org, and re-applies any fixes the refresh overwrote.
  6. Deploys the result to the org, and publishes the Experience Cloud site where the component lives there.
  7. Leaves the final visual check, such as whether card heights match, to the user.

Related: Build Custom LWC Components.

Products

Products and features it works with

Bars show how many of this capability's tasks touched each product.