☰

Thunderbird 68：参照色を変更するCSS

tag-icon • tag-icon thunderbird
Thunderbird 68：参照色を変更するCSS

以前のThunderbirdでは、電子メールで引用されたテキストの色を指定するのに非常に効果的な「QuoteColors」プラグインを使用していました。 Thunderbird 68の場合、このプラグインは単独で互換性がないため、以下を使用して同じ目標を達成しようとしていますcss。

これは私のものです。userContent.css

blockquote[type=cite] {
  border-color: #ff3f55 ! important;
  color: #ff463a ! important;
  background: #454545;  ! important;
}

blockquote[type=cite] blockquote {
  border-color: #fad123 ! important;
  color: #fad123 ! important;
  background: #656565;  ! important;
}

blockquote[type=cite] blockquote blockquote {
  border-color: #3022f0 ! important;
  color: #1e0fe4 ! important;
  background: #858585;  ! important;
}

これはうまくいきますが、メインウィンドウでのみ機能します。

「返信」をクリックして作成ウィンドウを開くと、引用符付きテキストは影響を受けません。

css作成ウィンドウで引用したテキストを変更するには、私の色をどのように使用しますか？

関連性がある場合に備えて作成ウィンドウでプレーンテキスト形式を使用しています。

ベストアンサー1

Thunderbirdプラグイン

拡張機能を更新しました。引用色;という名前で出版されました。新しい引用色、拡張子のxpiファイルは、インストールを簡素化するために署名されています。拡張機能は、そのセクションと互換性を持たせるために追加の作業を必要とするメッセージエディタ/エディタを処理しません。これを行う時間がある場合は、後で回答を編集します。

ソースとホームページ：Githubページ

ダウンロード：v0.3.5 リリース（v60.xおよびv68.xと互換性があります）

Mozillaプラグインサイト：プラグイン.thunderbird.net（まだ検討中）

カスタムCSS：

プレーンテキスト編集にはCSSがないため、CSSカスタマイズを処理できないため、プレーンテキストモードでメッセージエディタをカスタマイズするのは簡単な作業ではありません。しかし、Thunderbird は、メッセージをプレーンテキストとして送信するときに html 形式でメッセージを書き込むように設定できるため、これはプレーンテキストの適用方法によって異なります。

以下のコードをテストして教えてください。 ;) これはテスト目的のためのTB v68.4.1のカスタムCSSの完全なリストですが、設定に関する技術的な詳細が不足していることに注意してください。

span[_moz_quote=true] {
  color: green !important;
  background: green !important;
  background-color: green !important;
  border-color: green !important;
}

pre[_moz_quote=true] {
  color: green !important;
  background: green !important;
  background-color: green !important;
  border-color: green !important;
}

/* :::: ---------------------------------------------------------------------------------------- ::::: */

/* ::::: message text, incl. quotes ::::: */

.moz-text-flowed blockquote,
.moz-text-plain blockquote {
  border-color: red !important;
  color: red !important;
  background: red !important;
  background-color: red !important;
}

.moz-text-plain pre {
  border-color: red !important;
  color: red !important;
  background: red !important;
  background-color: red !important;
}

.moz-text-plain[wrap="true"] {
  color: red !important;
  background: red !important;
  background-color: red !important;
  border-color: red !important;
}

.moz-text-plain[wrap="false"] {
  color: red !important;
  background: red !important;
  background-color: red !important;
  border-color: red !important;
}

.moz-text-plain[wrap="flow"] .moz-txt-sig {
  color: red !important;
  background: red !important;
  background-color: red !important;
  border-color: red !important;
}

.moz-text-plain[graphical-quote="false"] blockquote {
  color: red !important;
  background: red !important;
  background-color: red !important;
  border-color: red !important;
}

.moz-text-plain[graphical-quote="true"] .moz-txt-citetags {
  color: red !important;
  background: red !important;
  background-color: red !important;
  border-color: red !important;
}

.moz-txt-underscore {
  color: red !important;
  background: red !important;
  background-color: red !important;
  border-color: red !important;
}

.moz-txt-formfeed {
  color: red !important;
  background: red !important;
  background-color: red !important;
  border-color: red !important;
}

/* :::: ---------------------------------------------------------------------------------------- ::::: */

body.light blockquote {
  border-inline-start: 2px solid blue !important;
  color: red !important;
  background: red !important;
  background-color: red !important;
  border-color: red !important;
}

body.sepia blockquote {
  border-inline-start: 2px solid blue !important;
  color: red !important;
  background: red !important;
  background-color: red !important;
  border-color: red !important;
}

body.dark blockquote {
  border-inline-start: 2px solid blue !important;
  color: red !important;
  background: red !important;
  background-color: red !important;
  border-color: red !important;
}

.moz-reader-content blockquote {
  color: red !important;
  background: red !important;
  background-color: red !important;
  border-color: red !important;
}

/* :::: ---------------------------------------------------------------------------------------- ::::: */

body blockquote[type=cite] {
  color: red !important;
  background: red !important;
  background-color: red !important;
  border-color: red !important;
}

/* :::: ---------------------------------------------------------------------------------------- ::::: */

body blockquote[type=cite] {
  color: red !important;
  background: red !important;
  background-color: red !important;
  border-color: red !important;
}

blockquote[type=cite] blockquote[type=cite] {
  color: red !important;
  background: red !important;
  background-color: red !important;
}

blockquote[type=cite] blockquote[type=cite] blockquote[type=cite] {
  color: red !important;
  background: red !important;
  background-color: red !important;
  border-color: red !important;
}

blockquote[type=cite] blockquote[type=cite] blockquote[type=cite] blockquote[type=cite] {
  color: red !important;
  background: red !important;
  background-color: red !important;
}

blockquote[type=cite] blockquote[type=cite] blockquote[type=cite] blockquote[type=cite] blockquote[type=cite] {
  color: red !important;
  background: red !important;
  background-color: red !important;
}

/* :::: ---------------------------------------------------------------------------------------- ::::: */

.moz-email-headers-table,
.moz-email-headers-table > tbody > tr > th,
.moz-email-headers-table > tbody > tr > td,
blockquote[type=cite] table,
blockquote[type=cite] table > tbody > tr > th,
blockquote[type=cite] table > tbody > tr > td {
  border: 1px solid transparent !important;
  color: red !important;
  background: red !important;
  background-color: red !important;
  border-color: red !important;
}

table.moz-email-headers-table:hover,
table.moz-email-headers-table:hover > tbody > tr > th,
table.moz-email-headers-table:hover > tbody > tr > td,
blockquote[type=cite] table:hover,
blockquote[type=cite] table:hover > tbody > tr > th,
blockquote[type=cite] table:hover > tbody > tr > td {
  color: red !important;
  background: red !important;
  background-color: red !important;
  border-color: red !important;
}

/* :::: ---------------------------------------------------------------------------------------- ::::: */

body > p:-moz-first-node, td > p:-moz-first-node, th > p:-moz-first-node,
body > dl:-moz-first-node, td > dl:-moz-first-node, th > dl:-moz-first-node,
body > multicol:-moz-first-node, td > multicol:-moz-first-node, th > multicol:-moz-first-node,
body > blockquote:-moz-first-node, td > blockquote:-moz-first-node, th > blockquote:-moz-first-node,
body > h1:-moz-first-node, td > h1:-moz-first-node, th > h1:-moz-first-node,
body > h2:-moz-first-node, td > h2:-moz-first-node, th > h2:-moz-first-node,
body > h3:-moz-first-node, td > h3:-moz-first-node, th > h3:-moz-first-node,
body > h4:-moz-first-node, td > h4:-moz-first-node, th > h4:-moz-first-node,
body > h5:-moz-first-node, td > h5:-moz-first-node, th > h5:-moz-first-node,
body > h6:-moz-first-node, td > h6:-moz-first-node, th > h6:-moz-first-node,
body > listing:-moz-first-node, td > listing:-moz-first-node, th > listing:-moz-first-node,
body > plaintext:-moz-first-node, td > plaintext:-moz-first-node, th > plaintext:-moz-first-node,
body > xmp:-moz-first-node, td > xmp:-moz-first-node, th > xmp:-moz-first-node,
body > pre:-moz-first-node, td > pre:-moz-first-node, th > pre:-moz-first-node,
body > ul:-moz-first-node, td > ul:-moz-first-node, th > ul:-moz-first-node,
body > menu:-moz-first-node, td > menu:-moz-first-node, th > menu:-moz-first-node,
body > dir:-moz-first-node, td > dir:-moz-first-node, th > dir:-moz-first-node,
body > ol:-moz-first-node, td > ol:-moz-first-node, th > ol:-moz-first-node {
  color: red !important;
  background: red !important;
  background-color: red !important;
  border-color: red !important;
}

おすすめ記事