---
sourceDocument: Australia IT Service Management
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/it-service-management

 Release :

    - australia

ft:locale :

    - en-US

ft:publication_title :

    - Australia IT Service Management

ft:clusterId :

    - itsm

bundleId :

    - itsm

workflow :

    - Technology


---

# Customize theme

# Customize themes for Desktop Assistant {#ariaid-title1}

Release version: Australia  
Updated March 12, 2026  
![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes to read  
Customize themes for the Desktop Assistant application by applying available themes or modifying specific theme CSS variables to align with your organization's branding.

## Before you begin

Confirm
that the DEX
Desktop Assistant \[sn_dex_desktop\] application has been installed. For more information, see [Install Application and Device Health](https://servicenow-prod.fluidtopics.net/3Ei~nK2qqh_Lci8rn9XW7A "Digital End-User Experience (DEX) is available with activation of the Digital End-User Experience [sn_dex] plugin. You must have the admin role to install the DEX product [sn_dex]. During installation, Application and Device Health is included as a component in DEX.") and [Download and install Desktop Assistant](https://servicenow-prod.fluidtopics.net/dI4Ux4b0gNBb2xc~OSTTmw "Download and install Desktop Assistant by using operating system-specific installer commands, Desktop Assistant installers, or endpoint management solutions.").

Role required: sn_dex_desktop.admin

## Procedure

1. Navigate to AllDesktop AssistantConfigurationApplication.
2. Customize the Desktop Assistant theme.  
   Note:  
   Employee Center (EC) Theme is the default theme applied for Desktop Assistant.

   | Method | Steps |
   | Apply another available theme | 1. In the Desktop Assistant form, select the Lookup using list icon ![]() in the Theme field. 2. On the Themes page, select a theme from the themes list.The selected theme is updated in the Theme field of the Desktop Assistant form. 3. Select Update. {#customize-da-theme__ol_stf_gbd_phc} |
   | Customize the default theme by modifying specific CSS variables | 1. In the Desktop Assistant form, select the Preview this record icon ![]() near the Theme field. 2. In the preview dialog box, select Open Record. 3. In the CSS variables section, modify the predefined variables in one of the following ways: * Direct value assignment: Assign values directly to the variables. For example, `$sp-space---xl: 4px;` * Indirect value assignment: Create a reference to an existing variable by assigning to a variable the value of another variable. For example, `$badge-color: $text-white;` * Using the ceil () function: Calculate a variable value and use the ceil () function to round up the value to the nearest whole number. For example, `ceil(($font-size-base * 1.125)) // 18px;` {#customize-da-theme__ul_w3w_pnl_phc} 4. Select Update. {#customize-da-theme__ol_u3w_pnl_phc} |
   | Customize a theme other than the default theme | 1. In the Desktop Assistant form, select the Lookup using list icon ![]() in the Theme field. 2. On the Themes page, select a theme from the themes list.The selected theme is updated in the Theme field of the Desktop Assistant form. 3. Select the Preview this record icon ![]() near the Theme field. 4. In the preview dialog box, select Open Record. 5. In the CSS variables section, modify the predefined variables in one of the following ways: * Direct value assignment: Assign values directly to the variables. For example, `$sp-space---xl: 4px;` * Indirect value assignment: Create a reference to an existing variable by assigning to a variable the value of another variable. For example, `$badge-color: $text-white;` * Using the ceil () function: Calculate a variable value and use the ceil () function to round up the value to the nearest whole number. For example, `ceil(($font-size-base * 1.125)) // 18px;` {#customize-da-theme__ul_bwc_3bd_phc} 6. Select Update. {#customize-da-theme__ol_zvc_3bd_phc} |
   |-|-|

   {#customize-da-theme__choicetable_eqs_cbd_phc}  
   For more information, see [Variables to customize a theme for Desktop Assistant](https://servicenow-prod.fluidtopics.net/CeDUbZ2t0CENHfIXlhJnig "You can modify specific CSS variables to customize themes for Desktop Assistant.").

*[\>]: and then