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



All times are UTC + 9 hours

新しいトピックを投稿する トピックへ返信する  [ 7 件の記事 ] 
作成者 メッセージ
投稿記事Posted: 2019年6月06日(木) 20:25 
オフライン

登録日時: 2015年9月02日(水) 16:58
記事: 82
お住まい: 東京の南西部
当方は「macOS Mojave 10.14.4」で、ApperranceをDarkに設定して使っています。

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

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

以上。

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


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

登録日時: 2019年4月08日(月) 19:45
記事: 6
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も同様に変更します。

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


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2019年6月08日(土) 18:25 
オフライン

登録日時: 2015年9月02日(水) 16:58
記事: 82
お住まい: 東京の南西部
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;}

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

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


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2019年6月08日(土) 18:56 
オフライン

登録日時: 2019年4月08日(月) 19:45
記事: 6
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/

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


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

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

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


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


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

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

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


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2019年6月08日(土) 19:43 
オフライン

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

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


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

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

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

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

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

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


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

All times are UTC + 9 hours


オンラインデータ

このフォーラムを閲覧中のユーザー: なし & ゲスト[4人]


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

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