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

---
cssClass: reference
---

This page lists CSS variables for the window frame, including the title bar.

> [!note]
> To see the title bar, you need to change **Settings → Appearance → Window frame style** to **Obsidian frame**.

## CSS variables

| Variable                        | Description                                |
| ------------------------------- | ------------------------------------------ |
| `--titlebar-background`         | Titlebar background color                  |
| `--titlebar-background-focused` | Titlebar background color (focused window) |
| `--titlebar-border-width`       | Titlebar border width                      |
| `--titlebar-border-color`       | Titlebar border color                      |
| `--titlebar-text-color`         | Titlebar text color                        |
| `--titlebar-text-color-focused` | Titlebar text color (focused window)       |
| `--titlebar-text-weight`        | Titlebar font weight                       |
| `--header-height`               | Default height for frame elements          |