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)
Navigation
Interactive graph