主题定制

Enterprise UI 提供了灵活的主题定制方案。

CSS 变量

组件库使用 CSS 变量来管理主题，你可以在你的应用中覆盖这些变量：

:root {
  --enterprise-color-primary: #3b82f6;
  --enterprise-color-secondary: #6b7280;
  --enterprise-color-success: #10b981;
  --enterprise-color-warning: #f59e0b;
  --enterprise-color-error: #ef4444;
  --enterprise-color-info: #06b6d4;
}

自定义主题

在你的 CSS 文件中覆盖这些变量即可实现主题定制：

:root {
  --enterprise-color-primary: #your-color;
}

组件样式覆盖

如果需要更细粒度的控制，你可以通过 className 属性传入自定义样式：

<Button className="my-custom-button">按钮</Button>

.my-custom-button {
  /* 你的自定义样式 */
}