MacのCotEditorでテーマをカスタマイズする

CotEditorのテーマは、エディタのカラーリング定義をまとめたものです。好みの配色を選んだり、外観によって配色を切り替えたり、それらを設定ファイルとして書き出すことができます。

テーマ設定ビューのスクリーンショット

CotEditorのテーマでは、エディタの表示を構成する要素の配色を設定できます。

項目システムカラー不透明度説明
文字

ハイライトがされていない文字に使用される基本の文字カラー。行番号もこのカラーが使用されます。

不可視文字 ✔︎

「ウインドウ」設定で設定できる不可視文字の表示カラー。

カーソル ✔︎ ✔︎

テキストの挿入ポイントに表示されるカーソルのカラー。

背景

エディタ全体の背景カラー。

現在の行 ✔︎

「ウインドウ」設定で現在の行を表示する設定にしたときに現在行の背景。

選択範囲 ✔︎

エディタでテキストを選択したときの選択範囲の背景。

ハイライト ✔︎

「編集」設定で「選択した文字をハイライト」を有効にしたときなどに使われる、テキストの部分ハイライト用カラー。このカラーをベースに不透明度を下げたものがハイライト背景に使われます。

シンタックス ✔︎

シンタックス定義で設定されるシンタックスハイライト要素ごとのハイライト文字カラー。

カーソルや選択範囲などのいくつかのエディタを構成する要素は、macOSの「外観」システム設定によって決定されるシステムカラーが存在します。CotEditorテーマで「システムカラーを使う」にチェックを入れたときは、テーマ固定のカラーではなくシステム(「システム設定」>「外観」)で設定されたハイライトカラーが使われます。CotEditorではこのチェックを外してテーマ独自のカラーを設定することもできます。

不可視文字やカーソル、さらにシンタックスハイライトではカラーに不透明度を設定できます。一方、基本となる文字カラーとそのほかいくつかの項目では不透明度の設定はできません。これら不透明度をテーマで設定できない要素は、エディタの不透明度などの状態によって、自動的に不透明度が調整されることがあります。

テーマを設定する

  1. MacでCotEditorアプリに移動します。

  2. 「CotEditor」>「設定」と選択してから、「外観」をクリックします。

  3. 「テーマ」リストから設定したいテーマを選択します。

    新しいテーマを作成する場合は「追加」(+)ボタンをクリックします。

    既存のテーマを参考にして独自のテーマを作成するには、アクションボタンから「複製」を選択します。

  4. 設定するカラーのカラーウェルをクリックします。

  5. 「カラー」ウインドウでカラーを選択します。

    変更は自動で保存されすぐに反映されます。

テーマを外観モードで切り替える

同じテーマ名で片方の末尾に「 (Dark)」が付いている対のテーマは、ウインドウの外観モードに応じて自動的にテーマが切り替わって使用されます。このとき、ライトモード用のテーマ名はテーマ名のみ、または末尾に「 (Light)」が付いたものどちらでもかまいません。例えば、内蔵されているテーマのうち「Anura」と「Anura (Dark)」は対になっており、ライトモードのときは「Anura」が、ダークモードのときは「Anura (Dark)」が使われます。

ただし、外観テーマと逆のテーマをデフォルトテーマとして設定したときは、外観モードに関わらずそちらが優先して使われます。

カスタムテーマを書き出す

  1. MacでCotEditorアプリに移動します。

  2. 「CotEditor」>「設定」と選択してから、「外観」をクリックします。

  3. 「テーマ」リストで書き出したいテーマを選択します。

  4. 以下のいずれかの操作を行います:

    • アクションボタンをクリックするか選択した項目のコンテキストメニューを開き、「書き出す」を選択します。

    • アクションボタンをクリックするか選択した項目のコンテキストメニューを開き、「共有」を選択してから、テーマの共有方法を選択します。

    • テーマをFinderにドラッグします。

注記: カスタムテーマのみ書き出すことができます。オリジナルの内蔵テーマは書き出せません。

ヒント: CotEditor設定アーカイブとしてすべてのカスタムテーマを一度に書き出したり読み込んだりすることもできます。詳しくは、設定を書き出す/読み込むを参照してください。

カスタムテーマを読み込む

  1. MacでCotEditorアプリに移動します。

  2. 「CotEditor」>「設定」と選択してから、「外観」をクリックします。

  3. 以下のいずれかの操作を行います:

    • アクションボタンをクリックして、「読み込み」を選択してから、読み込むCotEditorテーマファイルを選択します。

    • CotEditorテーマファイルをFinderから「テーマ」リストにドロップします。

CotEditorテーマファイルは「.cottheme」という独自の拡張子を持ち、ファイルフォーマットはJSONと16進カラーコードで記述します。

関連項目