This page lists CSS variables used for Obsidian Publish site components. ## CSS variables Publish-specific variables should be defined on the `.published-container`. ### Component titles Styles for the title above components such as **Backlinks**, **Graph**, **Table of contents**, when these components are turned on in the site settings. | Variable | Description | | ----------------------------- | --------------------------------- | | `--component-title-color` | Font color | | `--component-title-font` | Font family | | `--component-title-size` | Font size | | `--component-title-style` | Font style, e.g. normal or italic | | `--component-title-transform` | Text transform, e.g. uppercase | | `--component-title-variant` | Font variant | | `--component-title-weight` | Font weight | ### Outline When activated in Publish settings, a table of contents is displayed in the right sidebar showing a navigable list of headings on the page. | Variable | Description | | --------------------------------- | -------------------------------- | | `--outline-heading-color` | Font color for inactive headings | | `--outline-heading-color-hover` | Font color for hovered heading | | `--outline-heading-color-active` | Font color for active heading | | `--outline-heading-weight-active` | Font weight for active heading | ### Graph The graph component can be turned on in Publish settings. More graph CSS variables for node and line colors are present in the inherited CSS. | Variable | Description | | ---------------- | ----------------------------- | | `--graph-height` | Height of the graph component |