Lightning Design System

The Salesforce Lightning Design System (SLDS) includes the resources to create user interfaces consistent with Salesforce Lightning principles, design language, and best practices.

  • Salesforce Lightning Design System Component Blueprints Updates
    Use the new lightning-combobox variant to create button-like, pill-shaped styling. To provide better visual context for your users, you can also add icons to the combobox container and to individual combobox options.
  • Get Faster Design Guidance with SLDS MCP Tools (Beta)
    Speed up your UI development with instant Salesforce Lightning Design System (SLDS) styling hook and component blueprint guidance.
  • Use Dark Mode in More Editions and Features (Beta)
    Enable dark mode for Salesforce Lightning Design System 2 (SLDS 2) themes in Performance and Unlimited edition orgs. And in all editions where dark mode is available, you can now upload a dark-mode version of your company’s logo for SLDS 2 themes. Dark mode shows light-colored text and visual elements on a dark background, which lays the foundation for richer theming opportunities and more customization of Lightning base components. With dark mode enabled, your users can select an appearance that reduces eye strain in low-light conditions and enhances readability.