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) |