Discourse では、リモートリポジトリからカラースケームをインポートできるようになりました。ここでは、その手順を実演します。
カラーとカラースケームの追加へ移動
サイトの /admin/customize/colors にアクセスし、カラースケームを作成します。
ヒント:
-
既存のウェブ上のパレット画像から色を選択するには、Chrome プラグイン（カラーピッカー）を使用しました。
-
テーマを作成する場合は、カラースケームをテーマに割り当ててプレビューすると、変更がリアルタイムに反映されます。
カラースケームを含む新しい 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にアクセスし、カラースケームが正しく表示されていることを確認します。
これで、カラースケームを他の人と簡単に共有できるようになりました！
関連項目:
最終レビュー日：2022 年 6 月 2 日 18:00:00（太平洋標準時）@SaraDev によるレビュー
このドキュメントはバージョン管理されています。変更を提案する場合は GitHub でお願いします。