Customize themes for Desktop Assistant

  • Release version: Australia
  • Updated March 12, 2026
  • 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 and Download and install Desktop Assistant.

    Role required: sn_dex_desktop.admin

    Procedure

    1. Navigate to All > Desktop Assistant > Configuration > Application.
    2. Customize the Desktop Assistant theme.
      Note:
      Employee Center (EC) Theme is the default theme applied for Desktop Assistant.
      MethodSteps
      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 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;
      4. Select Update.
      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;
      6. Select Update.

      For more information, see Variables to customize a theme for Desktop Assistant.