主题编辑器

调出你的 Selrux 主题

右侧预览渲染的是真实的 Button 与 Token。所有输出都对应 tokens.css 中存在的变量或 ConfigProvider 的属性。

新建项目

卡片背景、阴影、圆角与描边均读取当前 Token。

导出

selrux-theme.css

1234567891011121314/* 由 Selrux 主题编辑器生成；放在全局样式中，作用于 ConfigProvider 根 */
.srx-ui {
  --srx-primary: #bf80ff;
  --srx-primary-foreground: #261238;
  --srx-radius-sm: 4.02px;
  --srx-radius-md: 6px;
  --srx-radius-lg: 7.98px;
  --srx-radius-xl: 12px;
  --srx-space-unit: 0.25rem;
  --srx-border-width: 1px;
  --srx-shadow: 0 1px 2px rgb(0 0 0 / 0.08);
  --srx-font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  --srx-font-base: 1rem;
}

说明：本编辑器只修改上述变量；未列出的 Token（如 success、warning 等其它角色色）保持库默认值。