---
schema_version: "1"
id: d6e41515897b127a9ee13ad2e852de9639b1bdb189be1893c5400dc6b70b2ef1
title: Theme
collection: legacydeveloper
version: current
locale: en-us
portal_url: https://docs.salesforce.com/legacydeveloper/current/en-us/uiapi/ui_api_responses_theme.md
canonical_url: https://developer.salesforce.com/docs/atlas.en-us.uiapi.meta/uiapi/ui_api_responses_theme.htm
source_site: developer.salesforce.com
content_type: documentation
content_hash: 0e30c260d585493bbb3cbb724f5997fc46c5bca1620d6162d39cf399b0b5406e
description: A set of images and banners that make up a theme. Banners display across the top of a page and have a higher aspect ratio than images.
---
# Theme

A set of images and banners that make up a theme. Banners display across the top of a page and have a higher aspect ratio than images.

<table class="featureTable sort_table" summary="">





        <thead class="thead sorted" align="left">
          <tr>
            <th class="featureTableHeader vertical-align-top " id="d182043e48">Property</th>

            <th class="featureTableHeader vertical-align-top " id="d182043e51">Type</th>

            <th class="featureTableHeader vertical-align-top " id="d182043e54">Description</th>

            <th class="featureTableHeader vertical-align-top " id="d182043e57">Filter Group and Version</th>

            <th class="featureTableHeader vertical-align-top " id="d182043e60">Available Version</th>

          </tr>

        </thead>

        <tbody class="tbody">
          <tr>
            <td class="entry" headers="d182043e48" data-title="Property"><samp class="codeph nolang">brandColor</samp></td>

            <td class="entry" headers="d182043e51" data-title="Type">String</td>

            <td class="entry" headers="d182043e54" data-title="Description">The brand color of the theme.</td>

            <td class="entry" headers="d182043e57" data-title="Filter Group and Version">Small, 42.0</td>

            <td class="entry" headers="d182043e60" data-title="Available Version">42.0</td>

          </tr>

          <tr>
            <td class="entry" headers="d182043e48" data-title="Property"><samp class="codeph nolang">brandImage</samp></td>

            <td class="entry" headers="d182043e51" data-title="Type"><a class="xref" href="https://developer.salesforce.com/docs/atlas.en-us.uiapi.meta/uiapi/ui_api_responses_theme_image.htm#ui_api_responses_theme_image" title="A theme image at three sizes: small, medium, and large. Specific sizes may change slightly, so code accordingly.">Theme Image</a></td>

            <td class="entry" headers="d182043e54" data-title="Description">The brand image of the theme.</td>

            <td class="entry" headers="d182043e57" data-title="Filter Group and Version">Small, 42.0</td>

            <td class="entry" headers="d182043e60" data-title="Available Version">42.0</td>

          </tr>

          <tr>
            <td class="entry" headers="d182043e48" data-title="Property"><samp class="codeph nolang">brandImageDark​Mode</samp></td>

            <td class="entry" headers="d182043e51" data-title="Type"><a class="xref" href="https://developer.salesforce.com/docs/atlas.en-us.uiapi.meta/uiapi/ui_api_responses_theme_image.htm#ui_api_responses_theme_image" title="A theme image at three sizes: small, medium, and large. Specific sizes may change slightly, so code accordingly.">Theme Image</a></td>

            <td class="entry" headers="d182043e54" data-title="Description">The dark mode version of the brand image of the theme.</td>

            <td class="entry" headers="d182043e57" data-title="Filter Group and Version">Small, 67.0</td>

            <td class="entry" headers="d182043e60" data-title="Available Version">67.0</td>

          </tr>

          <tr>
            <td class="entry" headers="d182043e48" data-title="Property"><samp class="codeph nolang">defaultGroupBanner</samp></td>

            <td class="entry" headers="d182043e51" data-title="Type"><a class="xref" href="https://developer.salesforce.com/docs/atlas.en-us.uiapi.meta/uiapi/ui_api_responses_theme_banner.htm#ui_api_responses_theme_banner" title="A theme banner image. Theme banners have a higher aspect ratio than theme images. The banner size may change slightly, so code accordingly.">Theme Banner</a></td>

            <td class="entry" headers="d182043e54" data-title="Description">The default banner for groups. The group banner displays on a group’s home
              page.</td>

            <td class="entry" headers="d182043e57" data-title="Filter Group and Version">Small, 42.0</td>

            <td class="entry" headers="d182043e60" data-title="Available Version">42.0</td>

          </tr>

          <tr>
            <td class="entry" headers="d182043e48" data-title="Property"><samp class="codeph nolang">defaultGroupImage</samp></td>

            <td class="entry" headers="d182043e51" data-title="Type"><a class="xref" href="https://developer.salesforce.com/docs/atlas.en-us.uiapi.meta/uiapi/ui_api_responses_theme_image.htm#ui_api_responses_theme_image" title="A theme image at three sizes: small, medium, and large. Specific sizes may change slightly, so code accordingly.">Theme Image</a></td>

            <td class="entry" headers="d182043e54" data-title="Description">The default image for groups. The group image displays beside a group
              name.</td>

            <td class="entry" headers="d182043e57" data-title="Filter Group and Version">Small, 42.0</td>

            <td class="entry" headers="d182043e60" data-title="Available Version">42.0</td>

          </tr>

          <tr>
            <td class="entry" headers="d182043e48" data-title="Property"><samp class="codeph nolang">defaultPageBanner</samp></td>

            <td class="entry" headers="d182043e51" data-title="Type"><a class="xref" href="https://developer.salesforce.com/docs/atlas.en-us.uiapi.meta/uiapi/ui_api_responses_theme_banner.htm#ui_api_responses_theme_banner" title="A theme banner image. Theme banners have a higher aspect ratio than theme images. The banner size may change slightly, so code accordingly.">Theme Banner</a></td>

            <td class="entry" headers="d182043e54" data-title="Description">The default banner for pages other than group and user pages.</td>

            <td class="entry" headers="d182043e57" data-title="Filter Group and Version">Small, 42.0</td>

            <td class="entry" headers="d182043e60" data-title="Available Version">42.0</td>

          </tr>

          <tr>
            <td class="entry" headers="d182043e48" data-title="Property"><samp class="codeph nolang">defaultUserBanner</samp></td>

            <td class="entry" headers="d182043e51" data-title="Type"><a class="xref" href="https://developer.salesforce.com/docs/atlas.en-us.uiapi.meta/uiapi/ui_api_responses_theme_banner.htm#ui_api_responses_theme_banner" title="A theme banner image. Theme banners have a higher aspect ratio than theme images. The banner size may change slightly, so code accordingly.">Theme Banner</a></td>

            <td class="entry" headers="d182043e54" data-title="Description">The default user banner of the theme. The user banner displays on a user’s home
              page.</td>

            <td class="entry" headers="d182043e57" data-title="Filter Group and Version">Small, 42.0</td>

            <td class="entry" headers="d182043e60" data-title="Available Version">42.0</td>

          </tr>

          <tr>
            <td class="entry" headers="d182043e48" data-title="Property"><samp class="codeph nolang">defaultUserImage</samp></td>

            <td class="entry" headers="d182043e51" data-title="Type"><a class="xref" href="https://developer.salesforce.com/docs/atlas.en-us.uiapi.meta/uiapi/ui_api_responses_theme_image.htm#ui_api_responses_theme_image" title="A theme image at three sizes: small, medium, and large. Specific sizes may change slightly, so code accordingly.">Theme Image</a></td>

            <td class="entry" headers="d182043e54" data-title="Description">The default user image of the theme. The user image displays beside a
              username.</td>

            <td class="entry" headers="d182043e57" data-title="Filter Group and Version">Small, 42.0</td>

            <td class="entry" headers="d182043e60" data-title="Available Version">42.0</td>

          </tr>

          <tr>
            <td class="entry" headers="d182043e48" data-title="Property"><samp class="codeph nolang">density</samp></td>

            <td class="entry" headers="d182043e51" data-title="Type">String</td>

            <td class="entry" headers="d182043e54" data-title="Description">The display density in the user interface. One of these values:<a name="density"><!-- --></a>
              <ul class="ul bulletList" id="density">
                <li class="li">
                  <samp class="codeph nolang">ViewOne</samp>—User interface elements have
                  a lower density on the page, which means they have more white space between them.
                  In Lightning Experience, this setting is called <strong class="ph b">Comfy</strong>.
                </li>

                <li class="li">
                  <samp class="codeph nolang">ViewTwo</samp>—User interface elements have
                  a higher density on the page, which means they have the least amount of white
                  space between them. In Lightning Experience, this setting is called
                  <strong class="ph b">Compact</strong>.
                </li>

              </ul>
            </td>

            <td class="entry" headers="d182043e57" data-title="Filter Group and Version">Small, 44.0</td>

            <td class="entry" headers="d182043e60" data-title="Available Version">44.0</td>

          </tr>

          <tr>
            <td class="entry" headers="d182043e48" data-title="Property"><samp class="codeph nolang">headerColor</samp></td>

            <td class="entry" headers="d182043e51" data-title="Type">String</td>

            <td class="entry" headers="d182043e54" data-title="Description">The header color of the theme.</td>

            <td class="entry" headers="d182043e57" data-title="Filter Group and Version">Small, 42.0</td>

            <td class="entry" headers="d182043e60" data-title="Available Version">42.0</td>

          </tr>

          <tr>
            <td class="entry" headers="d182043e48" data-title="Property"><samp class="codeph nolang">linkColor</samp></td>

            <td class="entry" headers="d182043e51" data-title="Type">String</td>

            <td class="entry" headers="d182043e54" data-title="Description">The link color of the theme.</td>

            <td class="entry" headers="d182043e57" data-title="Filter Group and Version">Small, 42.0</td>

            <td class="entry" headers="d182043e60" data-title="Available Version">42.0</td>

          </tr>

          <tr>
            <td class="entry" headers="d182043e48" data-title="Property"><samp class="codeph nolang">pageColor</samp></td>

            <td class="entry" headers="d182043e51" data-title="Type">String</td>

            <td class="entry" headers="d182043e54" data-title="Description">The page color of the theme.</td>

            <td class="entry" headers="d182043e57" data-title="Filter Group and Version">Small, 42.0</td>

            <td class="entry" headers="d182043e60" data-title="Available Version">42.0</td>

          </tr>

        </tbody>

      </table>

#### See Also

- [Get Active Theme](https://developer.salesforce.com/docs/atlas.en-us.uiapi.meta/uiapi/ui_api_resources_themes_active.htm "Get a Salesforce org’s active theme. A theme uses colors, images, and banners to change the overall appearance of Salesforce. Administrators can define themes and switch themes to provide a different look. The User Interface API response matches the Admin’s selection.")