主题

Toolpad Studio 允许您向应用添加自定义主题，或自定义单个组件样式。

添加全局主题

1. 要更改应用程序主题，请转到检查器面板中的 Theme 选项卡。

2. 在主题选项中，您可以

   • 将 UI 更改为浅色或深色模式。
   • 从预定义的颜色列表中，为您的 UI 设置主要和辅助颜色。

3. 项目中使用的主题由 toolpad 文件夹内自动生成的 theme.yml 文件配置。文件模式文档 包含有关受支持选项的详细信息。

覆盖

为了为您页面中使用的组件提供自定义样式，您可以通过 Inspector 中的 sx 属性使用样式覆盖。

单击 sx 属性后，在 JSON 编辑器中添加样式覆盖。此处接受 MUI System sx 属性接受的任何值。