SafariでASCのスレッドを見るとき、「トピック・タイトルがドロップダウン」します。これを正しく日表示する方法は？

Firefox で Dark Reader 使用の際、他のサイトに切り替える時に一時的に白くなる問題は、userContent.css と userChrome.css の併用で解決できそうです。

userContent.css

body {
    background-color: #202020;
}

userChrome.css

stack.browserStack {
    background-color: #202020;
}

たった２つの設定で、ここまで目に優しくなるとは...。ありがとうございました。

userContent.cssとuserChrome.cssとは作用先が違うのでしょうね！

Firefox を起動した際のブランクページは userChrome.css、その後の新規ウインドウ/タブは userContent.css で指定しないとダメのようです。一括指定の方法があれば私も知りたいです。

もし可能ならば、FirefoxのフォーラムにHiro.Sさんから教えていただけると最高だと存じます。

私は向こうのアカウントを持ってないので、mNeji さんから追加情報を入れておいてください。

追記: Firefox のフォーラムでの質問については、私が勝手に答えたのでマルチポストには当たりません。ただ、その辺の誤解を与えぬよう慎重に。

もしかして、全ての希望が叶ってしまいましたか、驚愕！

ウェブページのレイアウトが好みでなかったり、表示に問題があったり、あるいは、アドオンに副作用があった場合、本来はページ作成者やアドオンの作成者が修正すべきです。

しかしながら、修正に時間がかかったり、フィードバックに応じてもらえなかったり、最悪、技術的に不可能ということもあるでしょう。

その場合、カスタムスタイルシートで対処できればここまで幸せになれます。プログラミングの合間を見て、CSS の勉強も続けてください。

前掲の userContent.css には副作用があるので、以下のようにした方が良いようです。userChrome.css はそのままで大丈夫だと思います。

userContent.css

@-moz-document url("about:blank")
{
    body {
        background-color: #202020;
    }
}

userChrome.css

stack.browserStack {
    background-color: #202020;
}

Firefoxのダークモード化は、New Tabをしたときのちらつきが気になって止めていたのですが、快適ですね。

私は、Nocturnalを使っており、昼はライトモード、夜はダークモードで使っています。そのためbackground-colorを黒固定にするのは都合が悪いので、少々改変してみました。

https://github.com/HarshilShah/Nocturnal

userContent.css

@media(prefers-color-scheme:light) {
	:root {
		--background-color: #FFFFFF;
	}
}
@media(prefers-color-scheme:dark) {
	:root {
		--background-color: #202020;
	}
}

@-moz-document url("about:blank") {
	body {
		background-color: var(--background-color);
	}
}

userChrome.css

@media(prefers-color-scheme:light) {
	:root {
		--background-color: #FFFFFF;
	}
}
@media(prefers-color-scheme:dark) {
	:root {
		--background-color: #202020;
	}
}

stack.browserStack {
	background-color: var(--background-color);
}

おお、すばらしい。流石です。

Firefox 起動時のブランクページですが、ブラウザツールボックスでもうちょっと丹念に調べたところ、色を指定してる部分を見つけました。

#tabbrowser-tabpanels {
    background-color: #f9f9fa;
}

これを、次のようにすれば良いと思います。まあ、前掲のもの (stack.browserStac) でも問題ないと思いますが...、ご参考まで。

userChrome.css

#tabbrowser-tabpanels {
    background-color: #202020 !important;
}

> 色を指定してる部分を見つけました

おお、有難うございます。早速変更しました。

> 次のようにすれば良いと思います。まあ、前掲のもの (stack.browserStac) でも問題ないと思いますが

私は、Save Page WEを使ってページまるごと保存しているのですが、Dark ReaderをONにしてダークモードで保存したファイルを開くと、#tabbrowser-tabpanelsではちらつきが起こってしまうようです。stack.browserStacでは問題ありませんでした。報告までに。

https://addons.mozilla.org/en-US/firefox/addon/save-page-we/

Dark Reader をオフにした状態で Safari を再起動してもダメですか？もしそうならダメかもしれません。当方の環境 (macOS 10.13.6 / Safari 12.0) ではこんな感じですけど...。

Firefox 67.0.3(en-US)なのですが、chrome://browser/content/browser.xulには、tabpanels#tabbrowser-tabpanelsはみつかりますが、stack.browserStackがみつかりません...