共享样式资源
应用程序当前发布以下前端资源:
Tailwind 和 DaisyUI 资源提供了一种快速启动插件前端的方法。
插件也可以编译自己的 CSS 和 JavaScript。这样的前端只需与
/assets/css/scheme.css 及其定义的主题状态保持兼容即可。
主题方案
共享主题方案位于/assets/css/scheme.css。它定义了 body.light 和 body.dark 的变量。
这些变量是应用程序页面和插件页面之间的视觉约定。
主题切换
所选主题通过浏览器存储,以键值arupa.theme 共享。其值为 light 或 dark;默认值为 light。
存储保存了应用程序范围的选择,而每个插件页面通过其自身的 body.light 或 body.dark 状态反映该选择。
更改存储的值即可切换应用程序范围的主题。插件页面必须跟随更改,以便所有可见页面使用相同的主题。
web-sdk 插件提供了一个便捷的 API,用于读取、写入和观察此存储值,但存储约定与SDK 无关。