― MozillaZine.jp フォーラムは Mozilla 製品に関する情報交換の場です ―



All times are UTC + 9 hours

新しいトピックを投稿する トピックへ返信する  [ 12 件の記事 ] 
作成者 メッセージ
投稿記事Posted: 2019年5月28日(火) 09:40 
Windows 10でFirefox 67.0(x64)を利用しています。
最近Firefoxをダークモードにできるという記事を見かけたのですが、具体的な方法を説明している記事を見つけられずにおります。
御存知の方がいらしたら教えてください。

>Firefox 67、Safariに続きWebページのダークモードに対応 | マイナビニュース
https://news.mynavi.jp/article/20190527-830051/

なお、拡張機能の「Dark Reader」は承知しております。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:67.0) Gecko/20100101 Firefox/67.0


通報する
ページトップ
  
引用付きで返信する  
投稿記事Posted: 2019年5月28日(火) 11:59 
オフライン

登録日時: 2015年9月02日(水) 16:58
記事: 95
お住まい: 東京の南西部
飲兵衛あなさん、

私もダーク・モードを利用することで、弱っていた目が楽になっていて助かっている者です。

すぐに当方の実例をご紹介したいところですが、最近のトピックスを拝見していると、フォーラムの運営に極度に厳しいご意見の方々がいらっしゃるのを知り、躊躇しております。

もし、お考えの方法が「機能拡張の利用」とか「CSSを作って対処」などがメインならば「機能拡張・テーマ」での論議が望まれそうです。

他方、自分には現在の利用中の機能拡張では、スクロール・バーの色が変えられそうにないのでabout:configでscrollを検索したものの、数が多すぎて手が出せていません。ただこの場合、このフォーラムでの論議を続行すれば良いのではないでしょうか。

初心者の意見で申し訳ありません。

_________________
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:67.0) Gecko/20100101 Firefox/67.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2019年5月28日(火) 13:42 
mNeji さん、レスいただきありがとうございます。

>すぐに当方の実例をご紹介したいところですが、最近のトピックスを拝見していると、フォーラムの運営に極度に厳しいご意見の方々がいらっしゃるのを知り、躊躇しております。

何やら難しそうな方向に向かいそうな気配を忖度してしまいましたが....私は単純に使い易いWebブラウザとしてFirefoxを利用しているだけの古稀間近の爺です。ですから、Firefoxの進化に貢献しようとか、小難しい話題に首を突っ込もうとかの、大それた考えはこれっぽっちも持ち合わせていません。

>もし、お考えの方法が「機能拡張の利用」とか「CSSを作って対処」などがメインならば「機能拡張・テーマ」での論議が望まれそうです。

そんな私ですから、より簡便な方法で実現できる事を希望しています。ちなみに、「機能拡張・テーマ」というカテゴリのフォーラムがある事をはじめて知りましたし....「CSSを作って対処」しなければ本質問を達成できないのであれば、この質問を取り下げるでしょう。
当初質問のとおり、マイナビニュースで取り上げられる程度なら本件は大した手間を掛けずに実現できるのではなかろうか(?)と思い本件を質問しました。

と言う訳で、mNeji さんが躊躇される意味合いを判り兼ねていますが....実例を御紹介していただけるのであればそちらに飛んでいきたいと思いますので、よろしくお願いします。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:67.0) Gecko/20100101 Firefox/67.0


通報する
ページトップ
  
引用付きで返信する  
投稿記事Posted: 2019年5月28日(火) 14:06 
オフライン

登録日時: 2015年9月02日(水) 16:58
記事: 95
お住まい: 東京の南西部
了解しました。

今、見られているのは「Mozilla Firefox」のフォーラムです。

左上に大きく「Mozilla Firefox」と書かれた一行下に「掲示板トップ»相互ユーザサポート»Mozilla Firefox」があります。

この「相互ユーザサポート」をクリックすると上から8番目に「拡張機能・テーマ」があるので、それをクリックします。

_________________
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:67.0) Gecko/20100101 Firefox/67.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2019年5月28日(火) 14:46 
mNeji さん、「拡張機能・テーマ」の所在は判りましたが.....それから先の道筋がわからずにおります。
viewforum.php?f=16
どれかのスレッドを見ろ....ということなのでしょうか??

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:67.0) Gecko/20100101 Firefox/67.0


通報する
ページトップ
  
引用付きで返信する  
投稿記事Posted: 2019年5月28日(火) 15:12 
オフライン

登録日時: 2019年4月08日(月) 19:45
記事: 20
マイナビニュースを見るとWebページがダークモード用のCSSを用意していることが前提条件になります。

Windows10とFirefox側でダークモードを有効にしておけば、
今後ダークモードで表示されるWebページと出会えるのではないかと思います。

_________________
Mozilla/5.0 (Windows NT 6.3; Win64; x64; rv:67.0) Gecko/20100101 Firefox/67.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2019年5月28日(火) 15:21 
オフライン

登録日時: 2015年9月02日(水) 16:58
記事: 95
お住まい: 東京の南西部
機能拡張をご覧になっても、ダーク・モードの具体的なトピックはあまりない様です。

大切なのは、呑兵衛さんのお考えによりどうするかが決まるという点です;
  • 機能拡張ベースでダーク・モードの環境整備をしたいと思われれば、このトピックから「機能拡張・テーマ」に移動したいとお書きになれば、モデレータの方が移動して下さると思います。
  • 他方、Firefox自体で環境整備をしたいと思われれば、このトピックで質問を続けるという選択がありますね。
じっくりとご検討くだされば幸いです。

当方の経験のなかで、ご協力いたします。

_________________
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:67.0) Gecko/20100101 Firefox/67.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2019年5月28日(火) 17:25 
mNejiさん、御世話様でした。

anzuさん、マイナビニュースの読み方が解り納得できました。

>「Google Chrome 74」はWindows 10の“ダーク モード”に対応 - 窓の杜(2019/04/26)
https://forest.watch.impress.co.jp/docs ... 82434.html
のように、ユーザーが殊更の事をしなくともダーク モードになるのかしらんと思っていました。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:67.0) Gecko/20100101 Firefox/67.0


通報する
ページトップ
  
引用付きで返信する  
投稿記事Posted: 2019年5月28日(火) 19:05 
オフライン

登録日時: 2019年4月08日(月) 19:45
記事: 20
Google ChromeのダークモードとはWindws10をダークモードに設定したとき
Google Chromeも自動的にダークモードになるというものです。
Webページがダークモードになるわけではありません。

_________________
Mozilla/5.0 (Windows NT 6.3; Win64; x64; rv:67.0) Gecko/20100101 Firefox/67.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2019年5月29日(水) 00:39 
オフライン

登録日時: 2015年9月02日(水) 16:58
記事: 95
お住まい: 東京の南西部
呑兵衛さん、

疑問点が解消されてよかったです。参考までに私のダーク化を振り返ってみました。

私の場合、4年ほど前にStylishという拡張機能を使ってCSSを組んで、ダーク化にトライしました。ところが、突然、Stylishが使えなくなって、Stylusという拡張機能に移ったものの、せっかく作ったCSSが使えなく恐怖からCSSから手を引きました。

そのご、「Firefox Quantum」からは駄目元で拡張機能の「Dark Reader」を使ってました。

今年の2月から「Mac mini (2018)」に機種変更して、ダーク・モード設定をし、Safariに有料の「Dark Reader」乗せて快調です。

ところが、「Firefox Quantum」で「Dark Reader」が動かなくなり、以来「Dark Background and Light Text」を使っています。大雑把には良く出来ているのですが、スクロール・バーが白地なので目が辛いです。また新たなサイトに変わる瞬間に全面真っ白になる時、目が痛いです。

他方、Google検索はターミナルから任意のブラウザを呼び出す方式にトライ中なので、Firefoxの出番が急速に低下しています、残念です。


以上、当方の経験でした。あ、私も同い年ぐらいです。

_________________
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:67.0) Gecko/20100101 Firefox/67.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2019年5月29日(水) 01:55 
オフライン

登録日時: 2014年2月22日(土) 00:59
記事: 4070
「ダークモード」という同じ用語を使ってますが指しているものが微妙に異なっており、途中それで混乱したようですね。

まず、呑兵衛あな さんご紹介のマイナビニュースの記事の件ですが、記事から引用して以下補足説明します。

引用:
最近の主要Webブラウザはオペレーティングシステムのダークモードに対応している。オペレーティングシステム側のカラーテーマをダークモードに変更すると、WebブラウザのUIカラーもダークモードに置き換わる。

記事で「オペレーティングシステムのダークモード」と言っているのは、Windows 10 の場合、
 「設定>個人用設定>色」の「既定のアプリモード」を白→黒
に設定することを指しています。
この設定により、作法に則ったアプリのUI部分の色がダーク系の配色となります。
Firefoxの場合はテーマとして「既定」を有効にしている場合に反映されます。「Light」などの場合はそちらが優先されます。
ChromeもUIの配色はOS設定に追従します。

引用:
今回Firefoxが実装したのはWebページのCSSを切り替える機能の1つで、オペレーティングシステムがダークモードを使っている場合、Webページがダークモード用のCSSを用意しているのであればそちらを使うようになる。

こちらはUIではなくてWebページ部分の話です。
そして、FirefoxがOS設定をWebページに反映されるのは、Webページがダークモード用のCSSを用意している場合です。
この機能はChromeはまだ未対応のようです。

Windows 10で既定のアプリモードを黒にした場合の表示は下記画像のようになります。
裏になってる画面がChrome、表がFirefoxで、それぞれ https://bugzilla.mozilla.org/home を表示させたものです。
添付ファイル:
Win10 既定のアプリモード.jpg
Win10 既定のアプリモード.jpg [ 144.1 KiB | 表示数: 8410 回 ]

ちなみに、対応していないWebページ、例えばマイナビニュースや、件の発表をした Mozilla Hacks - the Web developer blog なんかは対応していないので変わりません

一方、「Dark Reader」などの拡張機能やユーザーカスタムのCSSの適用というアプローチは、Webページ側の用意やOSの設定とは関係なく、それなりにダークモードの配色を実現するものです。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:67.0) Gecko/20100101 Firefox/67.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2019年5月29日(水) 09:12 
色々とありがとうございました。
EarlgreyTeaさんから補足いただいた内容で理解が更に進められましたので、御礼かたがた追加記入します。
>Windows 10で既定のアプリモードを黒にした場合の表示は下記画像のようになります。
>裏になってる画面がChrome、表がFirefoxで、それぞれ https://bugzilla.mozilla.org/home を表示させたものです。

私の環境で例示URLを表示させてみましたが、添付画像と同様でした。
CSSを弄ってまで実現させたい気持ちも有りませんので、拡張機能「Dark Reader」を使う事と、Windows 10のディスプレィ(夜間モード)で凌ぎたいと思います。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:67.0) Gecko/20100101 Firefox/67.0


通報する
ページトップ
  
引用付きで返信する  
期間内表示:  ソート  
新しいトピックを投稿する トピックへ返信する  [ 12 件の記事 ] 

All times are UTC + 9 hours


オンラインデータ

このフォーラムを閲覧中のユーザー: Google [Bot] & ゲスト[145人]


トピック投稿:  可
返信投稿:  可
記事編集: 不可
記事削除: 不可
ファイル添付: 不可

検索:
ページ移動:  
Powered by MozillaZine.jp® Forum Software © phpBB Group , Almsamim WYSIWYG
Japanese translation principally by ocean