如何在移动版中更改分类背景？

[Lilly (Lillian)]

我觉得用 Horizon 实现这一点可能会有点棘手^[1]，但在主题组件中，类似这样的方案是可行的。颜色将取决于你使用的变量（例如，来自深色/浅色模式颜色调色板的 --tertiary-low）。你也可以自定义变量并增加更多复杂度。

在主题组件的自定义 CSS 中：

@use "lib/viewport";

//** 针对特定类别的类别 ID **//

.category-box[data-category-id="4"] {

// ** 仅应用于移动设备 ** //

  @include viewport.until(md) {
    .category-box-inner {
       background: var(--tertiary-low);
    }
  }
}

使用你网站上当前采用的颜色调色板：

浅色模式：

深色模式：

---

1. 我发现 Horizon 很难自定义 ↩︎