Skip to main content

@dialstack/sdk-dev / js/src / AppearanceVariables

Interface: AppearanceVariables

Defined in: sdk/js/src/types/appearance.ts:20

CSS variable definitions for theming

All values should be valid CSS values (colors, sizes, etc.)

Properties​

borderRadius?​

TypeScript
optional borderRadius?: string;

Defined in: sdk/js/src/types/appearance.ts:64

borderRadiusLarge?​

TypeScript
optional borderRadiusLarge?: string;

Defined in: sdk/js/src/types/appearance.ts:66

borderRadiusSmall?​

TypeScript
optional borderRadiusSmall?: string;

Defined in: sdk/js/src/types/appearance.ts:65

colorBackground?​

TypeScript
optional colorBackground?: string;

Defined in: sdk/js/src/types/appearance.ts:26

colorBorder?​

TypeScript
optional colorBorder?: string;

Defined in: sdk/js/src/types/appearance.ts:38

colorBorderSubtle?​

TypeScript
optional colorBorderSubtle?: string;

Defined in: sdk/js/src/types/appearance.ts:39

colorDanger?​

TypeScript
optional colorDanger?: string;

Defined in: sdk/js/src/types/appearance.ts:32

colorInputBackground?​

TypeScript
optional colorInputBackground?: string;

Defined in: sdk/js/src/types/appearance.ts:42

Fill for form inputs. Defaults to colorBackground; set separately when the input fill should differ from the surface the component sits on.

colorPlaceholder?​

TypeScript
optional colorPlaceholder?: string;

Defined in: sdk/js/src/types/appearance.ts:31

Placeholder text in inputs. Defaults to colorTextSecondary at 50% so it reads dimmer than real secondary text; override to control independently.

colorPrimary?​

TypeScript
optional colorPrimary?: string;

Defined in: sdk/js/src/types/appearance.ts:22

colorPrimaryHover?​

TypeScript
optional colorPrimaryHover?: string;

Defined in: sdk/js/src/types/appearance.ts:23

colorSuccess?​

TypeScript
optional colorSuccess?: string;

Defined in: sdk/js/src/types/appearance.ts:33

colorSurfaceSubtle?​

TypeScript
optional colorSurfaceSubtle?: string;

Defined in: sdk/js/src/types/appearance.ts:37

colorText?​

TypeScript
optional colorText?: string;

Defined in: sdk/js/src/types/appearance.ts:27

colorTextSecondary?​

TypeScript
optional colorTextSecondary?: string;

Defined in: sdk/js/src/types/appearance.ts:28

colorWarning?​

TypeScript
optional colorWarning?: string;

Defined in: sdk/js/src/types/appearance.ts:34

controlHeight?​

TypeScript
optional controlHeight?: string;

Defined in: sdk/js/src/types/appearance.ts:78

Height of form controls (inputs, tabs, pagination buttons). Defaults to auto (font-derived); set to a fixed value for consistent control heights.

focusRingColor?​

TypeScript
optional focusRingColor?: string;

Defined in: sdk/js/src/types/appearance.ts:70

focusRingOffset?​

TypeScript
optional focusRingOffset?: string;

Defined in: sdk/js/src/types/appearance.ts:73

Gap between the control edge and the focus ring. Defaults to 0 (flush).

focusRingWidth?​

TypeScript
optional focusRingWidth?: string;

Defined in: sdk/js/src/types/appearance.ts:71

fontFamily?​

TypeScript
optional fontFamily?: string;

Defined in: sdk/js/src/types/appearance.ts:45

fontSizeBase?​

TypeScript
optional fontSizeBase?: string;

Defined in: sdk/js/src/types/appearance.ts:46

fontSizeLarge?​

TypeScript
optional fontSizeLarge?: string;

Defined in: sdk/js/src/types/appearance.ts:48

fontSizeSmall?​

TypeScript
optional fontSizeSmall?: string;

Defined in: sdk/js/src/types/appearance.ts:47

fontSizeXLarge?​

TypeScript
optional fontSizeXLarge?: string;

Defined in: sdk/js/src/types/appearance.ts:49

fontWeightBold?​

TypeScript
optional fontWeightBold?: string;

Defined in: sdk/js/src/types/appearance.ts:52

fontWeightMedium?​

TypeScript
optional fontWeightMedium?: string;

Defined in: sdk/js/src/types/appearance.ts:51

fontWeightNormal?​

TypeScript
optional fontWeightNormal?: string;

Defined in: sdk/js/src/types/appearance.ts:50

iconSize?​

TypeScript
optional iconSize?: string;

Defined in: sdk/js/src/types/appearance.ts:81

iconSizeSmall?​

TypeScript
optional iconSizeSmall?: string;

Defined in: sdk/js/src/types/appearance.ts:82

lineHeight?​

TypeScript
optional lineHeight?: string;

Defined in: sdk/js/src/types/appearance.ts:53

playerButtonSize?​

TypeScript
optional playerButtonSize?: string;

Defined in: sdk/js/src/types/appearance.ts:85

playerProgressHandleSize?​

TypeScript
optional playerProgressHandleSize?: string;

Defined in: sdk/js/src/types/appearance.ts:87

playerProgressHeight?​

TypeScript
optional playerProgressHeight?: string;

Defined in: sdk/js/src/types/appearance.ts:86

spacingLg?​

TypeScript
optional spacingLg?: string;

Defined in: sdk/js/src/types/appearance.ts:60

spacingMd?​

TypeScript
optional spacingMd?: string;

Defined in: sdk/js/src/types/appearance.ts:59

spacingSm?​

TypeScript
optional spacingSm?: string;

Defined in: sdk/js/src/types/appearance.ts:58

spacingUnit?​

TypeScript
optional spacingUnit?: string;

Defined in: sdk/js/src/types/appearance.ts:56

spacingXl?​

TypeScript
optional spacingXl?: string;

Defined in: sdk/js/src/types/appearance.ts:61

spacingXs?​

TypeScript
optional spacingXs?: string;

Defined in: sdk/js/src/types/appearance.ts:57

spinnerSize?​

TypeScript
optional spinnerSize?: string;

Defined in: sdk/js/src/types/appearance.ts:93

timeDisplayWidth?​

TypeScript
optional timeDisplayWidth?: string;

Defined in: sdk/js/src/types/appearance.ts:96

transitionDuration?​

TypeScript
optional transitionDuration?: string;

Defined in: sdk/js/src/types/appearance.ts:69

unreadIndicatorSize?​

TypeScript
optional unreadIndicatorSize?: string;

Defined in: sdk/js/src/types/appearance.ts:90

On this page