60FOLDCOMPONENTS

Tipos de tema

Identificadores de tema, parches de apariencia y tipos de catálogo.

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

Usa el punto de entrada público indicado arriba. Las importaciones solo de tipos se eliminan del JavaScript de la aplicación.

ChartThemeId

Un identificador estable para un ajuste preestablecido de apariencia pública de gráfico.

Importar @sixtyfold/themestipo

type ChartThemeId = (typeof PUBLIC_THEME_IDS)[number]

ChartThemePreset

Un preset de apariencia de línea y valores profundamente inmutable y neutral en cuanto a contenido.

Importar @sixtyfold/themestipo

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>;
    };
}>
MiembroDefiniciónDescripción
colorScheme"dark" | "light"Esquema de color recomendado para la página circundante.
id"default" | "mainframe" | "blueprint" | "porcelain" | "azulejo" | "arizona" | "neon" | "shibuya" | "arcology" | "riviera" | "bauhaus" | "washi" | "botanica" | "newsprint"Identificador estable de catálogo.
labelstringNombre para mostrar en inglés legible por humanos.
lineComplex nested type — see the public signature aboveApariencia de gráfico de líneas y parches visuales repetidos por serie.
stockComplex nested type — see the public signature aboveParche de apariencia del gráfico bursátil.

LineThemePreset

Una vista solo con línea de un preset de tema público congelado recursivamente.

Importar @sixtyfold/themes/linetipo

type LineThemePreset = DeepReadonly<{
    id: ChartThemeId;
    label: string;
    colorScheme: "dark" | "light";
    line: {
        appearance: DeepPartial<LineAppearanceOptions>;
        series: DeepPartial<SeriesAppearanceOptions>[];
    };
}>
MiembroDefiniciónDescripción
colorScheme"dark" | "light"Clasificación de modo de lectura para el preset, usada por las interfaces host para coordinar un chrome circundante claro u oscuro.
id"default" | "mainframe" | "blueprint" | "porcelain" | "azulejo" | "arizona" | "neon" | "shibuya" | "arcology" | "riviera" | "bauhaus" | "washi" | "botanica" | "newsprint"Identificador único para este preset de tema de línea.
labelstringEtiqueta del preset de tema de línea.
lineComplex nested type — see the public signature aboveEjecuta línea.

StockThemePreset

Vista de solo stock de un preset público de tema congelado recursivamente.

Import @sixtyfold/themes/stocktype

type StockThemePreset = DeepReadonly<{
    id: ChartThemeId;
    label: string;
    colorScheme: "dark" | "light";
    stock: {
        appearance: DeepPartial<StockAppearanceOptions>;
    };
}>
MiembroDefiniciónDescripción
colorScheme"dark" | "light"Clasificación del modo de lectura para el preset, usada por interfaces host para coordinar chrome circundante claro u oscuro.
id"default" | "mainframe" | "blueprint" | "porcelain" | "azulejo" | "arizona" | "neon" | "shibuya" | "arcology" | "riviera" | "bauhaus" | "washi" | "botanica" | "newsprint"Identificador único para este preset de tema de acciones.
labelstringEtiqueta del preset de tema de acciones.
stockComplex nested type — see the public signature aboveEjecuta acciones.