こんにちは、さち です。
PC でのメール受信アプリは「Thunderbird」を使っています。先日、64bit版 のバージョン「78」へ無事にアップデートしました。
Thunderbird： 64bit版 のバージョン「78」に移行してみる
こんにちは、さち です。普段、PC（Windows10 64bit） でのメール受信には Thunderbird を使っているんですが、これまでずっと「32 ビット」版を使ってきました。というのも、Thunderbird は「32 ビット」
at.sachi-web.com
2020.07.31
以前から、メールの一覧が見やすいように、userChrome.css を使って背景色を1行ごとに変えていたんですが、いつの間にかその効果が無くなってしまいました。
メールのチェックがしにくいので、再び背景色を1行ごとに変えてみます。
「設定エディター」の確認
最新版の Firefox で userChrome.css を使うには、「about:config」から設定を変更する必要あります。Thunderbird でも同様の作業が必要なので、確認しておきます。
- 画面右上の「≡（メニュー）」→「オプション」を開きます。
- 左側のリストから「一般」を選び、ページの一番下にある「設定エディター」ボタンをクリック。
- 「動作保証対象外になります！」と表示されたら、「危険性を承知の上で使用する」をクリック。
- 「検索」に
toolkit.legacyUserProfileCustomizations.stylesheetsと入力。下に表示された同じ設定名の項目をダブルクリックして、値を「true」に変更します。
ただ、私の場合はすでに「true」になっていたので、この設定には問題ありませんでした。
userChrome.css を編集する
原因が分からないので、userChrome.css をいろいろ編集してみると、なぜか直りました。正直、直った理由はよく分かりませんが、一応その方法を書いておきます。
- もともと、こちらの記事のとおり userChrome.css を作成して、メール一覧の背景色を1行ごとに変えていました。
![]()
Thunderbird（60以降）：メール一覧の背景色を1行ごとに変えるこんにちは、さち です。先日、「Thunderbird」を起動してメールチェックをしていたらStylish によるスタイルが反映されていないことに気づきました。こちらの記事の方法を使ってメール一覧の背景色を1行ごとに変えて見やすくしていたんat.sachi-web.com2019.02.06 - しかし、いつの間にか userChrome.css の効果が消えて、真っ白に戻ってしまいました。
- 使っていた userChrome.css の内容から、
::-moz-tree-row(odd)の(odd)を削除してみます。/* 変更前 */ #threadTree treechildren::-moz-tree-row(odd) { background-color: #f5f7fa; } /* 変更後 */ #threadTree treechildren::-moz-tree-row { background-color: #f5f7fa; } - メール一覧の背景色が1行ごとに変わりました。
本来、(odd) は奇数行の色を変えるための記述です。しかし、これを消すと、なぜか望みどおりの結果が得られました。正直、理由がよく分からない。謎。どうして……？
一応直りましたが、原因不明なので納得はできていません。引き続き、調査してみようと思います。ご存知の方はぜひコメント等で教えて下さると嬉しいです。よろしくお願いします。
コメント
68でもいつのまにか色が消えていたのでいじってみましたが
#threadTree treechildren::-moz-tree-row(odd) {
background-color: #f5f7fa !important;
}
と、!important を入れるとこちらはなおりました。
78ではどうでしょう？
確かに、それで反映されるようになりますね。
ただ、以前は私も !important を付けていたんですが、それをするとカーソル重ねた時に行の色が変わらなくなってしまうんですよね。（コメントで教えてもらいました）
でも、"ほ。"さんのおかげで (odd) が使えない訳ではなく、CSS の優先度に原因がありそうだと分かりました。有益な情報をありがとうございました。
最近Thunderbird使い始めたところです。
時が経っているので既に解決しているかもしれませんが、これでいけました。
マウスオーバー時のシステムの色を見つけられなかったので類似の色にしてあります。
#threadTree treechildren::-moz-tree-row(even) {
background-color: #f5f7fa !important;
}
#threadTree treechildren::-moz-tree-row(hover) {
background-color: #ececec !important;
}
すみません確認不足でした。
これでお願いします。
#threadTree treechildren::-moz-tree-row(even) {
background-color: #f5f7fa !important;
}
#threadTree treechildren::-moz-tree-row(hover) {
background-color: -moz-Dialog !important;
}
#threadTree treechildren::-moz-tree-row(selected, focus) {
background-color: Highlight !important;
}
情報ありがとうございます！