obsidianmd/obsidian-developer-docs

Missing CSS variables

dbarenholz opened this issue · 1 comments

Hello!

The following CSS variables are used by Obsidian, but not documented:

  /* Window frame */
  --titlebar-background: var(--background-secondary);
  --titlebar-background-focused: var(--background-secondary-alt);
  --titlebar-border-width: 0px;
  --titlebar-border-color: var(--background-modifier-border);
  --titlebar-text-color: var(--text-muted);
  --titlebar-text-color-focused: var(--text-normal);
  --titlebar-text-weight: var(--font-bold);

I think the correct place to add this would be under Window on https://docs.obsidian.md/Reference/CSS+variables/CSS+variables.

This is copied directly from app.css. For convenience, have it in copyable markdown table format to be put wherever it should be put on the docs pages.

# Window Frame / Titlebar

| Variable                        | Default                            |
| ------------------------------- | ---------------------------------- |
| `--titlebar-background`         | `var(--background-secondary)`      |
| `--titlebar-background-focused` | `var(--background-secondary-alt)`  |
| `--titlebar-border-width`       | `0px`                              |
| `--titlebar-border-color`       | `var(--background-modifier-border)`|
| `--titlebar-text-color`         | `var(--text-muted)`                |
| `--titlebar-text-color-focused` | `var(--text-normal)`               |
| `--titlebar-text-weight`        | `var(--font-bold)`                 |

I am blind, it is there.