60FOLDCOMPONENTS

Types de thème

Identificateurs de thème, correctifs d'apparence et types de catalogue.

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

Utilisez le point d’entrée public ci-dessus. Les imports de types sont retirés du JavaScript de l’application.

ChartThemeId

Un identifiant stable pour un préréglage d'apparence public de graphique.

Importer @sixtyfold/themestype

type ChartThemeId = (typeof PUBLIC_THEME_IDS)[number]

ChartThemePreset

Un jeu d'apparence profondé­ment immutable et neutre au niveau du contenu pour lignes et titres.

Importer @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>;
    };
}>
MembreDéfinitionDescription
colorScheme"dark" | "light"Schéma de couleurs recommandé pour la page environnante.
id"default" | "mainframe" | "blueprint" | "porcelain" | "azulejo" | "arizona" | "neon" | "shibuya" | "arcology" | "riviera" | "bauhaus" | "washi" | "botanica" | "newsprint"Identifiant de catalogue stable.
labelstringNom d’affichage lisible en anglais.
lineComplex nested type — see the public signature aboveApparence du graphique en ligne et motifs visuels répétitifs par série.
stockComplex nested type — see the public signature abovePatch d'apparence de graphique boursier.

LineThemePreset

Une vue uniquement en ligne d'un preset de thème public gelé récursivement.

Import @sixtyfold/themes/linetype

type LineThemePreset = DeepReadonly<{
    id: ChartThemeId;
    label: string;
    colorScheme: "dark" | "light";
    line: {
        appearance: DeepPartial<LineAppearanceOptions>;
        series: DeepPartial<SeriesAppearanceOptions>[];
    };
}>
MembreDéfinitionDescription
colorScheme"dark" | "light"Classification du mode de lecture pour le preset, utilisée par les interfaces hôtes pour coordonner un chrome environnant clair ou sombre.
id"default" | "mainframe" | "blueprint" | "porcelain" | "azulejo" | "arizona" | "neon" | "shibuya" | "arcology" | "riviera" | "bauhaus" | "washi" | "botanica" | "newsprint"Identifiant unique pour ce preset de thème de ligne.
labelstringLibellé du preset de thème de ligne.
lineComplex nested type — see the public signature aboveLigne d’exécution.

StockThemePreset

Vue en lecture seule d’un preset de thème public, gelé de façon récursive.

Import @sixtyfold/themes/stocktype

type StockThemePreset = DeepReadonly<{
    id: ChartThemeId;
    label: string;
    colorScheme: "dark" | "light";
    stock: {
        appearance: DeepPartial<StockAppearanceOptions>;
    };
}>
MembreDéfinitionDescription
colorScheme"dark" | "light"Classification du mode de lecture pour le preset, utilisée par les interfaces hôtes pour coordonner le chrome environnant clair ou sombre.
id"default" | "mainframe" | "blueprint" | "porcelain" | "azulejo" | "arizona" | "neon" | "shibuya" | "arcology" | "riviera" | "bauhaus" | "washi" | "botanica" | "newsprint"Identifiant unique pour ce preset de thème par défaut.
labelstringÉtiquette du preset de thème par défaut.
stockComplex nested type — see the public signature aboveExécute le stock.