Skip to content

quilt-vanilla / Interface: LayoutTheme ​

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

All values are CSS values. Theme state is separate from serialized layout structure.

Properties ​

accent? ​

optional accent?: string

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


bg? ​

optional bg?: string

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


controlHeight? ​

optional controlHeight?: string

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


cornerHandleBorderWidth? ​

optional cornerHandleBorderWidth?: string

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

1px 0 0 1px bracket stroke.


cornerHandleColor? ​

optional cornerHandleColor?: string

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

muted color.


cornerHandleCursor? ​

optional cornerHandleCursor?: string

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

CSS cursor over corner handles (default crosshair).


cornerHandleDisplay? ​

optional cornerHandleDisplay?: string

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

block; none disables corner targets.


cornerHandleFill? ​

optional cornerHandleFill?: string

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

transparent.


cornerHandleInset? ​

optional cornerHandleInset?: string

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

0px offset from pane edges.


cornerHandleOpacity? ​

optional cornerHandleOpacity?: string

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

0.35 idle opacity.


cornerHandleRadius? ​

optional cornerHandleRadius?: string

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

0px.


cornerHandleSize? ​

optional cornerHandleSize?: string

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

16px target size.


disabledResizeHandleWidth? ​

optional disabledResizeHandleWidth?: string

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

Gap for disabled dividers in CSS pixels (default 0px).


focus? ​

optional focus?: string

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


fontFamily? ​

optional fontFamily?: string

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


fontSize? ​

optional fontSize?: string

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


frozenPaneBorder? ​

optional frozenPaneBorder?: string

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

Border color at disabled, gapless boundaries; defaults to line. Use transparent to hide.


optional header?: string

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


headerHeight? ​

optional headerHeight?: string

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


headerWidth? ​

optional headerWidth?: string

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

Width of the vertical tab rail (default 32px).


iconSize? ​

optional iconSize?: string

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

Tab and menu icon size (default 16px).


line? ​

optional line?: string

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


muted? ​

optional muted?: string

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


panel? ​

optional panel?: string

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


panelPadding? ​

optional panelPadding?: string

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

Shared floating-tab inset and application content padding in CSS pixels (default 8px).


radius? ​

optional radius?: string

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


resizeHandleWidth? ​

optional resizeHandleWidth?: string

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

Resize gap in CSS pixels (default 4px). Explicit split gaps take precedence.


scrollbarSize? ​

optional scrollbarSize?: string

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


scrollbarThumb? ​

optional scrollbarThumb?: string

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


scrollbarTrack? ​

optional scrollbarTrack?: string

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


spacing? ​

optional spacing?: string

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


text? ​

optional text?: string

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

Documentation for released Quilt 0.11.0.