これは他のスレッドから生じた質問です；
https://discussionsjapan.apple.com/thread/250406066
質問それ自身への賛否、技術的な論議、など広くご意見をくださればありがたいです。
Mac mini, macOS 10.14
Safari ではサイト毎にスタイルシートを適用させることが事実上できなくなってしまいました。
なので、基本的には無理なのですが、それを承知でカスタムスタイルシートを使うなら、こんな感じにするよ良いと思います。(副作用の心配がなくなるわけではありません)
body > div#main-content > main.page > div[itemscope="itemscope"] > section.persist-question.shown {
display: none !important;
}
どのようにして、上記の仕組みを見つけたのでしょうか？？？
Dark Reader の不具合報告を検索も見つけられませんでした。ということは、大勢の人はちゃんと動いてるんだろうと思い、言語設定を疑った次第。で、ビンゴと。Dark Reader のバグでしょうね。
ところで、Dark Background And Light Text ですが、実際使ってみたところ、かなり副作用が強く危険なレベルです。その点、Dark Reader はかなりマシ。他のアドオンも片っ端から試しましたが、Dark Reader が最も副作用が弱い印象を持ちました。
もし、ダーク化系アドオンを使うなら Dark Reader が良いように思います。
自己コメントです。
その後、ダークなバックグランドが簡単に設定できるブラウザを探していて、偶然なことに'Google Chrome'にExtensionを乗せた時に「Dark Night Mode」というのが目に留まり、入手しました。
感じは『Safari+「Dark Reader」』と似ています、図1;
その上、設定が簡単です、図2;
お陰で、散々悩まされた「白地のフラッシュ」からは脱却できました。
当面、Safariと複数名の「Google Chrome」とを組み合わせて検索システムを構築したいです。
ついては、本トピックは十二分に役にたったとして、終わりにさせて頂きます。
Hiro.S さんによる書き込み：
Dark Reader の不具合報告を検索も見つけられませんでした。ということは、大勢の人はちゃんと動いてるんだろうと思い、言語設定を疑った次第。で、ビンゴと。Dark Reader のバグでしょうね。
この発想の連鎖を覚えておきます。ご説明、感謝。
ところで、Dark Background And Light Text ですが、実際使ってみたところ、かなり副作用が強く危険なレベルです。その点、Dark Reader はかなりマシ。他のアドオンも片っ端から試しましたが、Dark Reader が最も副作用が弱い印象を持ちました。
「Dark Background And Light Text」は設定を盛りすぎと感じていました。すでにバトンタッチしました。
もし、ダーク化系アドオンを使うなら Dark Reader が良いように思います。
「Dark Reader 」の使い方もまだ理解できてません。納得できたらアップルスクリプトネタでしょうね。
Hiro.Sさん、
指摘された部分について、「Dark Reader on/off」によりどのように違って見えるかを図示します。なお、原稿投稿する際は「Dark Reader on」でした。
「Dark Reader on」で見たショートカットを図１に示します；
「Dark Reader off」で見たショートカットを図１に示します；
文字色が「白」の場合、「Dark Reader on・off」により、自動的に「黒」になるようです。
サーバー側で、アクセスしてくるユーザの「ダーク/ライト」設定に依らず文字色を「白系」に設定する方法はないでしょうか？
後ろ向の質問で、申し訳ありません。
＊ 一部編集いたしました。 Apple Inc.
Hiro.Sさん、
早速試してみました；
中間報告まで。
> Firefoxのバージョン違いますよね？？
Firefox のバージョンは同じです。また、英語版を別途インストールして検証中でした。ギブアップ気味。
> いちいちcreateXULElementしてるっぽいです。親要素のtabbrowserに組み込むときに親のCSSが適用されていないとかでしょうか？
なるほど。そうかもしれません。ありがとうございます。
あと、ついでに、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;
}
Hiro.Sさん、
前言訂正します；
これでバックブランドカラーも設定できれば、「Dark Reader」が不調時の予備になります。
追伸：
最近、寝ても、醒めてもXcodeの為に、ケアレス・ミス多発です。申し訳ありません。
> 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
Firefox で Dark Reader 使用の際、他のサイトに切り替える時に一時的に白くなる問題は、userContent.css と userChrome.css の併用で解決できそうです。
userContent.css
body {
background-color: #202020;
}
userChrome.css
stack.browserStack {
background-color: #202020;
}
Hiro.Sさん、
たった２つの設定で、ここまで目に優しくなるとは...。ありがとうございました。
// その上、立ち上がりも早い感じがします。
初歩な質問ですが；
userContent.cssとuserChrome.cssとは作用先が違うのでしょうね！
後ほど調べてみます。
もし可能ならば、FirefoxのフォーラムにHito.Sさんから教えていただけると最高だと存じます。
もしかして、全ての希望が叶ってしまいましたか、驚愕！
たった２つの設定で、ここまで目に優しくなるとは...。ありがとうございました。
userContent.cssとuserChrome.cssとは作用先が違うのでしょうね！
Firefox を起動した際のブランクページは userChrome.css、その後の新規ウインドウ/タブは userContent.css で指定しないとダメのようです。一括指定の方法があれば私も知りたいです。
もし可能ならば、FirefoxのフォーラムにHiro.Sさんから教えていただけると最高だと存じます。
私は向こうのアカウントを持ってないので、mNeji さんから追加情報を入れておいてください。
追記: Firefox のフォーラムでの質問については、私が勝手に答えたのでマルチポストには当たりません。ただ、その辺の誤解を与えぬよう慎重に。
もしかして、全ての希望が叶ってしまいましたか、驚愕！
ウェブページのレイアウトが好みでなかったり、表示に問題があったり、あるいは、アドオンに副作用があった場合、本来はページ作成者やアドオンの作成者が修正すべきです。
しかしながら、修正に時間がかかったり、フィードバックに応じてもらえなかったり、最悪、技術的に不可能ということもあるでしょう。
その場合、カスタムスタイルシートで対処できればここまで幸せになれます。プログラミングの合間を見て、CSS の勉強も続けてください。
Horo.Sさん、最後に繋ぎます。
> Firefox を起動した際のブランクページは userChrome.css、その後の新規ウインドウ/タブは userContent.css で指定しないとダメのようです。
なるほど、そういう作業分担ですか、了解しました。
> 私は向こうのアカウントを持ってないので、mNeji さんから追加情報を入れておいてください。
質問されたらどうしようかな。このスレッドをSafari,Firefoxごとにまとめて、それを紹介する形が良いかとおもいます。で見直すと、サラサラと進んだと思って嫌のですが、自分でも迷いそうでした。
> ウェブページのレイアウトに問題があったり、表示に問題があったり、あるいは、アドオンに副作用があった場合、本来はページ作成者やアドオンの作成者が修正すべきです。
でも、フォーラムを含んで「Apple ID」を扱う部門では、外部からのチョッカイが半端ないので、ユーザ側がせっせとや硫黄策を準備するしかないのでは？
しばし検討に入ります。
追伸：
しかし、気楽に検索したり、エディタのパネルを使えるのは天国です。
前掲の userContent.css には副作用があるので、以下のようにした方が良いようです。userChrome.css はそのままで大丈夫だと思います。
userContent.css
@-moz-document url("about:blank")
{
body {
background-color: #202020;
}
}
userChrome.css
stack.browserStack {
background-color: #202020;
}
SafariでASCのスレッドを見るとき、「トピック・タイトルがドロップダウン」します。これを正しく日表示する方法は？