CSS

自定义样式表

在项目根目录创建 style.css。moss 在默认主题之后加载它，你的规则会覆盖默认值。

:root {
  --moss-color-accent: #2d5a2d;
  --moss-font-body: "Inter", -apple-system, sans-serif;
  --moss-content-width: 72ch;
}

不需要构建步骤，不需要配置。文件自动加载。

变量

字体

颜色

布局

间距

深色模式

深色模式自动跟随系统设置。用以下选择器自定义深色模式配色：

[data-theme="dark"] {
  --moss-color-bg: #0f0f0f;
  --moss-color-accent: #6abf6a;
}

组件类名

自动生成的组件使用稳定的 .moss-* 类名。在 style.css 中用这些类名来定制样式。

集合网格

子页面摘要

文章列表

短代码类名

用 {.class} 语法给短代码块添加自定义类：

:::grid 3 {.profiles .featured}
...
:::

然后在 CSS 中定制：

.profiles .moss-grid-card {
  border-radius: 50%;
}