Skip to content
pixi-silk
GitHub repository
Interface

PanelTheme

import type { PanelTheme } from 'pixi-silk/ui/panel';

Colours and type of the editor panels. Every panel, the layer tree, the inspector and the minimap read the same tokens, so one theme restyles them all.

Properties#

PropertyTypeDescriptionDefined in
accentnumberSelection, focus rings, drop indicators.ui/panels/theme.ts:26
accentTextnumberText on top of the accent colour.ui/panels/theme.ts:28
backgroundnumberPanel body.ui/panels/theme.ts:12
backgroundAlphanumberOpacity of the panel body.ui/panels/theme.ts:14
bordernumberHairlines: the panel edge, dividers, field outlines.ui/panels/theme.ts:16
fieldnumberField background.ui/panels/theme.ts:36
fieldHovernumberField background under the pointer.ui/panels/theme.ts:38
fontFamilystringCSS font family list of every label.ui/panels/theme.ts:46
fontSizenumberFont size of rows and fields, in panel units.ui/panels/theme.ts:48
hovernumberRow and button hover.ui/panels/theme.ts:30
radiusnumberCorner radius of panels. Fields use about half of it.ui/panels/theme.ts:44
scrollbarnumberScrollbar thumb.ui/panels/theme.ts:42
selectednumberRow selection fill, drawn at selectedAlpha.ui/panels/theme.ts:32
selectedAlphanumberOpacity of the selection fill.ui/panels/theme.ts:34
shadownumberDrop shadow under floating panels.ui/panels/theme.ts:18
shadowAlphanumberOpacity of the drop shadow. 0 turns it off.ui/panels/theme.ts:20
textnumberMain text.ui/panels/theme.ts:22
textDimnumberLabels, units and secondary text.ui/panels/theme.ts:24
tracknumberSwitch tracks and segmented control backgrounds.ui/panels/theme.ts:40