探検


userChrome.css・userContent.cssスレ Part15

2026/02/26(木) 18:59:28.07ID:jnh1gXUh0
そういう質問はAIもこころよく思わないんじゃないかな
2026/02/26(木) 19:44:04.51ID:qgiha+W70
もういいよ!
E氏より前からの登録ユーザーなのね
であればあそこは同一人物の人格使い分けに厳しいの見てると思う
最近管理人は忙しくて放置してるのかも
2026/02/26(木) 19:50:11.49ID:jnh1gXUh0
AIに聞いたほうが早いよ
拡張機能のスクリプトで作ってとお願いすれば5分で完成
2026/02/26(木) 20:54:33.79ID:hNPtBecR0
もう「もういいよ!」を名乗るべき
2026/03/13(金) 00:51:33.37ID:DRhzdGhX0
「何から始めますか? 」
2026/03/13(金) 12:32:32.71ID:BeimVR+D0
もういいよ!
2026/03/15(日) 18:09:18.75ID:/9CoVL1j0
もういいよ!
152名無しさん@お腹いっぱい。 (ワッチョイ b643-C8D3)
垢版 |
2026/03/24(火) 18:17:19.04ID:0kVGpSXK0
リリースノートのバージョン番号が微妙に揃っていない
微妙に気になるのでCSSで直した

https://pastebin.com/1TfBUhey
適用前 https://i.imgur.com/OaxLfSw.png
適用後 https://i.imgur.com/eECFlHZ.png
2026/03/24(火) 23:09:36.00ID:YjTxchfo0
な、ガイジage厨だろ👆
2026/03/28(土) 11:10:55.82ID:y7TYKPHHM
ウインドウアクティブ時のタイトルバーの背景色をOSのテーマ色にしたいんですけど
どうすればいいですか?
2026/03/28(土) 11:59:12.99ID:y7TYKPHHM
すいません
取り下げます
2026/04/23(木) 13:51:51.44ID:GsCvMDI00
多分150になってからだと思うけど、UI要素に対して backdrop-filter を適用できなくなった
例えば userChrome.css で

#statuspanel-label {
backdrop-filter: blur(20px) !important;
}

としても、リンクにマウスオーバーした時左下に出るあれにブラーがかからなくなった
backdrop-filter 自体が使えなくなってるわけじゃなく、Stylusで使う分には普通に使える
2026/04/23(木) 14:11:09.51ID:ZcKfX2Z10
>>156
そのセレクタで、backdrop−filter 以外のスタイルは適用される?
2026/04/23(木) 14:21:23.29ID:yHAtbbkd0
backdrop-filterはUI要素で機能しないんだけど
#statuspanel-labelには効いてたのかな
2026/04/23(木) 16:42:33.14ID:MTxyzpd10
独り言今日はcolor-scheme: light !important;を覚えた
2026/04/24(金) 00:18:29.07ID:Dtxuiu9R0
>>157
backdrop-filter 以外は適用されてる
具体的には

#statuspanel-label {
background-color: light-dark(rgba(255, 255, 255, .7), rgba(32, 32, 32, .6)) !important;
backdrop-filter: blur(60px) brightness(90%) saturate(200%) !important;
}

で、背景色は変わるけどブラーその他がかからない
2026/05/19(火) 23:42:52.79ID:LuKOkQIi0
Firefox 151に更新したところ、

.urlbar-background {
background-color:#FFFFFF!important;
border-color: #B7B7B7 !important;
border-radius: 0px !important;
}

が効かなくなりました。

150まではURLバー全体を白化できていたのですが、151ではグレーのままです。
.urlbar-input-box だとアドレス入力部分だけは白くなるのですが、URLバー左側の検索アイコン周辺などはグレーのままで、border-radius も効きません。
どう直せばよいでしょうか?
2026/05/19(火) 23:47:04.01ID:W0FuPMSt0
そのままの文章をチャッピーに聞いたら答えてくれそうだけどな
2026/05/20(水) 00:50:12.94ID:SJJ2ivla0
>>161
うちはこれで効いてるが
#urlbar .urlbar-background{background-color:#FFFFFF!important;}
2026/05/20(水) 01:03:28.61ID:6RxnzYOG0
>>161
@namespace〜 書いてたりしない?
2026/05/20(水) 06:19:42.33ID:95wSZUad0
>>164
これが原因でした。
かなり昔に書いたままずっと残っていました。

消したところ、こちら >>163 のCSSで正常に動作しました。

初歩的な見落としで申し訳ありません。
教えていただきありがとうございました。
166名無しさん@お腹いっぱい。 (ワッチョイ 8694-yMCz)
垢版 |
2026/05/20(水) 17:47:41.64ID:lhN1z13d0
thx うちも残ってた
2026/05/21(木) 00:27:17.79ID:+vGLqzNn0
な、ガイジage厨だろ👆
2026/06/17(水) 02:49:25.48ID:MWIygbEY0
/* タブの上部のライン */
.tab-background[multiselected],
.tab-background[selected] {
background: linear-gradient(to bottom, #0A84FF 2px, var(--toolbar-bgcolor) 0px) !important;
outline: none !important;
}
これが152.0で効かなくなった。助けてください
2026/06/17(水) 07:56:24.38ID:CmSyNrHT0
.tab-background:is([selected],[multiselected]) {
background: linear-gradient(to bottom, #0A84FF 2px, var(--tab-background-color-selected) 0px) !important;
}

#tabbrowser-tabs[orient="vertical"] .tab-background:is([selected],[multiselected]) {
background: linear-gradient(to left, #0A84FF 2px, var(--tab-background-color-selected) 0px) !important;
}
170名無しさん@お腹いっぱい。 (ワッチョイW 19cc-dzxA)
垢版 |
2026/06/17(水) 13:56:35.21ID:ftPAzneR0
>>169
ありがとうございます。うまくいきました
2026/06/17(水) 22:49:48.20ID:jVDxv2i30
な、ガイジage厨だろ👆
172名無しさん@お腹いっぱい。 (ワッチョイ 4229-At7a)
垢版 |
2026/06/20(土) 01:44:41.10ID:bz6s8Miy0
設定ページのchrome化により、about:preferencesページ限定で80%縮小表示させるuserChrome.cssやuserContent.cssなどはないものでしょうか?
よろしくお願いいたしますm(vv)m
2026/06/20(土) 02:18:30.49ID:uIQFDTfg0
な、ガイジage厨だろ👆




Mozilla Firefox 拡張機能スレッド Part126
664 :名無しさん@お腹いっぱい。 警備員[Lv.0][新芽] (ワッチョイ 4229-At7a)[]:2026/06/20(土) 01:41:06.73 ID:bz6s8Miy0
設定ページのchrome化により、about:preferencesページ限定で80%縮小表示させるアドオンやabout:configなどはないものでしょうか?
よろしくお願いいたしますm(vv)m

userChrome.css・userContent.cssスレ Part15
172 :名無しさん@お腹いっぱい。 (ワッチョイ 4229-At7a)[]:2026/06/20(土) 01:44:41.10 ID:bz6s8Miy0
設定ページのchrome化により、about:preferencesページ限定で80%縮小表示させるuserChrome.cssやuserContent.cssなどはないものでしょうか?
よろしくお願いいたしますm(vv)m
174名無しさん@お腹いっぱい。 (ワッチョイ 4229-At7a)
垢版 |
2026/06/20(土) 02:27:35.16ID:bz6s8Miy0
無効化していたbrowser.zoom.siteSpecificを復旧し、設定の終了時削除項目から「サイト設定」を除外すると、firefox標準でも設定ページのサイズ縮小維持が可能でした
この「サイト設定」にはテレメトリも含まれているはずで、そのレ点除外をブラウザ全体共通として設定するのは気が引けてしまいます
何とか、firefoxのabout:preferencesページのみに限定した設定方法はないものでしょうか
引き続き募集いたしますm(vv)m
2026/06/20(土) 11:52:18.08ID:grfz+ujV0
https://i.imgur.com/Lv8Mp3v.png
左がやっつけCSS、右がページズーム80%
176名無しさん@お腹いっぱい。 (ワッチョイ 4229-At7a)
垢版 |
2026/06/20(土) 12:23:32.87ID:bz6s8Miy0
ああああ有難うございます、と思ったら魚拓だけですかw
>>174のブラウザ標準を用いた方法では、特に電子書籍のブラウザ閲覧など「別窓または次ページでサンプルを拡大表示するタイプ」において、サードレベルドメインで判断する為最初のページをも50%などにしてしまい・・・
非常に扱い辛くなりました

もうこれまで通りにbrowser.zoom.siteSpecific無効化で常時リセットしつつ、設定を調整する際に前述のサンプル画像などと同じ感覚で毎回Ctrl+-を2回押す、地道なマニュアル操作が一番しっくりきそうですね
今思えばこれも解決出来たらなーと長年不満に思っていた内容ですが、browser.zoom.siteSpecificを無効化していたのはそうしたサイト別の不確定さをリセットしたがった昔の自分があるのでしょう
ですから全てのサイトを一律に100%表示させ、毎回そのサイト毎にCtrl+-数回押して調整〜という操作を延々続けていたのかもしれません
それが今回のchrome設定仕様移行によりオプション枠にまで広げられ、私の不満が限界を迎えた様子

残念ですね
特に、百歩譲ってabout:preferencesページのみ記憶、それ以外はbrowser.zoom.siteSpecific無効化で毎回100%リセット、に出来ればまだ楽でした
それが出来そうにないのは残念

私の書き込みを見て考察してくださった方がおりましたら、ありがとうございました
2026/06/22(月) 23:34:38.41ID:omE4EBvO0
userChrome.css to remove rounded corners, border and spacing introduced in Nova : FirefoxCSS
ttps://old.reddit.com/r/FirefoxCSS/comments/1ub4gqf/userchromecss_to_remove_rounded_corners_border/
2026/06/23(火) 00:01:34.84ID:fbHX4yAt0
モズラが実装、有志がそれを相殺 いいね
2026/06/23(火) 06:24:58.92ID:RfQgtscy0
Novaはスクロールバーとタブ操作がしにくくなってるのがよくないわ
2026/06/24(水) 08:54:33.05ID:sbjsZCj70
丸みは好みの範疇だと思ってるけど余白、特に周囲の余白は操作性落とすだけで百害あって一利なしだな
タブレットならもしかしたら一利くらいはあるかも知れんのでデフォではあってもいいから、設定画面でも選べるようになったコンパクトモードにすれば消えるとかしてくれればいいのに

まあここの住人はどうせCSSで消すんだけど
2026/06/24(水) 09:10:45.06ID:lQjSNNrn0
フィッツの法則
ディスプレイの隅や端にある要素( Windows XP 'Luna'テーマの「スタートボタン」や、 Mac OS X のApple & Spotlightメニュー)は、
それ以上マウスを動かしても画面の端でありカーソルは動かない位置にいるため、無限の幅を持っていることになる。
このため非常に操作しやすい

(Wikipedia)

なのに Novaと来たら もうね
レスを投稿する


ニューススポーツなんでも実況