使用discourse 内置的深浅主题切换,在discourse中如何写dark下的样式,目前没有看到.dark样式

使用discourse 内置的深浅主题切换,在discourse中如何写dark下的样式,目前没有看到.dark样式

1 个赞

我不确定这是否是您的意思,但您可以在 CSS 中使用一个 mixin,它允许使用 2 个变量,并根据活动模式进行选择。

示例:

 color: light-dark(#ffffff, #000000);

除此之外,您的 about.json 文件中还有预制的配色方案。

来自 air 主题的示例:

  "color_schemes": {
    "air-light": {
      "primary": "1c1c1c",
      "secondary": "f9fcff",
      "tertiary": "3877e5",
      "quaternary": "7e8b93",
      "header_background": "f9fcff",
      "header_primary": "122b43",
      "highlight": "e6cb37",
      "danger": "d05454",
      "success": "71bd9f",
      "love": "c16ad7",
      "selected": "e1ebfb"
    },
    "air-dark": {
      "primary": "e0e0e0",
      "secondary": "2d2d2d",
      "tertiary": "9a5cfd",
      "quaternary": "71bd9f",
      "header_background": "202020",
      "header_primary": "e0e0e0",
      "highlight": "9a5cfd",
      "danger": "d05454",
      "success": "71bd9f",
      "love": "c16ad7",
      "selected": "2f0177",
      "hover": "535353"
    }
  },
2 个赞

是的,使用我的 CSS 中的 mixin,它允许 2 个变量,可以解决问题,谢谢。

2 个赞

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.