docs/obsidian-developer/Reference/CSS variables/Publish/Site sidebars.md

metadata

cssClass: reference

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