60FOLDCOMPONENTS

Theme types

Theme identifiers, appearance patches, and catalogue types.

Import
import type { ChartTheme } from "@sixtyfold/themes";

Use the public entry point shown above.

ChartThemeId

A stable identifier for one public chart appearance preset.

Import @sixtyfold/themestype

type ChartThemeId = (typeof PUBLIC_THEME_IDS)[number]

ChartThemePreset

A deeply immutable, content-neutral line and stock appearance preset.

Import @sixtyfold/themestype

type ChartThemePreset = DeepReadonly<{
    /** Stable catalog identifier. */
    id: ChartThemeId;
    /** Human-readable English display name. */
    label: string;
    /** Recommended surrounding-page color scheme. */
    colorScheme: "dark" | "light";
    /** Line-chart appearance and repeating per-series visual patches. */
    line: {
        /** Content-neutral patch for `LineChart.updateAppearance`. */
        appearance: DeepPartial<LineAppearanceOptions>;
        /** Repeating visual patches for `LineChart.updateSeriesAppearance`. */
        series: DeepPartial<SeriesAppearanceOptions>[];
    };
    /** Stock-chart appearance patch. */
    stock: {
        /** Content-neutral patch for `StockChart.updateAppearance`. */
        appearance: DeepPartial<StockAppearanceOptions>;
    };
}>
MemberDefinitionDescription
colorScheme"dark" | "light"Recommended surrounding-page color scheme.
id"default" | "mainframe" | "blueprint" | "porcelain" | "azulejo" | "arizona" | "neon" | "shibuya" | "arcology" | "riviera" | "bauhaus" | "washi" | "botanica" | "newsprint"Stable catalog identifier.
labelstringHuman-readable English display name.
lineComplex nested type — see the public signature aboveLine-chart appearance and repeating per-series visual patches.
stockComplex nested type — see the public signature aboveStock-chart appearance patch.

LineThemePreset

A line-only view of one recursively frozen public theme preset.

Import @sixtyfold/themes/linetype

type LineThemePreset = DeepReadonly<{
    id: ChartThemeId;
    label: string;
    colorScheme: "dark" | "light";
    line: {
        appearance: DeepPartial<LineAppearanceOptions>;
        series: DeepPartial<SeriesAppearanceOptions>[];
    };
}>
MemberDefinitionDescription
colorScheme"dark" | "light"Reading-mode classification for the preset, used by host interfaces to coordinate light or dark surrounding chrome.
id"default" | "mainframe" | "blueprint" | "porcelain" | "azulejo" | "arizona" | "neon" | "shibuya" | "arcology" | "riviera" | "bauhaus" | "washi" | "botanica" | "newsprint"Unique identifier for this line theme preset.
labelstringLine theme preset label.
lineComplex nested type — see the public signature aboveRuns line.

StockThemePreset

A stock-only view of one recursively frozen public theme preset.

Import @sixtyfold/themes/stocktype

type StockThemePreset = DeepReadonly<{
    id: ChartThemeId;
    label: string;
    colorScheme: "dark" | "light";
    stock: {
        appearance: DeepPartial<StockAppearanceOptions>;
    };
}>
MemberDefinitionDescription
colorScheme"dark" | "light"Reading-mode classification for the preset, used by host interfaces to coordinate light or dark surrounding chrome.
id"default" | "mainframe" | "blueprint" | "porcelain" | "azulejo" | "arizona" | "neon" | "shibuya" | "arcology" | "riviera" | "bauhaus" | "washi" | "botanica" | "newsprint"Unique identifier for this stock theme preset.
labelstringStock theme preset label.
stockComplex nested type — see the public signature aboveRuns stock.