Thunderbirdの未読メールの色を変えました（Windows10 Home編）

メールソフトのThunderbirdを使っているのですが、未読メール（未読メッセージ）と既読メール（既読メッセージ）の見分けがつきにくいので、一目でわかるように未読メールの文字の色を青色に変更しました。

こんな感じです

変更後はこんな感じです。

変更する前はこちら。

変更後は未読メールが、とても見分けやすくなりました。

※フォント（書体）はWindows10のシステムフォントになっている「Yu Gothic UI」が老眼の私には見づらいので「Meiryo UIも大っきらい!! 」というフリーソフトを使って「メイリオ」に変更しています。

未読メールが保存されているアカウントのフォルダーの名前の色も青に変更できました。

なんで青なの？

単なる好みの問題でもありますが、私の場合は未読のまま放置しているメールが多いので、赤にするとモニターの画面を赤が占める割合が多くなって気分が落ち着かないからです。

でも、以前勤めていた職場で赤に設定したら、重要なメールの取りこぼしがほぼ無くなり、トラブルが減ったということもありました。（そのときはOutlook2010でしたが・・）

ダブルクリックしてメッセージを開いた時点で既読にする記事はこちら

Thunderbirdの未読メールをダブルクリックで既読になるように設定しました。

メールソフトのThunderbirdを使っているのですが、届いたメッセージを選択しただけで既読になってしまうのは不便なので、メッセージをダブルクリックで開いたときに既読になるように設定しました。

leafytree.info

2021-02-23

Thunderbirdのオプションの設定で変更できるの？

Outlook2010では未読メールの色を簡単に変更できるので、Thunderbirdでもすぐできるだろうと思ったら、なんと、できないのでした。

ならば、アドオンがあるだろう・・・と探してみたものの見当たりません。（探し方が悪いのかな？）

色を変えたいと思う人はあまりいないのかな・・・。

ネットで検索してみたら、MozillaZine.jp フォーラムさんに解決方法が載っていました。

MozillaZine.jp フォーラム • トピック - 未読の受信メッセージの色

forums.mozillazine.jp

未読メールの色を変えるには小細工が必要

未読メールの色を変える大まかな手順は以下のとおりです。

1. 「userChrome.css」ファイルを作成します。
2. Thunderbirdの「Profiles」フォルダーの中の「xxxxxxxx.xxxxxxx」（フォルダー名は各ユーザーで異なる）の中に「chrome」という名前のフォルダーがあるかどうかを確認します。（「Profiles」フォルダーの詳しい場所は後述します。）

   「chrome」という名前のフォルダーが既にある場合はその中に作成した「userChrome.css」ファイルを格納します。

   「chrome」という名前のフォルダーがない場合は、新たに「chrome」という名前のフォルダーを作成し、その中に作成した「userChrome.css」ファイルを格納します。

3. Thunderbirdを再起動します。

以下に具体的な手順を記載します。

1.「userChrome.css」ファイルを作成する

先ず、エクスプローラーの「表示」タブで「ファイル名拡張子」のチェックボックスにチェックを入れ、パソコン(以下PC)がファイル名の拡張子を表示するように設定します。

上の画像のように既に表示する設定になっていれば、そのままでOKです。

以下のコードをテキストエディタで文字コードをUTF-8に設定し、ファイル名を「userChrome.css」にして任意の場所（デスクトップなど）に保存します。

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* スレッドペインの未読メッセージの表示色を青色に変える */
treechildren::-moz-tree-cell-text(unread) {
  color: #0000ff !important;
}

/* フォルダペインの未読メッセージの表示色を青色に変える */
/* single folder with unread messages */
#folderTree > treechildren::-moz-tree-cell-text(hasUnreadMessages-true) {
  color: #0000ff !important;
}

/* closed folder containing subfolder with unread messages */
#folderTree > treechildren::-moz-tree-cell-text(closed, subfoldersHaveUnreadMessages-true) {
  color: #0000ff !important;
}
   
/* open folder containing subfolder with unread messages */
#folderTree > treechildren::-moz-tree-cell-text(subfoldersHaveUnreadMessages-true) {
  color: #0000ff !important;
}

CSSファイルは文字等の大きさや色などの装飾を指定するためのファイルです。
「#0000ff」という部分が青い色の指定です。この部分を変えると他の色になります。赤い色の指定なら「#ff0000」あたりでしょうか。

青と赤以外の色を設定したいという場合は以下のサイトが参考になるかもしれません。

HTMLカラーコード

HTMLカラーコードでは、ウェブサイトで使用するHTML のカラーを探すためのツールを無料で提供しています。HTMLカラーチャートとHTMLカラーピッカーは、色探しの作業を手軽にしてくれる素晴らしいツールです。

html-color-codes.info

2020年4月29日追記

CSSのコードを、あらためて見直して試してみたら、どうも以下のコードは要らない様子。

/* closed folder containing subfolder with unread messages */
#folderTree > treechildren::-moz-tree-cell-text(closed, subfoldersHaveUnreadMessages-true) {
  color: #0000ff !important;
}

以下のコードは、親フォルダ―を開いているときに限ったコードではなく、閉じている場合も含んでいるようです。

/* open folder containing subfolder with unread messages */
#folderTree > treechildren::-moz-tree-cell-text(subfoldersHaveUnreadMessages-true) {
  color: #0000ff !important;
}

なので、整理して、コメント部分も、それっぽく訂正すると・・

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* スレッドペインの未読メッセージの表示色を青色に変える */
treechildren::-moz-tree-cell-text(unread) {
  color: #0000ff !important;
}

/* 未読メッセージがある単一のフォルダのフォルダ名の表示色を青色に変える */
/* single folder with unread messages */
#folderTree > treechildren::-moz-tree-cell-text(hasUnreadMessages-true) {
  color: #0000ff !important;
}

/* 未読メッセージがあるサブフォルダーを含む親フォルダーのフォルダ名の表示色を青色に変える */
/* folder containing subfolder with unread messages */
#folderTree > treechildren::-moz-tree-cell-text(subfoldersHaveUnreadMessages-true) {
  color: #0000ff !important;
}

2020年4月29日追記ここまで

2.作成した「userChrome.css」ファイルを格納する

先ず、エクスプローラーの表示タブで「隠しファイル」のチェックボックスにチェックを入れてPCが隠しファイルを表示するように設定します。

私の現在の環境（OS:Windows10 Home /Thunderbirdのバージョン45.7.1）ではThunderbirdのプロファイルの場所は以下のようになっていました。

C:\Users（ユーザー）\アカウント名\AppData\Roaming\Thunderbird\Profiles\qaacw3mf.default

「qaacw3mf.default」フォルダーについては、ユーザー毎にフォルダー名が異なるようです。

（※「\」は、「～の中の」みたいな意味です。）

「qaacw3mf.default」フォルダーの中を確認すると「chrome」という名前のフォルダーは無かったので、新たに作成しました。

ですので、「userChrome.css」の設置場所は、

C:\Users（ユーザー）\アカウント名\AppData\Roaming\Thunderbird\Profiles\qaacw3mf.default\chrome

となります。

先ほど作成しておいた「userChrome.css」ファイルを「chrome」フォルダーの中に移動します。

CSSファイルの設置作業はこれで終わりなので、エクスプローラーの表示タブで「隠しファイル」のチェックを外して隠しファイルが表示されない設定にPCを戻しておきます。

2018年６月22日追記

「chrome」フォルダーの格納場所を簡単に開く方法をコメントにて桜さんから教えていただきました。

Thunderbirdの「三」のようなカタチのメニューボタンをクリックし、表示されたメニューで「ヘルプ」をクリック。

すると、さらに、またメニューが表示されるので、

「トラブルシューティング情報」を選択（クリック）します。

すると、トラブルシューティング情報が表示されます。

「アプリケーション基本情報」の表の「プロファイルフォルダー」の「フォルダーを開く」のところをクリックすると、

「chrome」フォルダーを格納する場所が開きます。

上の画像は、既に「chrome」フォルダーを設置済みの状態ですが、新規に設置する場合は、この中に「chrome」という名前のフォルダーがないかどうか確認し、ない場合は、新しいフォルダーを作って、フォルダー名を「chrome」に変更すればOKです。

こちらのやり方のほうがずっと簡単ですね。

桜さん、教えていただき、ありがとうございました。

3.Thunderbirdを再起動する

一旦、Thunderbirdを終了して、再び起動すると変更が反映されます。

2021年5月2日追記

コメントで くまもんさんから、上手く機能していない旨のコメントをいただいていながら、よく調べもせずにいたのですが、今日、PCをHDDからSSDに換装したところ、コードが効かないことに、遅まきながら気づきました。（プロファイルが壊れてしまったらしく、いままでのものを引き継げなかったためです）

Thunderbirdフォルダごと、プロファイルをずっと引き継いで使っていたため、私のPCではCSSのコードが有効になったままだったようです。

MozillaZineのサイトを訪れてみたところ、EarlgreyTea さんが以下のように回答されていらっしゃいました。

userChrome.css はデフォルト無効になりましたので、それを有効にする設定がされていないのではないでしょうか。
設定エディターを開いて toolkit.legacyUserProfileCustomizations.stylesheets の値を true に変更してください。

未読メールの色替えについて

MozillaZine.jp フォーラム • トピック - 未読メールの色替えについて

forums.mozillazine.jp

EarlgreyTea さんのご案内のとおりにしたところ、CSSのコードが反映されました。

ありがとうございます。

くまもんさん、せっかくコメントをくださったのに、すみませんでした。

2021年5月30日追記

くまもんさんからコメントで、コードが反映されない旨のご指摘を受け、調べたところ、MozillaZineのサイトに EarlgreyTea さんという方が解決方法を書いてくださっていました。

未読メールの色替えについて

MozillaZine.jp フォーラム • トピック - 未読メールの色替えについて

forums.mozillazine.jp

EarlgreyTea さんによると、「userCrome.css」はデフォルトで無効になったそうで、それを有効にしなければならないようです。

以下に「userCrome.css」を有効にする方法をキャプチャ画像付きで書いてみます。

Thunderbirdの「三」のようなボタンをクリックして表示されるメニューから「オプション」を選択して、オプションを開きます。

「オプション」の左側のメニューの「一般」を選択し、一番下までスクロールすると、「設定エディター」というボタンがありますので、それをクリックします。

すると、「about:config」のウィンドウが開き、

「動作保証対象外になります！」「プログラムの高度な設定を変更すると、安定性、セキュリティ、パフォーマンスに深刻な問題を引き起こす恐れがあります。設定変更による影響を完全に理解している場合に限ってご利用ください。」

との説明文が表示され、「危険性を承知の上で使用する」のボタンも表示されます。

設定変更による影響を完全に理解し、危険性を承知の上で使用される場合は、「危険性を承知の上で使用する」のボタンをクリックします。

すると、設定エディター（about:config）の画面が表示されます。

about:config の検索窓に「toolkit.legacyUserProfileCustomizations.stylesheets」と入力して検索します。

すると、設定名の列に「toolkit.legacyUserProfileCustomizations.stylesheets」が検索結果として表示されるかと思います。

表示された、「toolkit.legacyUserProfileCustomizations.stylesheets」の行をマウスで選択すると行の背景色が青に変わります。

青く表示された行のどこでも良いので右クリックし、「切り替え」をクリックするか、もしくは、青く表示された行の上でダブルクリックします。

すると、「値」が「false」から「true」に変わり、「状態」が「変更されています」に変わります。

この作業で、「userCrome.css」が有効になるようです。

about:configのウィンドウを閉じるときは、右上の×印をクリックします。

※反対に、「true」から「false」に戻したいときは、もう一度右クリックして、「切り替え」を選択するか、青く表示された行の上でダブルクリックすればOKです。

2022年8月28日追記

Thunderbirdを102系にアップデートしたところ、スレッドペインの行やフォルダペインのフォルダを選択したときに背景色が青色になるため、未読の場合に青色になるように設定していた文字が判読しにくくなってしまいました。

しばらく放置していましたが、重い腰を上げて、CSSのコードを適当に書き足してみました。

行やフォルダが選択された場合は文字が白く表示されるようにしたつもりでいるのですが・・・

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* スレッドペインの未読メッセージの表示色を青色に変える */
treechildren::-moz-tree-cell-text(unread) {
  color: #0000ff !important;
}

/* スレッドペインの選択した行の文字の色を白色にする*/
treechildren::-moz-tree-cell-text(selected, focus) {
  color: #ffffff !important;
}

/* フォルダペインの未読メッセージがある単一のフォルダのフォルダ名の表示色を青色に変える */
/* single folder with unread messages */
#folderTree > treechildren::-moz-tree-cell-text(hasUnreadMessages-true) {
  color: #0000ff !important;
}

/* フォルダペインの未読メッセージがある単一のフォルダを選択したときのフォルダ名の文字の色を白色にする*/
#folderTree > treechildren::-moz-tree-cell-text(selected, focus) {
  color: #ffffff !important;
}

/* フォルダペインの未読メッセージがあるサブフォルダーを含む親フォルダーのフォルダ名の表示色を青色に変える */
/* folder containing subfolder with unread messages */
#folderTree > treechildren::-moz-tree-cell-text(subfoldersHaveUnreadMessages-true) {
  color: #0000ff !important;
}

/* フォルダペインの未読メッセージがあるサブフォルダーを含む親フォルダーを選択したときのフォルダ名の色を白色にする*/
#folderTree > treechildren::-moz-tree-cell-text(selected, focus) {
  color: #ffffff !important;
}

適当に書き足したので、どこか間違っているかもしれません。ご利用される場合は自己責任でお願いします。

今のところ私の環境では、それっぽく表示されているようです。

コードの書き足しにあたっては以下のtb様のサイトの記事を参考にさせていただきました。

Thunderbirdの表示カスタマイズ（未読メッセージ、選択時の色）

まとめ

本記事は自分のPCで実際にThunderbirdの設定を変更したので備忘録も兼ねて書いたものです。

Thunderbirdは無料で使えるにもかかわらず、広告も表示されず、シンプルで高機能なところが私は気に入っています。アップデートで日本語の表示などもちょっとずつ改善されているようです。

未読メールの色も、もっと簡単にで設定できるようになると良いのですが・・・。

応援と期待を込めて、ほんの僅かですが、Thunderbirdに寄付をしておきました。