Properties

This page lists CSS variables for 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 padding
--metadata-property-radius	Property corner radius
--metadata-property-radius-hover	Property corner radius (hover)
--metadata-property-radius-focus	Property corner radius (focus)
--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)