quilt-vanilla / Variable: themeProperties

const themeProperties: object

Defined in: packages/dom/src/theme.ts:51

Type Declaration

accent

readonly accent: "--layouts-accent" = '--layouts-accent'

bg

readonly bg: "--layouts-bg" = '--layouts-bg'

controlHeight

readonly controlHeight: "--layouts-control-height" = '--layouts-control-height'

cornerHandleBorderWidth

readonly cornerHandleBorderWidth: "--layouts-corner-handle-border-width" = '--layouts-corner-handle-border-width'

cornerHandleColor

readonly cornerHandleColor: "--layouts-corner-handle-color" = '--layouts-corner-handle-color'

cornerHandleCursor

readonly cornerHandleCursor: "--layouts-corner-handle-cursor" = '--layouts-corner-handle-cursor'

cornerHandleDisplay

readonly cornerHandleDisplay: "--layouts-corner-handle-display" = '--layouts-corner-handle-display'

cornerHandleFill

readonly cornerHandleFill: "--layouts-corner-handle-fill" = '--layouts-corner-handle-fill'

cornerHandleInset

readonly cornerHandleInset: "--layouts-corner-handle-inset" = '--layouts-corner-handle-inset'

cornerHandleOpacity

readonly cornerHandleOpacity: "--layouts-corner-handle-opacity" = '--layouts-corner-handle-opacity'

cornerHandleRadius

readonly cornerHandleRadius: "--layouts-corner-handle-radius" = '--layouts-corner-handle-radius'

cornerHandleSize

readonly cornerHandleSize: "--layouts-corner-handle-size" = '--layouts-corner-handle-size'

disabledResizeHandleWidth

readonly disabledResizeHandleWidth: "--layouts-disabled-resize-handle-width" = '--layouts-disabled-resize-handle-width'

focus

readonly focus: "--layouts-focus" = '--layouts-focus'

fontFamily

readonly fontFamily: "--layouts-font-family" = '--layouts-font-family'

fontSize

readonly fontSize: "--layouts-font-size" = '--layouts-font-size'

frozenPaneBorder

readonly frozenPaneBorder: "--layouts-frozen-pane-border" = '--layouts-frozen-pane-border'

header

readonly header: "--layouts-header" = '--layouts-header'

headerHeight

readonly headerHeight: "--layouts-header-height" = '--layouts-header-height'

headerWidth

readonly headerWidth: "--layouts-header-width" = '--layouts-header-width'

iconSize

readonly iconSize: "--layouts-icon-size" = '--layouts-icon-size'

line

readonly line: "--layouts-line" = '--layouts-line'

muted

readonly muted: "--layouts-muted" = '--layouts-muted'

panel

readonly panel: "--layouts-panel" = '--layouts-panel'

panelPadding

readonly panelPadding: "--layouts-panel-padding" = '--layouts-panel-padding'

radius

readonly radius: "--layouts-radius" = '--layouts-radius'

resizeHandleWidth

readonly resizeHandleWidth: "--layouts-resize-handle-width" = '--layouts-resize-handle-width'

scrollbarSize

readonly scrollbarSize: "--layouts-scrollbar-size" = '--layouts-scrollbar-size'

scrollbarThumb

readonly scrollbarThumb: "--layouts-scrollbar-thumb" = '--layouts-scrollbar-thumb'

scrollbarTrack

readonly scrollbarTrack: "--layouts-scrollbar-track" = '--layouts-scrollbar-track'

spacing

readonly spacing: "--layouts-spacing" = '--layouts-spacing'

text

readonly text: "--layouts-text" = '--layouts-text'