---
schema_version: "1"
id: b39120303a8114cfd69d60ea259b39812449aa95d36bf1839f8ac2bdc9404e0f
title: Salesforce Cosmos Theme and SLDS 2 Availability
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/customize_ui_enhancedlex.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.customize_ui_enhancedlex.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 7bee1286a2ea9bc722d00023a6f3135ac02efdab60447507d2de1524d30f3aa8
description: Salesforce Cosmos is the first theme available in Salesforce Lightning Design System 2 (SLDS 2). Salesforce Cosmos was released as beta in Winter ’25 with the temporary name Enhanced Lightning User Interface (UI). It's a new design that makes Salesforce simpler to use with circular patterns, easy-to-understand icons, new colors, and better typography. Salesforce Cosmos is the default theme of Salesforce Lightning Design System 2.
products:
  - Salesforce Platform
  - Cross Cloud
release: "264"
---
# Salesforce Cosmos Theme and SLDS 2 Availability

Salesforce Cosmos is the first theme available in Salesforce Lightning Design System 2 (SLDS 2). Salesforce Cosmos was released as beta in Winter ’25 with the temporary name Enhanced Lightning User Interface (UI). It's a new design that makes Salesforce simpler to use with circular patterns, easy-to-understand icons, new colors, and better typography. Salesforce Cosmos is the default theme of Salesforce Lightning Design System 2.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small "><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: Lightning Experience</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Availability varies by edition</td></tr></tbody></table>

## SLDS 2

SLDS 2 is the latest design system for Lightning Platform products. It combines the Salesforce Cosmos theme with an enhanced design architecture and updated tools. SLDS 2 provides customization options for admins, developers, and designers to bring brands to life.

## Benefits of SLDS 2 For Admins

As an admin, SLDS 2 provides themes and branding features to customize your users’ experience.

- Access no-code customization themes in Setup in Themes and Branding
- Enable the Salesforce Cosmos theme or create your own custom theme

To get started, follow the steps in [Personalize Your Org with Themes and Branding](https://help.salesforce.com/s/articleView?id=xcloud.brand_your_org_in_lightning_experience.htm&language=en_US).

## SLDS 2 Benefits For Developers and Designers

SLDS 2 offers your team of developers and designers more granular control over your org’s user interface (UI).

- Build custom experiences with Lightning base components
- Future-proof your Salesforce org with global styling hooks
- Design and build with updated developer tools, pattern libraries, and style guidelines
- Create consistent, accessible UI features and flows

To get started, see [Explore the Salesforce Cosmos theme](https://www.lightningdesignsystem.com/new-design/).

## SLDS 2 Features

In addition to Salesforce Cosmos in Themes and Branding, SLDS 2 includes different features. Refer to this table to learn more about individual features within SLDS 2.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d158729e128">SLDS 2 Feature</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d158729e131">Description</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="SLDS 2 Feature" class="slds-cell-wrap" style="vertical-align:top;" headers="d158729e128 ">Themes and Branding</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d158729e131 ">Pre-built themes plus the ability to build your own, all grounded in an
              expanded color palette, give you more granular customization options.</td>

          </tr>
          <tr class="">
            <td data-label="SLDS 2 Feature" class="slds-cell-wrap" style="vertical-align:top;" headers="d158729e128 ">Salesforce Cosmos theme</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d158729e131 ">Available within Themes and Branding, Salesforce Cosmos is a modern, intuitive
              visual design with circular motifs, refreshed colors, and improved
              typography.</td>

          </tr>
          <tr class="">
            <td data-label="SLDS 2 Feature" class="slds-cell-wrap" style="vertical-align:top;" headers="d158729e128 ">Advanced Figma kits</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d158729e131 ">SLDS 2 Figma kits guide your developers and designers on the use of pre-built
              components with refreshed styling and 1:1 code mapping.</td>

          </tr>
          <tr class="">
            <td data-label="SLDS 2 Feature" class="slds-cell-wrap" style="vertical-align:top;" headers="d158729e128 ">Developer tools</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d158729e131 ">New rule sets, inline guidance, and bulk reporting tools offer developers
              greater control, specificity, and efficiency.</td>

          </tr>
          <tr class="">
            <td data-label="SLDS 2 Feature" class="slds-cell-wrap" style="vertical-align:top;" headers="d158729e128 ">Dark mode</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d158729e131 ">
              <p>As of Winter ’26, admins can enable dark mode for any SLDS 2 theme, giving
                their users the ability to toggle between light and dark modes. </p>
              <p>Not all
                Salesforce apps and features are fully optimized for dark mode yet, including:</p>
              <ul>
                <li>In-app guidance popovers</li>

                <li>Analytics, reports, and dashboards</li>

                <li>Builders</li>

                <li>Setup</li>

                <li>Mobile</li>

              </ul>
            </td>

          </tr>
          <tr class="">
            <td data-label="SLDS 2 Feature" class="slds-cell-wrap" style="vertical-align:top;" headers="d158729e128 ">Display density, including comfy and compact modes</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d158729e131 ">Spacing and layout controls of interface elements within a given screen area
              lead to greater personalization of your UI.</td>

          </tr>
          <tr class="">
            <td data-label="SLDS 2 Feature" class="slds-cell-wrap" style="vertical-align:top;" headers="d158729e128 ">SLDS 2 architecture</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d158729e131 ">
              <ul>
                <li>Styling hooks are a flexible styling framework featuring new global styling
                  hooks. Use styling hooks to change the appearance of your UI.</li>

                <li>Lightning base components are the preferred design solution and the basis for
                  forward-looking AI-ready components.</li>

              </ul>
            </td>

          </tr>
          <tr class="">
            <td data-label="SLDS 2 Feature" class="slds-cell-wrap" style="vertical-align:top;" headers="d158729e128 ">Visualforce pages</td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d158729e131 ">Visualforce pages are the top-level container for custom apps built with
              Visualforce. As of Winter ’26, SLDS 2 is available on Visualforce pages.</td>

          </tr>
        </tbody>
      </table>

## SLDS 2 and Salesforce Cosmos Availability by Salesforce Product and Feature

As of Winter ’26, SLDS 2 features are generally available (GA) in all Salesforce editions. SLDS 2 and Salesforce Cosmos are available for all new orgs and are turned on by default for these editions. They are also available for all existing orgs as an opt-in through Themes and Branding for the same editions.

- Developer
- Enterprise
- Pro Suite
- Professional
- Starter Suite
- Unlimited

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-setup-264-0-0-production-enus/6f21df35-9ea0-4f53-ac94-45c3b5dfd5bc/images/icon_note.png)

Note Essentials Edition doesn't use Salesforce Cosmos by default. To use the Salesforce Cosmos theme in Essentials Edition in new or existing orgs, turn it on in Setup.

## Products Not Currently Supported to Use SLDS 2

Currently, we don't have plans to support Salesforce Cosmos or SLDS 2 in some Salesforce products and add-ons.

- Salesforce mobile app
- Builders, such as Flow Builder and Lightning App Builder
- Lightning Out
- Experience Cloud

## SLDS 2 Limitations

Although SLDS 2 is generally available, some of its features are available as beta features.

- The default Salesforce Cosmos theme and SLDS 2 are generally available (GA), but some related features are beta or are available in a limited capacity. Beta features can have limitations, which can impact user experiences.
- Enabling Salesforce Cosmos doesn’t automatically enable SLDS 2 features, such as dark mode. Specific SLDS 2 features are enabled separately.
- Some Salesforce products are built on platforms other than Lightning. If Salesforce Cosmos isn't available, users continue to see the default UI that they’re used to.

#### See Also

- [_Salesforce Lightning Design System:_ Explore the New Design](https://www.lightningdesignsystem.com/new-design/)