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) |