OriaTheme
GitHub

對於應用程式開發人員

應用程式定義的預設

在應用程式程式碼中註冊完整、有效的 ThemeDefinitions；不要將它們作為官方目錄提供或繞過核心驗證。

創建完整的定義並首先驗證它

ts
import { createThemeFromSeed, validateTheme, oriaStandardContract } from "@oriatheme/core";

const brandTheme = createThemeFromSeed(
  { color: "#2563eb" },
  { id: "acme-blue", name: "Acme Blue" },
);
const result = validateTheme(brandTheme, oriaStandardContract);
if (!result.ok) throw new Error("Theme definition is invalid");

生產應用程式應在建置或受控初始化期間驗證完整的 ThemeDefinition。不要從不受信任的 JSON 編譯 CSS；透過核心導入和驗證 API 路由使用者輸入。

使用官方預設將其傳遞給運行時

ts
import { oriaPresetThemes } from "@oriatheme/presets";
import { createOriaThemeRuntime } from "@oriatheme/runtime-dom";

const runtime = createOriaThemeRuntime({
  presets: [...oriaPresetThemes, brandTheme],
  defaultThemeId: "acme-blue",
});

這不是官方預設目錄

@oriatheme/presets中的目錄由OriaTheme的發布流程維護。應用程式預設僅屬於應用程式自己的配置：它們不能覆蓋官方 ID 或繞過核心驗證、解析或運行時原子應用程式。

返回套餐選擇