自動生成された色変数の値を上書きする

v2.3.3(9 月上旬リリース)より、リモートテーマで自動生成された SASS 色変数($primary-low$primary-medium など)をオーバーライドできるようになりました(ただし、現在はまだ管理画面 UI 経由では直接行うことができません)。

これらの色のいずれかをオーバーライドするには、テーマの about.json ファイル内の color_scheme セクションにその色を追加する必要があります。これを行えば、/admin/customize/colors の色スキーム内にオーバーライドが反映されていることを確認できます。

"color_schemes": {
    "My_colors": {
      "primary": "000000",
      "primary-high": "333333",
      "primary-medium": "666666",
      "primary-low-mid": "999999",
      "primary-low": "cccccc"
    }
  }

すべての色変換は color_transformations.scss に一覧表示されています。また、デフォルトのライト色スキームで生成される色は、https://theme-creator.discourse.org/styleguide/atoms/colors でプレビューすることもできます。

リモートテーマの詳細については、Structure of themes and theme components および Developing Discourse Themes & Theme Components をご覧ください。

「いいね!」 32