docs/obsidian-developer/Reference/CSS variables/CSS variables.md

Foundations

Abstracted variables for colors, spacing, typography and more

• [[Borders]]
• [[Colors]]
• [[Cursor]]
• [[Reference/CSS variables/Foundations/Icons|Icons]]
• [[Layers]]
• [[Radiuses]]
• [[Spacing]]
• [[Typography]]

Components

Interactive components used throughout the app

• [[Button]]
• [[Checkbox]]
• [[Color input]]
• [[Dialog]]
• [[Dragging]]
• [[Indentation guides]]
• [[Modal]]
• [[Multi-select]]
• [[Navigation]]
• [[Popover]]
• [[Slider]]
• [[Tabs]]
• [[Text input]]
• [[Toggle]]

Editor

Content types and variables used for editing and reading text files

• [[Block]]
• [[Blockquote]]
• [[Callout]]
• [[Code]]
• [[Embed]]
• [[File]]
• [[Footnote]]
• [[Headings]]
• [[Horizontal rule]]
• [[Inline title]]
• [[Link]]
• [[List]]
• [[Properties]]
• [[Table]]
• [[Tag]]

Plugins

Variables related to interface elements in core plugins

• [[Canvas]]
• [[File explorer]]
• [[Graph]]
• [[Search]]

Window

Variables related to the window chrome for the Obsidian app

• [[Divider]]
• [[Ribbon]]
• [[Scrollbar]]
• [[Reference/CSS variables/Window/Status bar|Status bar]]
• [[Window frame]]
• [[Reference/CSS variables/Window/Workspace|Workspace]]

Obsidian Publish

Variables for Obsidian Publish sites

• [[Site fonts]]
• [[Site header]]
• [[Site navigation]]
• [[Site components]]
• [[Site sidebars]]
• [[Site pages]]