a57c93d35b
* chore: upgrade vitest to v0.34.3 * feat: setup NocoBase * chore: preparing test env * test: add a test of rigster * refactor: rename test dir to testUtils * chore: add tests * chore: add ci for e2e * chore: fix ci * chore: avoid error in CI * chore: add some utils for test * chore: make more stable * chore: should not close server in CI * chore: add comments * chore: change output dir * fix: should use current branch to run tests * chore: should request systemSettings by api in e2e * chore: should build first in e2e CI * chore: remove key * chore: use execa to replace execSync * refactor: extract test suite * chore: add gotoPage * chore: update uid of pageSchema * chore: update collection name * chore: use faker.js to generate data * refactor: extract page config * chore: ignore for association fields in faker * chore: add testid * chore: optimize action designer * chore: associationFilter.Item designer * chore: AssiciationFilter & BlockItem * Revert "chore: AssiciationFilter & BlockItem" This reverts commit b418df650e106fd0c8e23035d2f75acf60dcafe4. * Revert "chore: associationFilter.Item designer" This reverts commit 7aa4d35c1af7f3a780b370d8b1b44aac01697be3. * Revert "chore: optimize action designer" This reverts commit ff717b972ffd64f7968d565a3a84ad617ff889e2. * chore: optimize Designer * chore: compat with older browsers * chore: use describe to avoid hooks is not run * chore: add no-floating-promises to eslint rules * chore: support argv * chore: demo * chore: better testId * chore: change .e2e.ts to .test.ts * fix(SchemaInitializer): avoid error * refactor: move e2eUtils.ts to @nocobase/test * fix: move e2eUtils to client * chore: remove uselesscode * refactor: add .env.e2e.example * chore: optimize log * refactor: use mockPage to replace gotoPage * chore: update env.e2e * chore: add APP_BASE_URL * chore: gitigore * test: add test related of menu * chore: add SOCKET_PATH in env * fix(vscode): load env when using vscode plugin |
||
---|---|---|
.. | ||
src | ||
.npmignore | ||
client.d.ts | ||
client.js | ||
package.json | ||
README.md | ||
README.zh-CN.md | ||
server.d.ts | ||
server.js |
English | 中文
当前主题功能是在 antd 5.x 版本的基础上实现的,所以在阅读本文之前最好先阅读一下定制主题相关的概念。
介绍
目前支持编辑全局范围的 SeedToken、MapToken、AliasToken,和支持切换为 暗黑模式
和 紧凑模式
。后期有可能会支持组件级别的主题定制。
如何使用
1、启用主题插件
首先把 NocoBase 更新到最新版本,然后会在插件管理页面看到 theme-editor
的卡片,点击卡片右下角的 启用
按钮等待页面刷新。
2、跳转到主题配置页面
启用之后点击卡片左下角的设置按钮,会跳转到主题编辑页面。默认会有三个主题选项,分别是 antd 的默认主题
、暗黑主题
和 紧凑主题
。
新增一个主题
点击 添加新主题
按钮,选择 新增一个全新的主题
,然后会在页面右侧弹出一个 主题编辑器
,支持编辑 颜色
、尺寸
、风格
等。编辑好之后输入主题名称然后点击保存即可完成主题的新增。
应用新主题
可以把鼠标移到页面右上角,可以看到一个主题切换项,点击可以切换到其他主题,比如可以切换刚才新增的主题。
编辑已经存在的主题
点击卡片左下角的 编辑
按钮,如同新增主题一样,会在页面右侧弹出一个 主题编辑器
,编辑好之后点击保存即可完成主题的编辑。
用户切换主题时的可选项
新添加的主题默认是允许非管理员用户切换的,如果不想让非管理员用户切换某个主题,可以关闭主题卡片右下角的 可被用户选择
开关,这样用户就无法切换到该主题了。
设置为默认主题(默认主题不可删除)
在初始状态下,默认主题是 antd 的默认主题
,如果想把某个主题设置为默认主题,可以开启卡片右下角的 默认主题
开关,这样当新用户第一次打开页面时应用的就是该默认主题。
删除主题
点击卡片下方的 删除
按钮,然后点击弹出的确认按钮即可删除主题。