MozillaZine.jp フォーラム
https://forums.mozillazine.jp/

「Firefoxでの暗いバックグラウンド色利用」での改善策は?
https://forums.mozillazine.jp/viewtopic.php?f=2&t=17607
ページ 11

作成者:  mNeji [ 2019年6月06日(木) 20:25 ]
記事の件名:  「Firefoxでの暗いバックグラウンド色利用」での改善策は?

当方は「macOS Mojave 10.14.4」で、ApperranceをDarkに設定して使っています。

それに伴い、Firefox(67.0)でも拡張機能の「Dark Background and Light Text」を利用しています。大雑把には、暗いバックグラウンド色になってありがたいのですが、3つほど改善できればと考えています;
  1. スクロール・バーが白基調で、長時間利用では辛くなってくる。
  2. 他のサイトに切り替える時に、画面全体が白くなり、目に衝撃が走る。
  3. 「about:config」などの設定画面は、白いバックグラウンド色で非常に辛い。
付いては、他の拡張機能を各種試しましたが、上記に対応するのは見つかっていません。ひょっとして「about:config」から「scroll」で検索すると多数の項があり、手出しできませんでした。

本来は、拡張機能・テーマでの質問になるかと思いますが、最近の質問ではこちらで論議されているようなので、本問もこちらに書かせていただきます。

以上。

作成者:  anzu [ 2019年6月08日(土) 13:39 ]
記事の件名:  Re: 「Firefoxでの暗いバックグラウンド色利用」での改善策は?

1と3の改善提案です。
当方Windowsなためmacでの動作確認はできていませんがとりあえずこれらを試してみてください。

まず3の改善ですが。こちらのページを開き
https://github.com/Izheil/Quantum-Nox-F ... ontent.css
Rawのリンクを右クリックし「名前を付けてリンク先を保存」をします。
ダウンロードしたファイル名がuserContent.cssでcssの文字コードがUTF-8 BOMなしであることを確認。
プロファイルフォルダ内にフォルダ名chromeのフォルダを作成しその中にダウンロードしたuserContent.cssを入れます。

次に1の改善方法。
テキストエディタに以下のコードを貼り付け、ファイル名userChrome.css。文字コードUTF-8 BOMなしで保存します。
作成したuserChrome.cssを先に作ったchromeのフォルダの中に入れます。
(このコードはuserContent.css11行目から17行目と131行目から136行目を用いたもので、サイドバーなどのスクロールバーの色を変えるためのもの。Webページ内のスクロールバーはuserContent.cssにある同じコードで変化しています)
コード:
:root {
/* These variable changes the scrollbars size and color. If you use the JS method instead, you don't need to change these.
The scrollbars-width only has 3 acceptable values, auto, thin, and none:
auto = default OS size | thin = half the width (will be hidden in about: pages) | none = hidden scrollbar */
--scrollbars-width: auto !important;
--scrollbars-thumb-color: #05a !important;
--scrollbars-track-color: #252525 !important;
}
:root{
scrollbar-color: var(--scrollbars-thumb-color) var(--scrollbars-track-color) !important;
scrollbar-width: var(--scrollbars-width) !important;}

*|* {scrollbar-width: var(--scrollbars-width) !important;}

Firefoxを再起動しabout:ページとスクロールバーの色が変化していれば成功。
スクロールバーの色はuserContent.css16行目”#05a”と17行目”#252525”を変更すれば好みの色にできます。
userChrome.cssも同様に変更します。

作成者:  mNeji [ 2019年6月08日(土) 18:25 ]
記事の件名:  Re: 「Firefoxでの暗いバックグラウンド色利用」での改善策は?

anzuさん、早速のご返答、ありがとうございます。


「3の改善」は成功いたしました!「目」が喜んでおります。

「1の改善」についてお尋ねします。一応「ファイル名userChrome.css」は下記コードのように用意いたしました。「BOMなし」は普通のテキストファイルでよろしいでしょうか?


コード:
:root {
/* These variable changes the scrollbars size and color. If you use the JS method instead, you don't need to change these.
The scrollbars-width only has 3 acceptable values, auto, thin, and none:
auto = default OS size | thin = half the width (will be hidden in about: pages) | none = hidden scrollbar */
--scrollbars-width: auto !important;
--scrollbars-thumb-color: #05a !important;
--scrollbars-track-color: #252525 !important;
}
:root{
scrollbar-color: var(--scrollbars-thumb-color) var(--scrollbars-track-color) !important;
scrollbar-width: var(--scrollbars-width) !important;}

*|* {scrollbar-width: var(--scrollbars-width) !important;}

お手数ですが、ご教授頂ければ幸いです。

作成者:  anzu [ 2019年6月08日(土) 18:56 ]
記事の件名:  Re: 「Firefoxでの暗いバックグラウンド色利用」での改善策は?

Macのソフトは全く分からないのですが「mac テキストエディタ utf-8 bomなし」で検索してみると、
このようなエディタが紹介されていたりします。
https://www.1-firststep.com/archives/2258#link-scroll-6
https://digitalkoukisin.net/wordpress/2457/

保存するときに文字コードを指定してやるわけですが、
お使いのテキストエディタがutf-8 bomなしで保存できるのならばそれでよいのです。
それができないのであればutf-8 bomなし保存可能なエディタを利用してください。


追記
Firefox 69からuserChrome.css, userContent.css がデフォルト無効となるようなので、
about:configでtoolkit.legacyUserProfileCustomizations.stylesheetsをtrueに変更することが必要となります。
https://www.ghacks.net/2019/05/24/firef ... y-default/

作成者:  mNeji [ 2019年6月08日(土) 19:29 ]
記事の件名:  Re: 「Firefoxでの暗いバックグラウンド色利用」での改善策は?

anzuさん、

ご紹介いただいた2つ目のサイトをみて、確かに「UTF-8(BOB無し)」であることが確認できました。お手数おかけしました。


「Firefox 69」の件、承知いたしました。準備いたすようにします。


と、ふと気付いたのですが、「3の改善」だけ実施したのですが、「スクロール・バー」が既に灰色で、「バー・ハンドル」が暗めの青になっています。

少し様子をみて、ご報告いたします。

作成者:  anzu [ 2019年6月08日(土) 19:43 ]
記事の件名:  Re: 「Firefoxでの暗いバックグラウンド色利用」での改善策は?

説明が不正確で申し訳ありません。
3の方のuserContent.cssによって内部ページ(about:ページ)とWebページのスクロールバーの色を変更できますが、
サイドバーやブラウジングライブラリーその他UI部分のスクロールバーの色は変更されません。
全てのスクロールバーの色を変更するために1で作成するuserChrome.cssが必要ということでした。

作成者:  mNeji [ 2019年6月08日(土) 20:21 ]
記事の件名:  Re: 「Firefoxでの暗いバックグラウンド色利用」での改善策は?

anzuさん、

詳しいご説明ありがとうございます。

しばらくこのままで運行してから、「1で作成するuserChrome.css」を適用してみます。

その後に、最終報告いたします。

ページ 11 All times are UTC + 9 hours
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/