Discourse は、リモートリポジトリからのカラースキームのインポートをサポートするようになりました。ここでは、その方法について説明します。
カラーに移動してカラースキームを追加する。
サイトの /admin/customize/colors に移動し、カラースキームを作成してください。
ヒント:
-
Web上の既存のパレット画像から色を選択するために、Chromeプラグイン（color picker）を使用しました。
-
テーマを作成した場合、カラースキームをテーマに割り当ててプレビューすると、変更がリアルタイムで反映されます。
カラースキームを含む新しい git リポジトリを作成する
mkdir my-awesome-scheme
cd my-awesome-scheme
git init .
vim about.json
about.json には、スケルトンの設定ファイルを追加します。
{
"name": "My awesome color schemes",
"about_url": "",
"license_url": "",
"color_schemes": {}
}
```\n
`LICENSE` ファイルを追加します。私は通常 [MIT を使用しています](https://github.com/SamSaffron/discourse-solarized/blob/master/LICENSE)。
```sh
vim LICENSE
変更を GitHub にプッシュする
すべての変更をコミットします:
git add LICENSE
git add about.json
git commit -am "first commit"
GitHub.com でアカウントを作成し、新しいリポジトリを作成します。
（任意）Discourse にトピックを作成して、カラースキームを議論するための場とする
理想적으로는、Customization > Theme カテゴリ内に、カラースキームのスクリーンショットをいくつか添えたトピックを作成します。この URL を about_url として使用します。
about.json ファイルの欠落情報を記入する
-
GitHub 上の LICENSE ページに移動し、その URL を
license_urlとして記入します。 -
about_urlとして、GitHub プロジェクトの URL または Discourse トピックの URL のいずれかを使用します。 -
カラースキームの
Copy to Clipboardを押し、その内容をcolor_schemesセクションに貼り付けます。
プロセスの最後に、about.json ファイルは次のような見た目になります:
{
"name": "Solarized",
"about_url": "https://github.com/SamSaffron/discourse-solarized",
"license_url": "https://github.com/SamSaffron/discourse-solarized/blob/master/LICENSE",
"color_schemes": {
"Solarized Light": {
"primary": "586E75",
"secondary": "EEE8D5",
"tertiary": "268BD2",
"quaternary": "CB4B16",
"header_background": "002B36",
"header_primary": "93A1A1",
"highlight": "B58900",
"danger": "CB4B16",
"success": "859900",
"love": "DC322F"
}
}
}
変更をコミットし、GitHub にプッシュします。
git commit -am "added more details"
git push
カラースキームが正しいことをテストする
- ローカルのカラースキームを削除します。
admin/customize/theme画面で、GitHub からテーマをインポートします。
admin/customize/colorsにアクセスし、カラースキームが正しく表示されていることを確認します。
これで、カラースキームを他の人と簡単に共有できるようになりました!
関連項目:
最終確認: @SaraDev による 2022-06-03T01:00:00Z
このドキュメントはバージョン管理されています。変更の提案は GitHub 上 で行ってください。