When activated in Publish settings, navigation is placed in the left sidebar and can be styled with the following variables. Top-level items and folders can be treated differently than nested items. ## CSS variables Publish-specific variables should be defined on the `.published-container`. | Variable | Description | | --------------------------------- | ------------------------------------------ | | `--nav-collapse-icon-color` | Collapse icon color | | `--nav-collapse-icon-color-hover` | Collapse icon color (hovered) | | `--nav-parent-item-color` | Font color for folders and top-level items | | `--nav-parent-item-color-active` | Font color for active top-level items | | `--nav-parent-item-weight` | Font weight for top-level items | | `--nav-item-color` | Font color for nested items | | `--nav-item-color-hover` | Font color for hovered nested items | | `--nav-item-color-active` | Font color for active nested items | | `--nav-item-border-color` | Border color for nested items | | `--nav-item-border-color-hover` | Border color for hovered nested items | | `--nav-item-border-color-active` | Border color for active nested items | | `--nav-item-weight-active` | Font weight for active nested items |