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



All times are UTC + 9 hours

新しいトピックを投稿する トピックへ返信する  [ 7 件の記事 ] 
作成者 メッセージ
投稿記事Posted: 2018年9月25日(火) 13:08 
メニューバーにあるブックマークと開いたすべてのメニューの背景色を白にするにはどうすればよろしいですか?
下記のサイトを参考にして、「Stylish」ではなく「Stylus」というアドオンを使って設定したいのですがどうにもうまくできません。
https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1243737907

他のアドオンでも良いのですが、何かいい方法はないでしょうか?
(userChrome.cssを使う方法はわからないので、できればアドオンを使用したいです)。
ネットでも散々調べましたが、完全にお手上げ状態です。
初歩的な質問でしたら、大変申し訳ありません。

どうかお助けください。よろしくお願いいたします。

OS:Windows7(64bit)、ブラウザ:Firefox Quantum(最新版64bit)

_________________
Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:56.0; Waterfox) Gecko/20100101 Firefox/56.2.3


通報する
ページトップ
  
引用付きで返信する  
投稿記事Posted: 2018年9月25日(火) 18:06 
トトロ さんが書きました:
ブラウザ:Firefox Quantum(最新版64bit)

ということは、Firefox 62.0.2 (64bit) ですね。

トトロ さんが書きました:
メニューバーにあるブックマークと開いたすべてのメニューの背景色を白にするにはどうすればよろしいですか?

ブックマークに関するドロップダウンメニューだけに適用したいのでしょうか。それともメニューバーから開く「開いたすべてのメニュー」に適用したいのでしょうか。

トトロ さんが書きました:
(userChrome.cssを使う方法はわからないので、できればアドオンを使用したいです)。

userChrome.css であれ、Stylus のようなアドオン(拡張機能)であれ、対象となる要素のスタイル指定に違いはありません。

[ファイル] - [編集] - [表示] - [履歴] - [ブックマーク] - [ツール] - [ヘルプ] と並んだメニューバーのすべてのメニューで、ドロップダウンの背景を白にするのなら、単純に次のスタイルでいけるんじゃないでしょうか。
コード:
/* メニューバーから開くすべてのドロップダウンメニューの背景色 */
.popup-internal-box {
background-color: white !important;}


Firefox のユーザーインターフェイス(UI)に関して、ぼくは userChrome.css で対処しているので、Stylus の使い方は知りません。
Stylus での設定の仕方をお尋ねなら、他のユーザーさんからのアドバイスを待ってください。

とりあえず以上です。的外れな話になっていたらすみません。


(おことわり)
現在、健康上の制約により不定期な書き込みしかできなくなっています。すぐに応答できない場面がかなり多くなりますことを、ご容赦ください。

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


通報する
ページトップ
  
引用付きで返信する  
投稿記事Posted: 2018年9月27日(木) 10:06 
先日は早速のご丁寧なご回答をいただきまして、どうもありがとうございました。

お陰様でアドオンを使わずにuserChrome.cssを編集することで、無事に解決できました。

背景色を白にするだけでなく、すべてのUIのフォントサイズも大きくすることができました。

アドオンを使うことにこだわりすぎて、頭が固くなっていました。

この度は本当にどうもありがとうございました。

季節の変わり目ですので、どうかご自愛くださいませ。

_________________
Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:56.0; Waterfox) Gecko/20100101 Firefox/56.2.3


通報する
ページトップ
  
引用付きで返信する  
投稿記事Posted: 2020年5月10日(日) 09:43 
昨日までは教えていただいた、userChrome.cssのコードが正常に機能していました。
今朝になって突然、メニューバーから開くすべてのドロップダウンメニューの背景色が、なぜかグレー色になってしまいました。
どうすれば“白”に戻すことができますか?

恐れ入りますが、ご教示をよろしくお願いいたします。

OS:Windows10(64bit)、ブラウザー:Firefox Brawser76.0.1(64bit)

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


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

登録日時: 2014年2月22日(土) 00:59
記事: 3670
トトロ さんが書きました:
昨日までは教えていただいた、userChrome.cssのコードが正常に機能していました。
今朝になって突然、メニューバーから開くすべてのドロップダウンメニューの背景色が、なぜかグレー色になってしまいました。
どうすれば“白”に戻すことができますか?

76.0 からUIの構造が変わっていますので、あのスタイルシートが通用するのは 75.0 までのようです。
白に変更していたものが元に戻っただけです。

望みの部分をどのように指定すべきか、ご自身で Firefox のUIを調べてみましょう。
そのためのツールが Firefox には内蔵されています。

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

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


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

登録日時: 2014年2月22日(土) 00:59
記事: 3670
Bug 1625630 - Rename popup-internal-box to menupopup-arrowscrollbox

この変更がFirefox 76で入っているので、偶然的通行人 さんのスタイルシートの
.popup-internal-box を .menupopup-arrowscrollbox に書き換えたらいいはず。

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


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2020年5月19日(火) 10:34 
EarlgreyTea様

教えていただいたスタイルシートを書き換えることで、無事に解決できました。

「メニューバーから開くすべてのドロップダウンメニューの背景色を白にする」だけでなく、「選択中のタブを太字にする」、「非アクタィブタブの文字色を黒にする」、「非アクティブタブの背景色を白にする」、「非アクティブタブ上部の線を水色にする」変更も、上手くできました。

望みの部分をどのように指定すべきか、自分でFirefoxのUIを調べるにも、私のような素人には限界があります。

ネットで散々検索をしましたが、それらしき回答が教示されているサイト(ブログ)をいくら拝見しても、全く手が出ませんでした。

この度は、本当にどうもありがとうございました。

また何かありましたら、今後ともどうぞよろしくお願いいたします。

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


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

All times are UTC + 9 hours


オンラインデータ

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


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

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