Function: brandCssVariables()
brandCssVariables(
context):Record<string,string>
Convert a validated context to CSS custom properties.
Parameters
Section titled “Parameters”context
Section titled “context”assets
Section titled “assets”{ favicon: string; icon: { dark?: string; light: string; }; logo: { dark?: string; light: string; }; } = ...
assets.favicon
Section titled “assets.favicon”string = ...
assets.icon
Section titled “assets.icon”{ dark?: string; light: string; } = ...
assets.icon.dark?
Section titled “assets.icon.dark?”string = ...
assets.icon.light
Section titled “assets.icon.light”string = ...
assets.logo
Section titled “assets.logo”{ dark?: string; light: string; } = ...
assets.logo.dark?
Section titled “assets.logo.dark?”string = ...
assets.logo.light
Section titled “assets.logo.light”string = ...
colors
Section titled “colors”{ accent: string; background: string; border: string; foreground: string; muted: string; primary: string; primaryHover: string; surface: string; } = BrandColorsSchema
colors.accent
Section titled “colors.accent”string = ...
colors.background
Section titled “colors.background”string = ...
colors.border
Section titled “colors.border”string = ...
colors.foreground
Section titled “colors.foreground”string = ...
colors.muted
Section titled “colors.muted”string = ...
colors.primary
Section titled “colors.primary”string = ...
colors.primaryHover
Section titled “colors.primaryHover”string = ...
colors.surface
Section titled “colors.surface”string = ...
description
Section titled “description”string = ...
extensions
Section titled “extensions”Record<string, unknown> = ...
{ documentation?: string; repository?: string; website?: string; } = ...
links.documentation?
Section titled “links.documentation?”string = ...
links.repository?
Section titled “links.repository?”string = ...
links.website?
Section titled “links.website?”string = ...
string = ...
schemaVersion
Section titled “schemaVersion”"1" = ...
shortName
Section titled “shortName”string = ...
tagline
Section titled “tagline”string = ...
typography
Section titled “typography”{ mono: string; sans: string; } = ...
typography.mono
Section titled “typography.mono”string = ...
typography.sans
Section titled “typography.sans”string = ...
{ audience: string[]; avoid: string[]; principles: string[]; tone: string[]; } = BrandVoiceSchema
voice.audience
Section titled “voice.audience”string[] = ...
voice.avoid
Section titled “voice.avoid”string[] = ...
voice.principles
Section titled “voice.principles”string[] = ...
voice.tone
Section titled “voice.tone”string[] = ...
Returns
Section titled “Returns”Record<string, string>