60FOLDCOMPONENTS

Tipos de tema

Identificadores de tema, patches de aparência e tipos de catálogo.

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

Use o ponto de entrada público acima. As importações apenas de tipos são removidas do JavaScript da aplicação.

ChartThemeId

Um identificador estável para um predefinido público de aparência de gráfico.

Import @sixtyfold/themestype

type ChartThemeId = (typeof PUBLIC_THEME_IDS)[number]

ChartThemePreset

Um predefinido de aparência de linhas e ações profundamente imutável e neutro quanto ao conteúdo.

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>;
    };
}>
MembroDefiniçãoDescrição
colorScheme"dark" | "light"Esquema de cores recomendado para a página envolvente.
id"default" | "mainframe" | "blueprint" | "porcelain" | "azulejo" | "arizona" | "neon" | "shibuya" | "arcology" | "riviera" | "bauhaus" | "washi" | "botanica" | "newsprint"Identificador de catálogo estável.
labelstringNome de apresentação em inglês legível por humanos.
lineComplex nested type — see the public signature aboveAparência de gráfico de linhas e padrões visuais repetidos por série.
stockComplex nested type — see the public signature aboveAparência do gráfico de ações.

LineThemePreset

Uma vista apenas com linhas de um preset de tema público congelado de forma recursiva.

Import @sixtyfold/themes/linetipo

type LineThemePreset = DeepReadonly<{
    id: ChartThemeId;
    label: string;
    colorScheme: "dark" | "light";
    line: {
        appearance: DeepPartial<LineAppearanceOptions>;
        series: DeepPartial<SeriesAppearanceOptions>[];
    };
}>
MembroDefiniçãoDescrição
colorScheme"dark" | "light"Classificação do modo de leitura para o preset, usada por interfaces anfitriãs para coordenar o chrome circundante claro ou escuro.
id"default" | "mainframe" | "blueprint" | "porcelain" | "azulejo" | "arizona" | "neon" | "shibuya" | "arcology" | "riviera" | "bauhaus" | "washi" | "botanica" | "newsprint"Identificador único para este preset de tema de linha.
labelstringEtiqueta do preset de tema de linha.
lineComplex nested type — see the public signature aboveLinha de execução.

StockThemePreset

Uma vista apenas de stock de um predefinido público de tema congelado recursivamente.

Import @sixtyfold/themes/stocktype

type StockThemePreset = DeepReadonly<{
    id: ChartThemeId;
    label: string;
    colorScheme: "dark" | "light";
    stock: {
        appearance: DeepPartial<StockAppearanceOptions>;
    };
}>
MembroDefiniçãoDescrição
colorScheme"dark" | "light"Classificação do modo de leitura para o predefinido, usada pelas interfaces anfitriãs para coordenar o chrome circundante claro ou escuro.
id"default" | "mainframe" | "blueprint" | "porcelain" | "azulejo" | "arizona" | "neon" | "shibuya" | "arcology" | "riviera" | "bauhaus" | "washi" | "botanica" | "newsprint"Identificador único para este predefinido de tema de ações.
labelstringRótulo do predefinido de tema de ações.
stockComplex nested type — see the public signature aboveExecuta ações.