The left sidebar is present when [[Site navigation]] is turned on. The right sidebar is present when the **Graph** and/or **Table of Contents** [[Site components]] are turned on. When these components are turned off, the following variables have no effect. ## CSS variables Publish-specific variables should be defined on the `.published-container`. | Variable | Description | | ------------------------------ | ---------------------------------- | | `--sidebar-left-width` | Width of the left sidebar | | `--sidebar-left-background` | Background color of left sidebar | | `--sidebar-left-border-width` | Right border width of left sidebar | | `--sidebar-left-border-color` | Right border color of left sidebar | | `--sidebar-right-width` | Width of the right sidebar | | `--sidebar-right-background` | Background color of right sidebar | | `--sidebar-right-border-width` | Left border width of right sidebar | | `--sidebar-right-border-color` | Left border color of right sidebar |