---
sourceDocument: Yokohama Employee Service Management
sourceDocumentLink: https://www.servicenow.com/docs/r/yokohama/employee-service-management

 Release :

    - yokohama

ft:locale :

    - en-US

ft:publication_title :

    - Yokohama Employee Service Management

ft:clusterId :

    - emplsm

bundleId :

    - emplsm

workflow :

    - Employee


---

# Customize Employee Center portal theme

# Customize Employee Center portal theme {#ariaid-title1}

Release version: Yokohama  
Updated January 30, 2025  
![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read  
A theme is a collection of one or more style sheets (CSS files) that define a
consistent look for a set of pages. Customize the default portal theme to apply your own
theme to suit your branding and improve the visual design of the portal pages.

## Before you begin

Role required: admin

## About this task

Employee Center application ships a default EC theme that has the best visual design experience. The EC theme provides a consistent experience across all portal
pages.

## Procedure

1. Navigate to Service PortalThemes.
2. Search for `Employee Center Coral Theme` as the default theme.  
   Note:  
   * Use the default theme for better visual and usability experience. However, you can select other themes to suit your needs.
   * Remove the customized portal theme before an upgrade to see any default theme that might be released with a future version of Employee Center.
   {#customize-theme__ul_tsv_hbf_gfc}
3. **Optional:** Customize the theme content to suit your requirement.
   1. Navigate to Service PortalThemes.
   2. Select EC Theme to open the page.
   3. Edit the CSS variables field to customize the text and the background colors of your portal.  
      For a description of the field values to create a portal theme, see [Create a portal theme](https://www.servicenow.com/docs/access?context=c_CustomCSS&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US).
   {#customize-theme__substeps_imf_vbf_gfc}
4. Navigate to Service PortalPortalsEmployee Center, click Try it to preview Employee Center.
5. Select Update.
**Related concepts**   

* [Enhanced chat in Employee Center](https://www.servicenow.com/docs/oHaeilDyaNZUTUy7mdnJWA "Learn more about the theme updates and how to get started with Now Assist enhanced chat.")  
**Related tasks**   

* [Configure Employee Center Pro Kiosk](https://www.servicenow.com/docs/QxRjCQhc4D1~6AlKKhAD4Q "Configure and use the default Kiosk for better deskless experience.")  
**Related topics**   

* [Configure portal branding](https://www.servicenow.com/docs/access?context=c_BrandingEditor&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US)

*[\>]: and then