web-dev-qa-db-ja.com

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の色を使用して、com、poseウィンドウの引用テキストを変更するにはどうすればよいですか？

必要に応じて、作成ウィンドウでプレーンテキスト形式を使用しています。

thunderbird
2
400 the Cat

Thunderbirdアドオン

拡張子QuoteColors;を更新しました。これは、New QuoteColorsという名前でリリースされます。拡張機能のxpiファイルは、インストールを容易にするために署名されていることに注意してください。拡張機能はメッセージコンポーザー/エディターを処理しません。これはそのセクションと互換性を持たせるために追加の作業が必要です。これに取り組む時間があれば、後で回答を編集します。

ソースとサイト： Githubページ

ダウンロード： v0.3.5 release （互換性のあるv60.xおよびv68.x）

Mozillaアドオンサイト： addons.Thunderbird.net （まだ検討中）

カスタムCSS：

メッセージのカスタマイズcomposer平文モードでは、平文編集にはcssがないため、CSSのカスタマイズを処理できないため、簡単な作業ではありません。[〜＃〜] but [〜＃〜]これは、プレーンテキストで送信しながら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;
}
2
intika