@timmo001 / groundwork-tokens
基础的设计标志:主题模式、OKLCH求解器 主题融入每个角色的光明,黑暗和黑暗,每一个核心和可选的 主题为CSS和JSON。
安装
bun add -E @timmo001/groundwork-tokens
使用
CSS设置每个 --gw-* 为每个主题和模式选择的自定义属性
data-gw-theme 和 data-gw-mode:
import "@timmo001/groundwork-tokens/themes.css";
<html data-gw-theme="base" data-gw-mode="dark"></html>
themes.json 保存与数据相同的已解决主题。这个 runtime 出口
解决并应用一个主题在浏览器中,为应用程序,让人们带来
自己的:
import { parseTheme, runtimeTheme } from "@timmo001/groundwork-tokens/runtime";
这个 omarchy-current export在机器上读取和查看Omarchy主题
对于浏览器之外的应用程序,比如桌面应用程序的主进程还是
终端用户界面。 pageTheme的 setOmarchyTheme 在视图中提供它:
import {
readOmarchyTheme,
watchOmarchyTheme,
} from "@timmo001/groundwork-tokens/omarchy-current";
主题,它们的作用和对比目标被记录在 groundwork.timmo.dev /主题.