Salesforce Docs Portal

Create a Custom Theme

To define your brand’s unique identity within Salesforce, create a custom theme. As an admin, you can specify your custom theme’s color palette, and upload your company logo and your own background images. Use a custom theme to rally your team around important initiatives, like a campaign or new product launch. Or you can make sure that your team’s work fits seamlessly into the rest of your company's environment.

Required Editions

Available in: Lightning Experience
Available in: Group, Essentials, Professional, Enterprise, Performance, and Unlimited Editions
User Permissions Needed
To view company information: View Setup and Configuration
To activate, create, edit, or preview a theme: Customize Application
  1. From Setup, in the Quick Find box, enter Themes and Branding, and then select Themes and Branding.
  2. To create a custom Salesforce Lightning Design System (SLDS) 2 theme, click New Theme.
    Or, to create a custom SLDS 1 theme, click Dropdown icon and then click New SLDS 1 Theme. Themes built on SLDS 2 use the newest design system and pave the way for advanced features and customizations through CSS-based styling hooks, next-generation components, modern web standards, and more.
  3. Customize your theme.
    You can enhance custom themes in many ways, such as adding your unique brand color and logo, and default group and user profile banners. For custom SLDS 2 themes, you can configure advanced accent colors. See Manage Custom Configurations for Themes.
  4. Save your changes.
  5. Click Preview to see how your theme looks, or click Activate to make your theme live for all of your users.
  6. If your org currently uses a Salesforce Lightning Design System (SLDS) 1 theme and you activate a custom SLDS 2 theme, click Activate again to confirm that you intend to activate SLDS 2 for your org. Similarly, if your org currently uses an SLDS 2 theme and you activate a custom SLDS 1 theme, click Activate again to confirm that you intend to deactivate SLDS 2 for your org.
Note
Note Note: When you activate an SLDS 2 theme, you enable SLDS 2 for your org. If you change your active theme from an SLDS 2 theme to an SLDS 1 theme, you disable SLDS 2 for your org. See Transition to SLDS 2.

Your designers and engineers can take your custom SLDS 2 themes even further and create user interfaces that are consistent with Salesforce design principles, visual language, and best practices. To learn how to design and build with SLDS 2, see Salesforce Lightning Design System 2.