appearance.AppearancePreferences — Kuito Documentation

Usage

Observe system display settings.

tsx

// Observe system display settings.
import { appearance } from 'kuito';
import { render, test } from 'kuito/tests';

const dark: appearance.AppearancePreferences = { colorScheme: 'dark', fontScale: 1.3 };

test('the header reads in dark mode at a large text size', async () => {
  await render(<Header />, { modules: { Appearance: dark } });
});

function Header() {
  return null;
}

Type declaration

export type AppearancePreferences = {
  colorScheme: ColorSchemeName | null;
  fontScale: number;
};

Members 2

Name	Type	Required	Description
`colorScheme`	`Scheme`	Yes	—
`fontScale`	`number`	Yes	—

Generated from the public TypeScript declarations: signatures, props and defaults come from the checked source, descriptions from its JSDoc. No defaults are invented.