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

Dark Reader 使用時に、ASC の投稿エディタのツールバーアイコンが表示されない問題についてですが、インスペクタで調査したところ、該当する部分の背景画像を Dark Reader が上書きし、その結果アイコンが表示されないようです。

この問題は、カスタムスタイルシートで強制的に元の画像に戻してやれば解決するようです。Firefox の場合は userContent.css か Stylus、Chromium 系ブラウザは Stylus を使うと良いでしょう。Safari は副作用覚悟でカスタムスタイルシート。

以下は Safari 用です。副作用（他のサイトにも適用される可能性あり）の心配があります。なお、「Mojave + Safari + Dark Reader」は環境がないため試すことができません。ダメな場合はご愛嬌ということで。

Firefox 用の userContent.css ならこんな感じ。これは手元の環境で確認済みです。

環境

• macOS 10.13.6 (17G65)
• Firefox 67.0.2
• Dark Reader 4.7.12

Safari ではサイト毎にスタイルシートを適用させることが事実上できなくなってしまいました。

なので、基本的には無理なのですが、それを承知でカスタムスタイルシートを使うなら、こんな感じにするよ良いと思います。(副作用の心配がなくなるわけではありません)

body > div#main-content > main.page > div[itemscope="itemscope"] > section.persist-question.shown {
    display: none !important;
}

> ２つのCSSをどうやって調べる事が出来たのが不思議になりました。

まず最初に試したのは、userContent.css の方。新規ウインドウ/タブはインスペクターを使わずダーク化できました。

ところが、Firefox 起動時のブランクページが白いまま。インスペクターを見て分からず...。

ならば、Firefox のインターフェースの一部だろうと考え、ブラウザツールボックスで調査。すると、スタートアップ時のブランクページと新規ウインドウ/タブのそれは微妙に異なることが分かりました。

で、該当する箇所の背景色を変更したらビンゴと。Firefox のインターフェースのカスタマイズは userChrome.css で行うので、同ファイルに書き込み保存して完成。

まあ、ソースコードを読み解いて判断するのが正攻法なのでしょうが、そんな気力はありませんでした。

あと、ブラウザーツールボックス使い方は下記のドキュメントを読んでください。これを使いこなせば Firefox のインターフェースを自分でカスタマイズできるようになります。

ブラウザーツールボックス - 開発ツール | MDN

https://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox

ありがとうございます。

Save Page WE で保存したページを開いた際の挙動ですが、当方では stack.browserStack、#tabbrowser-tabpanels、共に問題ないようです。環境によるのでしょうか...。原因は分かりませんでした。

ただ、両者の関係はこんな感じになっているので、stack.browserStack の方で指定した方がより確実かもしれませんね。

迷った時は最初のやつが正解？ってことでご勘弁を。

/Applications/Firefox.app/Contents/Resources/browser/omni.jaをomni.zipにコピーしてから解凍し、BBEditのマルチファイル検索にて"browserStack"を探してみたのですが、いちいちcreateXULElementしてるっぽいです。親要素のtabbrowserに組み込むときに親のCSSが適用されていないとかでしょうか？（テキトウな推測

Firefoxのバージョン違いますよね？？

> 迷った時は最初のやつが正解？ってことでご勘弁を。

多分私には解析できなかったと思いますので、有難う御座いました。

あと、ついでに、Safari のスクロールバーですが、こんな感じのスタイルシートを使うとダークになります。(これも副作用の心配はあります。)

::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}

::-webkit-scrollbar-track {
}

::-webkit-scrollbar-track-piece {
    background: #000000;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 4px solid #000000;
    background: #666666;
}

::-webkit-scrollbar-thumb:vertical {
    min-height: 30px;
}

::-webkit-scrollbar-thumb:hover {
    background: #999999;
}

::-webkit-scrollbar-corner {
    background: #000000;
}

> Firefoxの「Dark Readerは無料とはいえ動作しなくなってしまっているので...。

動作する（ダーク化する）けど設定パネル？が表示されない...ということではありませんか？もしそうなら当方でも同様です。Firefox 英語版を使うか、日本語版に英語の言語パックを追加して英語に切り替えれば、アドオン「Dark Reader」が使えると思います。

Firefox 英語版

https://www.mozilla.org/ja/firefox/all/

言語パックで Firefox のインターフェイスを他の言語にする

https://support.mozilla.org/ja/kb/use-firefox-interface-other-languages-language-pack

どのようにして、上記の仕組みを見つけたのでしょうか？？？

Dark Reader の不具合報告を検索も見つけられませんでした。ということは、大勢の人はちゃんと動いてるんだろうと思い、言語設定を疑った次第。で、ビンゴと。Dark Reader のバグでしょうね。

ところで、Dark Background And Light Text ですが、実際使ってみたところ、かなり副作用が強く危険なレベルです。その点、Dark Reader はかなりマシ。他のアドオンも片っ端から試しましたが、Dark Reader が最も副作用が弱い印象を持ちました。

もし、ダーク化系アドオンを使うなら Dark Reader が良いように思います。