claudius-chat-widget
    Preparing search index...

    Interface ClaudiusTheme

    A Claudius design-token theme. Every value is a CSS string applied via --cl-* custom properties. colors apply to both light and dark modes unless colorsDark overrides a token for dark mode specifically.

    JSON theme files validate against https://claudius-docs.pages.dev/schema/theme.v1.json

    interface ClaudiusTheme {
        $schema?: string;
        colors?: Partial<
            Record<
                | "error"
                | "link"
                | "text"
                | "accent"
                | "accentText"
                | "accentSoft"
                | "accentTextMuted"
                | "surface"
                | "surfaceMuted"
                | "textMuted"
                | "border"
                | "userBubble"
                | "userBubbleText"
                | "assistantBubble"
                | "assistantBubbleText"
                | "field"
                | "errorSurface"
                | "errorText"
                | "scrim",
                string,
            >,
        >;
        colorScheme?: "light"
        | "dark"
        | "auto";
        colorsDark?: Partial<
            Record<
                | "error"
                | "link"
                | "text"
                | "accent"
                | "accentText"
                | "accentSoft"
                | "accentTextMuted"
                | "surface"
                | "surfaceMuted"
                | "textMuted"
                | "border"
                | "userBubble"
                | "userBubbleText"
                | "assistantBubble"
                | "assistantBubbleText"
                | "field"
                | "errorSurface"
                | "errorText"
                | "scrim",
                string,
            >,
        >;
        fonts?: Partial<Record<"heading" | "body", string>>;
        name?: string;
        radii?: Partial<Record<"sm" | "md" | "lg" | "full" | "tail", string>>;
        shadows?: Partial<
            Record<"elevated" | "floating" | "floatingHover", string>,
        >;
    }
    Index

    Properties

    $schema? colors? colorScheme? colorsDark? fonts? name? radii? shadows?

    Properties

    $schema?: string

    Optional JSON Schema URL, for editor validation and autocomplete.

    colors?: Partial<
        Record<
            | "error"
            | "link"
            | "text"
            | "accent"
            | "accentText"
            | "accentSoft"
            | "accentTextMuted"
            | "surface"
            | "surfaceMuted"
            | "textMuted"
            | "border"
            | "userBubble"
            | "userBubbleText"
            | "assistantBubble"
            | "assistantBubbleText"
            | "field"
            | "errorSurface"
            | "errorText"
            | "scrim",
            string,
        >,
    >

    Color token overrides applied in both light and dark mode.

    colorScheme?: "light" | "dark" | "auto"

    Initial color scheme this theme is designed for. Defaults to "light".

    colorsDark?: Partial<
        Record<
            | "error"
            | "link"
            | "text"
            | "accent"
            | "accentText"
            | "accentSoft"
            | "accentTextMuted"
            | "surface"
            | "surfaceMuted"
            | "textMuted"
            | "border"
            | "userBubble"
            | "userBubbleText"
            | "assistantBubble"
            | "assistantBubbleText"
            | "field"
            | "errorSurface"
            | "errorText"
            | "scrim",
            string,
        >,
    >

    Color token overrides applied only in dark mode, layered over ClaudiusTheme.colors.

    fonts?: Partial<Record<"heading" | "body", string>>

    Font-family token overrides.

    name?: string

    Human-readable theme name.

    radii?: Partial<Record<"sm" | "md" | "lg" | "full" | "tail", string>>

    Border-radius token overrides.

    shadows?: Partial<Record<"elevated" | "floating" | "floatingHover", string>>

    Box-shadow token overrides.

    Settings

    Member Visibility

    On This Page

    Properties