Property reference

css.$nav-hr-color

The css.$nav-hr-color property sets the color of the navigation separator in the ServiceNow interface. Admins may adjust this property to align the navigation appearance with their organization's branding or design preferences.

Default: #293e40 Type: color Application: Global

Key questions about this property

The answers below summarize the purpose, scope, default effect, and review scenarios for this property.

What does it do? This property defines the color used for the navigation separator, impacting the visual layout of the navigation menu.
What area does it affect? User Interface Design
What does the default mean? The default value is "#293e40", which is the baseline setting used unless it is changed.
When should you review it? Review this property when customizing the platform's visual theme or during a branding update.

Out of the box property record

Raw metadata from the property record.

Property name css.$nav-hr-color
Sys ID 14571f81d7020200b0b044580e6103b2
Type color
Application Global
Default value #293e40
Description Navigation separator color
Updated 2018-08-13 05:33:15

Sources

Official references and nearby text excerpts where this property appears.

Documentation excerpt View supporting context
Context preview Snippet 1
... ◦Survey Management > Administration > Properties css.$nav-highlight-main Sets the color for the navigation expanded items highlight background. • Type: color • Default Value: ‑3D4853 • Location: System Property [sys_properties] table css.$nav-hr-color Sets the color for the navigation separator. © 2026 ServiceNow, Inc. All rights reserved. ServiceNow, the ServiceNow logo, Now, and other ServiceNow marks are trademarks and/or registered trademarks of ServiceNow, ...
Documentation excerpt View supporting context
Context preview Snippet 2
... color css.$nav-highlight-bar-active This color is also used as part of the theme preview on the Themes tab under system settings. Navigation unselected tab divider bar color css.$nav-highlight-bar-inactive Navigation separator color css.$nav-hr-color Select or enter the color. © 2026 ServiceNow, Inc. All rights reserved. ServiceNow, the ServiceNow logo, Now, and other ServiceNow marks are trademarks and/or registered trademarks of ServiceNow, Inc., in ...