logo

NJP

Sharing Custom System UI Themes

Import · Aug 28, 2019 · article

Hello all,

I have not seen any good threads on sharing custom System UI themes in ServiceNow, so I wanted to start one. What theme are you using? Have you build any custom themes in System UI > Themes or are you just using a system default theme? Here is the code to one popular theme among our Service Desk we have titled "Lonely Nights"

/* Header colors */
            $navpage-header-bg: #c12020
            $navpage-header-color: #141414

            /* Left nav and navigation toolbar background color */
            $navpage-nav-bg: #727272

            /* Navigator tabs */
            $navpage-nav-selected-bg: #141414
            $navpage-nav-selected-color: #c12020
            $navpage-nav-unselected-color: #141414

                        /* Background for expanded navigation items */
                        $subnav-background-color: #727272

            /* Navigation icons */
            $navpage-nav-color: #c12020

            /* Navigator Application text */
            $navpage-nav-app-text: #141414
            $navpage-nav-app-text-hover: #c12020
            $navpage-nav-fav-icon: #c12020

            /* Colors for the displayed modules in the selected application */
            $navpage-nav-bg-sub: #c12020
            $navpage-nav-color-sub: #141414
            $navpage-nav-mod-text-hover: #3ff9fc

            /* Borders in the navigator and side panel */
            $navpage-nav-border: #a3dfe3

            /* Sub text color on the history tab */
            $navpage-nav-timeago-child: #141414

            /* Background color for alt panels (collab and debug) */
            $navpage-nav-side-panel: #141414
View original source

https://www.servicenow.com/community/developer-articles/sharing-custom-system-ui-themes/ta-p/2326825