Thunderbird 78: userChrome.css でメール一覧の背景色を1行ごとに変える

この記事は約3分で読めます。

Thunderbird: userChrome.css で1行ごとにメール一覧の背景色を変える

こんにちは、さち です。

PC でのメール受信アプリは「Thunderbird」を使っています。先日、64bit版 のバージョン「78」へ無事にアップデートしました。

Thunderbird: 64bit版 のバージョン「78」に移行してみる
こんにちは、さち です。 普段、PC(Windows10 64bit) でのメール受信には Thunderbird を使っているんですが、これまでずっと「32 ビット」版を使ってきました。というのも、Thunderbird は「3...

以前から、メールの一覧が見やすいように、userChrome.css を使って背景色を1行ごとに変えていたんですが、いつの間にかその効果が無くなってしまいました。

メールのチェックがしにくいので、再び背景色を1行ごとに変えてみます。

スポンサーリンク

「設定エディター」の確認

最新版の Firefox で userChrome.css を使うには、「about:config」から設定を変更する必要あります。Thunderbird でも同様の作業が必要なので、確認しておきます。

  1. 画面右上の「≡(メニュー)」→「オプション」を開きます。
    Thunderbird の about:config
  2. 左側のリストから「一般」を選び、ページの一番下にある「設定エディター」ボタンをクリック。
    Thunderbird の about:config
  3. 「動作保証対象外になります!」と表示されたら、「危険性を承知の上で使用する」をクリック。
    Thunderbird の about:config
  4. 「検索」に toolkit.legacyUserProfileCustomizations.stylesheets と入力。下に表示された同じ設定名の項目をダブルクリックして、値を「true」に変更します。
    Thunderbird: userChrome.css で1行ごとにメール一覧の背景色を変える

ただ、私の場合はすでに「true」になっていたので、この設定には問題ありませんでした。

userChrome.css を編集する

原因が分からないので、userChrome.css をいろいろ編集してみると、なぜか直りました。正直、直った理由はよく分かりませんが、一応その方法を書いておきます。

  1. もともと、こちらの記事のとおり userChrome.css を作成して、 メール一覧の背景色を1行ごとに変えていました。
    Thunderbird(60以降):メール一覧の背景色を1行ごとに変える
    こんにちは、さち です。 先日、「Thunderbird」を起動してメールチェックをしていたら Stylish によるスタイルが反映されていないことに気づきました。 こちらの記事の方法を使って メール一覧の背景色を1...
  2. しかし、いつの間にか userChrome.css の効果が消えて、真っ白に戻ってしまいました。
    Thunderbird: userChrome.css で1行ごとにメール一覧の背景色を変える
  3. 使っていた userChrome.css の内容から、::-moz-tree-row(odd) の (odd) を削除してみます。
    /* 変更前 */
    #threadTree treechildren::-moz-tree-row(odd) {
      background-color: #f5f7fa;
    }
    
    /* 変更後 */
    #threadTree treechildren::-moz-tree-row {
      background-color: #f5f7fa;
    }
  4. メール一覧の背景色が1行ごとに変わりました。
    Thunderbird: userChrome.css で1行ごとにメール一覧の背景色を変える

本来、(odd) は奇数行の色を変えるための記述です。しかし、これを消すと、なぜか望みどおりの結果が得られました。正直、理由がよく分からない。謎。どうして……?

一応直りましたが、原因不明なので納得はできていません。引き続き、調査してみようと思います。ご存知の方はぜひコメント等で教えて下さると嬉しいです。よろしくお願いします。

コメント

  1. ほ。 より:

    68でもいつのまにか色が消えていたのでいじってみましたが

    #threadTree treechildren::-moz-tree-row(odd) {
    background-color: #f5f7fa !important;
    }

    と、!important を入れるとこちらはなおりました。
    78ではどうでしょう?

    • うみの さち うみの さち より:

      確かに、それで反映されるようになりますね。

      ただ、以前は私も !important を付けていたんですが、それをするとカーソル重ねた時に行の色が変わらなくなってしまうんですよね。(コメントで教えてもらいました)

      でも、"ほ。"さんのおかげで (odd) が使えない訳ではなく、CSS の優先度に原因がありそうだと分かりました。有益な情報をありがとうございました。

タイトルとURLをコピーしました