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;
}

元件 class

自動產生的元件使用穩定的 .moss-* class 名稱。在 style.css 中用這些選擇器自訂樣式。

集合格線

子頁面摘要

文章列表

短代碼 class

用 {.class} 語法在短代碼區塊上加自訂 class：

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

然後在 CSS 中定位：

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