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
    Get more out of SLDS component blueprints and utilities with these enhancements and bug fixes.
  • Use Dark Mode in More Editions (Beta)
    You can now enable dark mode for Salesforce Lightning Design System 2 (SLDS 2) themes in Free Suite, Pro Suite, Professional, Enterprise, and Developer edition orgs. Previously, dark mode was available only for Salesforce Starter Suite orgs. 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.