setAppearance()

Function@tryyoursize/react-native

Live restyle (e.g. your dark mode); an open window updates at once.

function setAppearance(appearance: Appearance): void

Parameters

appearanceAppearanceRequired

Properties

theme"inherit" | "tryyoursize"Optional

"inherit" (default): your app's own colours and font. "tryyoursize": the light beige brand.

variables{ /** Hex: "#rrggbb" or "#rrggbbaa". */ colorPrimary?: string; colorBackground?: string; colorText?: string; /** A CSS font-family for the window. */ fontFamily?: string; /** Corner radius, 0–32. */ borderRadius?: number; }Optional

fonts{ cssSrc: string }[]Optional

Google Fonts stylesheets for the window.

Example

React NativeSwiftKotlinFlutter

setAppearance({ variables: { colorPrimary: "#3b2f26" } });

tys.appearance.colorPrimary = TYSColor(hex: "#3b2f26") // an open window restyles at once

tys.appearance = tys.appearance.copy(colorPrimary = 0xFF3B2F26.toInt())

await tys.setAppearance(const Appearance(colorPrimary: Color(0xFF3B2F26)));