Navigation

This page lists CSS variables for navigational items, such as files and folders in File explorer.

CSS variables

Variable	Description
--nav-item-size	Nav item font size
--nav-item-color	Nav item text color
--nav-item-color-hover	Nav item text color (hover)
--nav-item-color-active	Nav item text color (active)
--nav-item-color-selected	Nav item text color (selected)
--nav-item-color-highlighted	Nav item text color (highlighted)
--nav-item-background-hover	Nav item background color (hover)
--nav-item-background-active	Nav item background color (active)
--nav-item-background-selected	Nav item background color (selected)
--nav-item-padding	Nav item padding
--nav-item-parent-padding	Nav item padding for parent elements
--nav-item-children-padding-start	Nav item children start padding
--nav-item-children-margin-start	Nav item children start margin
--nav-item-weight	Nav item font weight
--nav-item-weight-hover	Nav item font weight (hover)
--nav-item-weight-active	Nav item font weight (active)
--nav-item-white-space	Nav item white-space
--nav-indentation-guide-width	Nav item indentation guide border width
--nav-indentation-guide-color	Nav item indentation guide border color
--nav-collapse-icon-color	Nav item collapse chevron color
--nav-collapse-icon-color-collapsed	Nav item collapse chevron color (collapsed)

Navigation headings

Navigation headings are used for collapsible navigation sections, such as linked mentions in the Backlinks and Outlinks plugin.

Variable	Description
--nav-heading-color	Nav heading text color
--nav-heading-color-hover	Nav heading text color (hover)
--nav-heading-color-collapsed	Collapsed nav heading text color
--nav-heading-color-colapsed-hover	Collapsed nav heading text color (hover)
--nav-heading-weight	Nav heading font weight
--nav-heading-weight-hover	Nav heading font weight (hover)