跳到内容

设计与主题

如果默认主题已经满足需求,可以直接开始发布。需要自定义颜色、字体、间距、组件样式或页面交互时,再使用主题文件。

在项目的 .moss/theme/ 中放入 style.css,必要时再加入 script.js。青苔会自动加载它们;CSS 适合调整外观,JavaScript 适合页面确实需要的行为。主题文件仍是项目中的普通文件,没有额外的构建步骤。

每次修改后都在预览中检查亮色、暗色和窄屏布局,确保自定义样式不会影响可读性或内置组件。

完整的变量、组件、暗色模式和脚本约定见编写主题,具体的 CSS tokens 和 Components 参考也可继续阅读。

青苔