Spaces:
Sleeping
Sleeping
File size: 3,408 Bytes
c63ff03 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
---
cssClass: reference
---
This page lists CSS variables for [Properties](https://help.obsidian.md/Editing+and+formatting/Properties), the YAML metadata editor for frontmatter. See also [[Checkbox]], [[Text input]] and [[Multi-select]] for variables related to the input types.
## CSS variables
### Properties container
These variables apply to the entire Properties container.
| Variable | Description |
| ---------------------------- | ----------------------- |
| `--metadata-background` | Background color |
| `--metadata-display-editing` | Display in editing mode |
| `--metadata-display-reading` | Display in reading mode |
| `--metadata-max-width` | Max width |
| `--metadata-padding` | Padding |
| `--metadata-border-color` | Border color |
| `--metadata-border-radius` | Corner radius |
| `--metadata-border-width` | Border width |
| `--metadata-gap` | Gap between properties |
### Individual properties
These variables apply to individual properties in the list.
| Variable | Description |
| --------------------------------------- | ----------------------------------------- |
| `--metadata-divider-color` | Color of divider lines between properties |
| `--metadata-divider-color-hover` | Color of dividers when property (hover) |
| `--metadata-divider-color-focus` | Color of dividers when property (focused) |
| `--metadata-divider-width` | Width of divider lines |
| `--metadata-property-padding` | Property adding |
| `--metadata-property-radius` | Property corner radius |
| `--metadata-property-background` | Property background color |
| `--metadata-property-background-hover` | Property background color (hover) |
| `--metadata-property-background-active` | Property background color (active) |
| `--metadata-label-background-hover` | Property label background color(hover) |
| `--metadata-label-background-active` | Property label background color (active) |
| `--metadata-label-font-size` | Property label font size |
| `--metadata-label-font-weight` | Property label font weight |
| `--metadata-sidebar-label-font-size` | Property label font size (sidebar) |
| `--metadata-label-text-color` | Property label text color |
| `--metadata-label-text-color-hover` | Property label text color (hover) |
| `--metadata-label-width` | Property label width |
| `--metadata-input-height` | Property input height |
| `--metadata-input-text-color` | Property input text color |
| `--metadata-input-font-size` | Property input font size |
| `--metadata-sidebar-input-font-size` | Property input font size (sidebar) |
| `--metadata-input-background` | Property input background color |
| `--metadata-input-background-hover` | Property input background color (hover) |
| `--metadata-input-background-active` | Property input background color (active) | |