Spaces:
Sleeping
Sleeping
| 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) | |