Mixins / foldkit-mixins/app

AppStyleOptions

interface · packages/mixins/src/app.ts:25

interface AppStyleOptions<Palette extends ThemeTokens> {
  readonly palette: Palette
  readonly colorScheme?: NonNullable<RootOptions['colorScheme']>
  readonly global?: ReadonlyArray<StyleValue>
}

Members

AppStyleOptions.palette

property · packages/mixins/src/app.ts:27

readonly palette: Palette

The application's own tokens, usually Theme.oklch(…), laid over Theme.tokens.

AppStyleOptions.colorScheme

property · packages/mixins/src/app.ts:29

readonly colorScheme?: NonNullable<RootOptions['colorScheme']>

The page's color-scheme; 'light' keeps a light page light in a dark browser. Default 'light dark'.

AppStyleOptions.global

property · packages/mixins/src/app.ts:34

readonly global?: ReadonlyArray<StyleValue>

More page-wide pieces after Defaults.body, such as Defaults.headings, keyframes or a font face, placed in the defaults layer.