Discourseでは、外部リポジトリからカラースキームをインポートできるようになりました。ここでは、その方法について説明します。
カラー設定に移動してカラースキームを追加する
サイト内の /admin/customize/colors にアクセスし、カラースキームを作成します。
ヒント:
-
既存のカラーパレット画像から色を選択するために、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": {}
}
LICENSE ファイルを追加します。私は通常 MITライセンス を使用しています。
vim LICENSE
変更をGitHubにプッシュする
すべての変更をコミットします:
git add LICENSE
git add about.json
git commit -am "first commit"
GitHub.com にアカウントを作成し、新しいリポジトリを作成します。
(オプション) Discourse上にトピックを作成して、カラーに関する議論の場とする
理想的には、#plugin:theme カテゴリーにトピックを作成し、カラースキームのスクリーンショットをいくつか掲載します。これを about_url として使用します。
about.json ファイルの不足している情報を記入する
- GitHub上のLICENSEページのURLを
license_urlとして記入します。 - GitHubプロジェクトのURLまたはDiscourseのトピックURLを
about_urlとして使用します。 - カラースキームの「クリップボードにコピー」ボタンを押して、その内容を
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にアクセスし、カラースキームが正しく表示されていることを確認します。
これで、カラースキームを簡単に共有できるようになります！
関連記事:
Last Reviewed by @SaraDev on 2022-06-03T01:00:00Z
この文書はバージョン管理されています。変更を提案するには GitHub をご利用ください。