userChrome.css・userContent.cssスレ Part14

2024/03/14(木) 05:47:51.97

!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください

●前スレ
userChrome.css・userContent.cssスレ Part13
https://egg.5ch.net/test/read.cgi/software/1700870200/

●拡張機能
Stylish
https://addons.mozilla.org/ja/firefox/addon/stylish/
Stylus
https://addons.mozilla.org/ja/firefox/addon/styl-us/
User Style Manager (レガシーアドオン・要Classic Add-ons Archive)
https://addons.mozilla.org/ja/firefox/addon/user-style-manager/

●スクリプト
userChromeJS/UserCSSLoader at master ・ Griever/userChromeJS
https://github.com/Griever/userChromeJS/tree/master/UserCSSLoader
UserCSSManager (要userChromeES)
https://greasyfork.org/scripts/35880

●CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）

●関連サイト
Userstyles.org
https://userstyles.org/
CSS: カスケーディングスタイルシート | MDN
https://developer.mozilla.org/ja/docs/Web/CSS
とほほのスタイルシート入門
http://www.tohoho-web.com/css/

VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured

2025/07/22(火) 12:11:36.45

というか、CSSセレクタ　でぐぐれば全パターン載ってるサイトが見つかる

2025/07/22(火) 19:54:59.13

>>906
なーにがワロタだよ
おまえが笑われてるんだぞ

2025/07/22(火) 19:56:30.51

>>908
なにもしてないのに偉そうだな

2025/07/22(火) 22:37:48.19

ｶﾞｲｼﾞage厨に構うからこうなる

2025/07/23(水) 02:48:31.26

これは流石の皆さんも解決無理そうと思った難題を発見しましたorz
https://gamewith.jp/shadowverse-wb/507139
のフォーム群ですが、いつもプルダウン系に悩まされます
インラインフレームの次に苦手ですね

今回も、class値w-sv-filter-form-range-column>._select>.select>optionにおいて、文字サイズに伴う行間を狭く出来ませんでした
プルダウン内のline-heightに相当する部分ですね
font-sizeを変更することで、一定の間隔（paddingのような余白）を保ちながら表示全体を小さくすることは可能です
しかしそれでは視認性も悪くなるため、font-sizeを大きめに維持しながら行間≒上下のpadding風余白だけ削りたく思います

例えばgoogleやamazonの入力フォーム及び予測変換プルダウンなどは、マウスオーバーに近いおかげか変更し易い設計となっております
プルダウンにも似たようなコード例の場合はありますが、体感で世の中の半数以上が今回のように指定出来ないものの様に思えます
インラインといい埋め込みタイプ的なものの特性でしょうか（マジギレ！）

お詳しい方よろしくお願いいたしますorz

2025/07/23(水) 04:20:06.18

userChrome.cssで

#ContentSelectDropdown > menupopup {
> menucaption,
> menuitem {
> .menu-text {
padding-block: 0.3333em !important; /*ここの値をいじればいいんでない?*/
}
}
}

2025/07/23(水) 07:20:56.29

うーん・・・やはりサイト単位ではなく、ブラウザの挙動そのものを強制的に改変しないと駄目そうですか・・・
まあ、私もネット黎明期の、Web言語兼html主流時代にHPを作成した頃、その時代から既にプルダウン選択式といったような雛型を当該箇所へ埋め込むものでしたからね・・・
シンプルであればあるほど既製品を使うような感じになってしまうのでしょう
残念ですが見送りたいと思います

ぶっちゃけ多用するものでもありませんし、そういうものだと思って諦めます（サイズ9程度で運用します）
お手数をかけましたm(vv)m

2025/07/23(水) 23:08:34.05

ｶﾞｲｼﾞage厨に構うからこうなる

2025/07/25(金) 09:20:20.06

firefox 141.0 から表示されてる検索バーの「x」を非表示にしたい。

2025/07/25(金) 09:53:36.37

すれば？

警備員[Lv.2][新芽] (ﾜｯﾁｮｲ 8715-UQbq) · 2025/07/25(金) 10:09:57.04

検索バーの「x」を非表示にするの難しかったけど、できた

*|input::-moz-search-clear-button {
display: none !important;
}

**841** (ﾜｯﾁｮｲ dfd4-UQbq) · 2025/07/25(金) 12:54:17.72

>>868-870
それだとツールバーに出せるｽｸﾘｰﾝｼｮｯﾄボタンも無効になるから
#context-take-screenshot, /* スクリーンショットを撮影 */
#context-take-screenshot + menuseparator /* [──────] */
{display: none !important;}
の方が良い
右ｸﾘｯｸﾒﾆｭｰ内には要らんかもしれんけど、ツールとしてはFirefoxのスクリーンショット機能は有用

改訂📝:
　>>700 Firefoxにだけ発生していた𝕏の[ さらに表示 ]バグ: 🍽https://x.com/aki_2024/status/1711639561615593590
　が１年半以上も放置の末の2025/05/13頃にようやく修正されたので、現在は不要（発生日は2023/10/07頃）

　　　[data-testid="tweetText"] {-webkit-line-clamp: initial !important;}
　　　の方は、引用リポストでリポスト元の6行以下が「…」で省スペースされるのを解除するのに一応使える

　　🔍https://x.com/XcorpJP/status/1939869721559802212
　　𝕏は、今頃検索でユーザー名が掛からなくなる改良
　　広告系CEOのリンダ･ヤッカリーノが辞任したりと、改善の兆しは在るのかも

　>>699 フォントがAA用のMS PGothicのままで、行間も開きすぎだったのを
　.AA {font-size: 16px; line-height: 1.6; font-family: unset !important;}

　>>810のGesturefyの⚙ロッカージェスチャーは
　　fission.autostart
　をfalseにしないと確率で空白のタブが表示される不具合が出る（のを書き忘れた）

　　　DeepLを追加したいけど、
　　「半角ｽﾍﾟｰｽ」が「+」に化けてしまうのでアドオンで代用中: 🇱https://addons.mozilla.org/ja/firefox/addon/to-deepl/

>>895
ESR 115でONにしてるのは:has()有効化のそれと
　・アドレスバー電卓:　browser.urlbar.suggest.calculator

2025/07/25(金) 14:58:24.37

>>917
ありがとう、うまくいった。

2025/07/25(金) 23:20:47.79

な、ガイジage厨だろ👆

**918** (ﾜｯﾁｮｲ 6ad4-nBC/) · 2025/07/27(日) 10:51:12.07

5ch.net##div[class="post-content"]:has-text(age厨):upward(1)
5ch.net##a[href="http://be.5ch.net/user/223181803";]:upward(3)

これは拡張CSSセレクタを使って作ってみたuBlock Origin用の記術だけど、
これをStylusで{display: none !important;}させられるCSS記述は在る？ｗ

　　>>710の🪛や👩‍👦‍👦https://qiita.com/debiru/items/94948ba1ee7b8b6fc241#:~:text=%7E
　　は同一階層や下層なんだヨネ
　　逆にuBlock Originには:downward()がほしい

/* ページの項は今は斯う@userChrome.css */
#context-navigation, /* [🡠　🡢　⟳　⛦] */
#context-navigation + menuseparator, /* [───────] */
#context-selectall, /* [すべて選択] */
#context-print-selection, /* [選択した部分を印刷...] */
/*#context-take-screenshot, /* [スクリーンショットを撮影] */
/*#context-take-screenshot + menuseparator, /* [───────] */
#context-inspect-a11y /* [アクセシビリティプロパティを調査] */ /* ←画像の項よりもページだった */
{display: none !important;}

　[選択範囲を英語に翻訳]はabout:configで⚙ browser.translations.select.enable　⇄
　精度が低いのを積まれても逆に迷惑だし、（>>https://anago.2ch.s%EF%BD%83/test/read.cgi/software/1749946104/546n 🤣）
　本来のFirefoxはそういうのをアドオンで任意に任せるのが取柄

　Nightlyに今頃入ってる[選択部分へのリンクをコピー]: 🖍https://forest.watch.impress.co.jp/docs/review/1438812.html
　は、日本語だとエンコードされてリンクが長くなり過ぎるので多用できない

　[名前を付けてページを保存...], [ページのソースを表示], [調査]は、ALTメニューバー向きな項目

右クリックに必要なのは、曾て在った
　・[ブックマークツールバー]: ⏵https://www.gigafree.org/firefox/bookmarks-toolbar-context-menu/
　・[ページの情報]: ⓘhttps://moondoldo.com/wordpress/?p=7254 （[画像の情報を表示]の方は>>706⇄で出せるっていう）

2025/07/27(日) 11:11:13.26

read.crx 2

**921** (ﾜｯﾁｮｲ 6ad4-nBC/) · 2025/07/27(日) 15:38:34.20

age某ワードで自己あぼーんされるｗ
🆙https://archive.md/SfE6t#selection-371.1-379.52

　>>922
　吾輩はﾊﾞｲﾅﾘ改造のJaneStyleを渋々使ってる（遼太が利権乞食だから使いたかないけど、これが一番融通が利く）
　XenoのkoreawatcherがStyleを丸ﾊﾟｸﾘしてくれると良いんだが、亡命した模様ｗ

　余所で一般のリンクとして扱う時に、5ch.netだと下賎すぎて都合が悪い
　このスレは2chの方のミラーリングが止まってて: ♊https://anago.2ch.s%EF%BD%83/test/read.cgi/software/1710362871/
　.scのリンクが遣えなさそう

　山下の乱は、Talk(藁)ではなく.scと提携してれば勝てた

Firefox v141でONになった単位コンバーター: 💱https://forest.watch.impress.co.jp/img/wf/docs/2033/168/html/image4.png.html
　(browser.urlbar.unitconversion.enabled)
も、式がEnglishになるから日本人には直感的には使い難く、
単位変換サイトをブックマークして、キーワード ≒ ショートカットキー(>>841🌟)から呼び出した方が早い

　WebGPU: ▶https://ics.media/entry/230426/　（←バイトニックソートの項、Chromeでは逆転するけどFirefoxはNightly v143でも遅いままｗ）
　は、ESR 115にもabout:configにトグルがあるのだけど、利用は出来ないのが惜しい...

　　>>803🕡のfindbar.modalHighlightは、ESR 115にはまだ残ってて中途半端に使えたりする

🪧
>>841🪟の最高にCooooooLなAero GlassかLiquid Glass🤭のuserChrome.cssでの完全再現求ム！

2025/07/30(水) 17:31:55.43

サイドバーで表示しているアドオンの文字列を選択不能にする方法ってないかな
CSSファイルでできないかな

2025/08/01(金) 09:10:53.73

pointer-events: none;

2025/08/01(金) 09:20:10.78

user-select: none;

2025/08/01(金) 16:11:43.16

>>925-926
サイドバーの中身にcssを適用する方法がよくわからん

2025/08/01(金) 16:36:09.79

userChrome.cssでぐぐれ

警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 7f15-nBC/) · 2025/08/01(金) 18:54:48.48

サイドバーで表示しているアドオンの文字列とは何なのかわからない

2025/08/01(金) 21:46:46.16

ttps://github.com/Acercandr0/Latin-Accent
ttps://raw.githubusercontent.com/Acercandr0/Latin-Accent/refs/heads/main/Previews/prev1.png

2025/08/02(土) 18:46:49.22

userChrome.css をアクセス権がないといって開くことができなくなってしまったんだけどどうしたらいいですか?
141.0
toolkit.legacyUserProfileCustomizations.stylesheetsは「true」に設定してます

2025/08/02(土) 19:08:23.14

ESETとか使ってたらアンインストール

2025/08/02(土) 19:10:44.64

>>932
ありがとうございます。
慌てて書き込んでしまいましたが、ちょっとググったら解決できました。
お見込みのとおりESETでした。
ESETのブラウザ保護機能が働いていました。

警備員[Lv.6][新芽] (ﾜｯﾁｮｲ 7f15-nBC/) · 2025/08/02(土) 19:13:27.48

ESETはトラブルだらけだね

2025/08/02(土) 19:41:26.81

続けてすみません。
ツールバーを並べ替えているため、アドレスバーに半角英数文字を入力しようとすると
http://or2.mobi/data/img/363636.png
の下段のように入力中の文字がタイトルバーに隠れてしまいます。
これをなんとかしたいのですが、
アドレスバー関係の設定は、「検索候補」も「アドレスバー」もチェックを全部外してあります。
userchorome.cssでなんとかなりますか？

2025/08/02(土) 21:34:12.07

どうやって並べ替えてるか書かないと答えようがない

2025/08/02(土) 21:40:43.69

ロケーションバーよりポップアップした入力欄が広くなってるあたりが昔のmegabar無効化css入ったままになってる予感

2025/08/02(土) 21:40:44.29

>>936
#toolbar-menubar { order: 1 !important; } /* メニューバー */
#nav-bar { order: 2 !important; } /* ナビゲーションツールバー */
#PersonalToolbar { order: 3 !important; } /* ブックマークツールバー */
#TabsToolbar{ order: 4; } タブバー */
こんな記述です。

2025/08/02(土) 21:47:01.32

>>937
そのとおりでした。
それらしい記述を削除したら希望どおりになりました。
皆さんありがとうございました。

2025/08/03(日) 11:26:58.41

https://imepic.jp/20250803/407180

タブをドラッグすると、毎回2mm程上方向へ引っ張られます
その際にタブの縦幅も若干圧縮される様子です
視覚にダメージを残すので、何とか無効化出来ないでしょうか？

また、画像下側のアクティブタブにツールバーの境界線が残る点も、改善したいです
これはv100頃までは
/* タブ形状の付箋化 */
.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
で綺麗に消去されていました

よろしくお願いいたします

2025/08/03(日) 12:28:41.55

>>940
使ってるuc.jsやcssも晒さずにどうしろと

**940** (ﾜｯﾁｮｲ 0b74-B3Cu) · 2025/08/03(日) 12:38:36.37

使用中のcssは以下の通りです

/* ページ内検索の消去ボタン */
.findbar-container {
min-width: unset !important;
overflow: hidden !important;
}
#findbar-close-container {
position: unset !important;
}
/* 右上更新関連のポップアップ非表示 */
panel#appMenu-notification-popup { display: none !important; }
/* ツールバーにあるタブの一覧アイコンを非表示 */
#alltabs-button { display: none !important; }
/* タブの間隔調整 */
.tabbrowser-tab {
padding-left: 0px !important; padding-right: 0px !important;
}
/* タブ形状の付箋化 */
.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
/* タブ位置・高さ */
/* #titlebar {height: 0px !important;} */
/* 最大化時 */
#main-window[sizemode="maximized"] #toolbar-menubar {
margin-bottom: 2px !important;
}
#navigator-toolbox {
margin-top: -10px !important;
}

**940** (ﾜｯﾁｮｲ 0b74-B3Cu) · 2025/08/03(日) 12:39:18.48

/* ブックマークサイドバー検索非表示 */
#sidebar-search-container {
visibility: collapse!important;
}
/* ブックマークサイドバー行間短縮 */
treechildren::-moz-tree-row {
min-height: 1.5em !important;
}
/* ブックマークサイドバーヘッダ非表示 */
#sidebar-header {
visibility: collapse;
}
/* ブックマークサイドバーインデント短縮 */
treechildren::-moz-tree-indentation {
width: .3em !important;
}
/* ブックマークサイドバー点線非表示 */
treechildren::-moz-tree-row(selected, current, focus) {
outline-color: red !important;
outline-style: none !important;
}
/* 最近のブックマーク非表示 */
#panelMenu_recentBookmarks,
#panelMenu_bookmarksMenu{display:none!important;}

2025/08/03(日) 12:39:27.49

/* コンテキストメニュー非表示 */
#context-add-engine, #context-sep-selectall {
display: none !important;
}

既存cssの付け外しやfirefoxの再インストなどは試しました
よろしくお願いいたします

**940** (ﾜｯﾁｮｲ 0b74-B3Cu) · 2025/08/03(日) 13:31:43.18

about:configを含む、全てを精査したところ
/* タブ形状の付箋化 */
.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
のコードただ一つが、あらゆる上位互換を凌駕して元凶となっておりました

しかし、これを外すと目玉タブ（所謂）になり、ハスコラ並みの嫌悪感でブラウザ利用に支障が出てしまいます
最重要cssといっても過言ではありません

そもそもの発端がprotonである事実を再確認しました
そのprotonもabout:configから除去されており、UIデザインを安易に変更出来なくされております

目玉タブを無くす方法・代替案はないものでしょうか^^;

2025/08/03(日) 13:42:16.57

「目玉タブ]とかなんやねん

2025/08/03(日) 13:48:24.59

ずれるのは
#tabbrowser-tabs {
&[orient="horizontal"] {
&[movingtab] {
padding-bottom: 15px;
margin-bottom: -15px;
}
}
}
やから両方 unset するか 0 にすればいい

2025/08/03(日) 14:32:26.20

>>947
ご説明の意図が私の技量不足で理解出来ませんが、そのコードをそのまま貼り付けても無変化でした

タブは元来より付箋状でした
それを、間に隙間が設けられるよう改悪したのが、protonへの移行です
・・・この隙間、生理的に気持ち悪くありませんか？
当時は同様の意見が散見され、私の持っている付箋化コードが配布される程でしたのですが^^;

結局>>945のコードを消せば見た目が最悪なものの、タブのドラッグ横移動に問題が無くなります、スルスルです
デザインを取るかスムーズな挙動を取るか、でしょうかねえorz

タブドラッグの度にクイッと上方向へ位置ズレされると、それこそブラクラのようなダメージが目に入るので、何とかそれを除去したかった

2025/08/03(日) 15:52:03.04

まず、いったん全てのカスタマイズを削除せよ
それから考えろ
これ基本だから

2025/08/03(日) 16:09:45.39

目玉タブが気になって昼も寝れません

2025/08/03(日) 16:37:11.43

タブ幅を狭くしたときに四隅の角の半径が大きいとタブが丸のようになることだと解釈したけど

2025/08/03(日) 16:59:18.96

だらだら喋るけど結局何が言いたいのか全く伝えられない人っているよね

2025/08/03(日) 17:26:11.81

そのまま書いたらアカンにきまっとるがな
両方とも0!important;かunset!important;にするってわかるやろ常考

**940** (ﾜｯﾁｮｲ c374-B3Cu) · 2025/08/03(日) 21:05:26.13

いえいえいえ、丸コピの後に0pxやunsetも試した上で、改善されませんでした

.tab-background {
border-radius: 4px 4px 0px 0px !important;margin-block: -1px !important;
}
のうち、border-radiusやmargin-blockの値を問わず、.tab-backgroundへ手を加えることそのものが駄目そうなのです・・・
ですから付箋化を上記コード以外、または何らかの正しい記述を以て指定しないと、上方向にチョイ移動するブラクラっぽさは無くなりそうにありません

あれからGPUがゲーム中に死んだり、24時間挿しっ放しのUSB：KIOXIAが爆熱＆読み込み不良だったりして、色々大変でしたorz
室温34-35度での365日24時間つけっぱなPC作業は駄目ですね^^;

特にKIOXIAは過去一高品質なUSBフラッシュメモリに思えたため、熱に弱い現状はどうしたものかと思います
USBは2.0時代のsonyが最強でした
それが3.2で速度と引き換えに熱を持ち易くなり、さらにプラ筐体ばかりとなったことで、耐熱性に難が視られる不幸（仕様）を招いたのでしょう

今日は朝から踏んだり蹴ったりですよ（´д｀）

2025/08/03(日) 21:13:25.79

あ、そう。良かったね

2025/08/03(日) 23:01:33.12

これあかん奴や…

**923** (ﾜｯﾁｮｲ 7bd4-d7oq) · 2025/08/04(月) 06:22:56.44

>>930
　📥https://github.com/Acercandr0/Latin-Accent/blob/main/userChrome.css
　📥https://github.com/Acercandr0/Latin-Accent/blob/main/userContent.css
Option 1を験してみたら
Windows 10ではMicaは機能しなかったが、
Windows 11で「Windowsのモードがダーク」「Firefoxのテーマがシステムテーマ自動」でその様になった！
　ただ、Windows 11のMicaの透過表現自体が希薄で、ONにする意義があるかは微妙だった
　Option 2, Option 3は更に透過させられるみたいだけど、アプリを入れないと出来ない様なので自分はパス

　　🦑https://x.com/keita_roboin/status/1911093092842934379
　　#⃣https://www.askvg.com/enable-or-disable-windows-11-mica-acrylic-effects-in-firefox-ui-and-context-menus/

Latin Accent 🦊は、透過表現よりもアイコン類を選択した時のハイライトの入れ方やアニメーションがいいセンスだ！

　Windows 10のFirefox ESR 115にCSSだけ入れてみると
　　・最小化の「－」が表示されなくなる
　　・タブ数が多いと新しいタブの「＋」が押せなくなる
　　・ツールバー上の各種ポップアップがｸﾞﾗﾂｸ
　　・#bookmarks-toolbar-placeholder {display: none !important;} /* 「ﾌﾞｯｸﾏｰｸﾂｰﾙﾊﾞｰの項目」が表示されっぱなし */
　だけど、
　このCSSをベースにするかも

　📂https://web.archive.org/web/0if_/https://pbs.twimg.com/media/GxdKSd0akAEvIJC?format=png&name=orig
　/* Individual Bookmark Items */ の「min-height:」(ブックマークフォルダの行間)
　は、「24px」だと狭すぎるから「30px」くらいが丁度良いかも
　　・FirefoxのデフォルトのUI密度は、「通常」と「コンパクト」の中間が理想
　　・ﾀﾞﾐﾝｸﾞﾀﾞｳﾝされてるUI密度「コンパクト」: ↕https://blog.halpas.com/archives/18064

これまでのUIで最高にコレってやつだったのは
　・Macで未採用となってしまったDrawing Board: 📐http://lleedd.com/blog/2009/06/14/drawingboard/
　・Windows xpでVisual Styleで使っていたAshen II:
　　🔲https://web.archive.org/web/20100607010822/https://nevezen.deviantart.com/art/Ashen-II-73179002

2025/08/04(月) 07:52:57.47

変なのが居着いちゃった

2025/08/05(火) 13:39:17.87

2025/08/05(火) 18:24:50.47

ここcssスレだから

2025/08/10(日) 13:02:40.11

ハンバーガーメニューの上から2番目の「新しいウィンドウ」を非表示にするにはどう書けばいいでしょうか？

2025/08/10(日) 17:39:22.92

>>961
#appMenu-new-window-button2

2025/08/10(日) 19:13:52.10

>>962
ありがとうございます

2025/08/11(月) 03:47:35.70

128esrから140esrにすると利かなくなりました。どなたか修正お願いします。

/* ウインドウの色をwindowsシステムに合わせる */
:is(#TabsToolbar, #toolbar-menubar):not(:-moz-window-inactive) {
color: AccentColorText;
background-color: AccentColor;
}

警備員[Lv.11][新] (ﾜｯﾁｮｲ 0715-ZFoG) · 2025/08/11(月) 09:15:40.09

!important

2025/08/11(月) 12:31:17.89

サイドバーの自動開閉を
ttps://naberium.com/2024/10/30/【firefox】サイドバーを自動開閉できるようにする-132-0/
と、ここの書き込みを参考にして作成してみたが
waterfox G6.0.20 .. 動く
r3dfox 140.0.4 .. 開閉しない
firefox 115.26.0esr .. 開閉繰り返す

ttps://www.computerbase.de/forum/threads/userchrome-css-sidebar-autohide.2244566/
も参考にして、
#sidebar-box {
width: 5px !important;
position: relative !important;
overflow-x: hidden !important;
/* position, overflow-xがないとページ左上のアイコンが使えなくなる */
}

#sidebar-box:hover {
width: 250px !important;
}
と最低限の記述のみにしたらいずれでも動いたんだが、加えた方がいい記述ありますか？

2025/08/11(月) 22:03:23.75

>>965
ありがとうございます

2025/08/14(木) 12:54:42.65

今まで機能していたブックマークのサイドバーの背景色変更

#sidebar-box {
background-color: #EBEBEF !important;
}

これが最近のアプデ以降機能しなくなりました。対応方法をお願いします。

2025/08/14(木) 12:56:00.48

>>968
書き忘れ、Firefoxです

警備員[Lv.4][新芽警] (ﾜｯﾁｮｲ 0715-ZFoG) · 2025/08/14(木) 13:07:53.76

.sidebar-placesTreechildren

2025/08/14(木) 14:22:31.66

>>970
ありがとうございます。

https://i.imgur.com/rJybsD6.png
この3か所の白も変えたいです。
「ブックマークを検索」のエリアは

#search-box {
appearance: none !important;
background-color: #E6E6E6 !important;
color: #000000 !important;
border: solid thin var(--input-border-color) !important;
border-radius: 2px !important;
padding: 2px 3px !important;
}

を使っていたのが機能しなくなったようです。

警備員[Lv.5][新芽] (ﾜｯﾁｮｲ 0715-ZFoG) · 2025/08/14(木) 16:19:35.19

サイドバー右側の白い部分はお宅独自のcssだと思うので不明

#sidebar-search-container {
background-color: var(--toolbar-bgcolor) !important;
}

#input {
&[type="search"] {
background-color: var(--toolbar-bgcolor) !important;
}
}

2025/08/14(木) 17:25:17.35

>>972
ありがとうございます右側以外はできました。
右側の白い部分はブックマークの数が多いときに出てくるスクロールバーです。

警備員[Lv.4][新] (ﾜｯﾁｮｲ 0715-ZFoG) · 2025/08/14(木) 17:47:12.32

これでいいのか分からないがとりあえず

.sidebar-panel {
scrollbar-color: #CDCDCD #EBEBEF !important;
}

2025/08/14(木) 18:14:48.02

>>974
スクロールバーの上下に動く部分とマウスオーバー中のバーの背景色はそれで変更できましたが、非マウスオーバー時は変わりません

警備員[Lv.5][新] (ﾜｯﾁｮｲ 0715-ZFoG) · 2025/08/14(木) 18:48:39.55

>>975
うちだとどういう状態でも色は変わるので

2025/08/14(木) 19:03:43.76

>>976
そうなのか。他のCSS全部消してもやっぱり上手くいかないのでなんでだかわからないけど、
ともかく他の部分は理想通りになったのでありがとうございました

警備員[Lv.6][新] (ﾜｯﾁｮｲ 0715-ZFoG) · 2025/08/14(木) 19:17:24.90

>>977
.sidebar-panel では足りないのかもしれないな

これでどうなるかテストしてみて

* {
scrollbar-color: #CDCDCD #EBEBEF !important;
scrollbar-width: thin !important;
}

2025/08/14(木) 19:19:15.72

/* 検索ボックス周囲の色 */
#sidebar-search-container{
background-color: var(--sidebar-basic-bg) !important;
}

/* 検索ボックス */
#input{
color: var(--searchbar-text) !important;
background-color: var(--searchbar-bg) !important;
min-height: 25px !important;
max-height: 25px !important;
outline: none !important;
border: none !important;
}

/* プレースホルダー削除 */
#input::placeholder {
color: transparent !important;
}

/* スクロールバー削除 */
scrollbar,
#history-panel scrollbar{
display: none !important;
}

2025/08/14(木) 20:01:19.67

>>978
これでも最初のと同じで上下に移動するバーとマウスオーバー時の背景のみしか変わらなかったです

>>979
これでスクロールバーを削除することでデフォの白を表示させないことは一応できた
でもスクロールバーが使えないのはそれはそれで不便かもなあ

2025/08/14(木) 20:39:18.34

クソうぜえ

2025/08/14(木) 20:45:12.02

>>980
#bookmarks-view に背景色指定

2025/08/14(木) 20:50:51.98

>>982
解決しましたありがとう！

**957** (ﾜｯﾁｮｲ 9ad4-ZFoG) · 2025/08/15(金) 00:31:55.00

userChrome.css, userContent.css, Stylus(Firefox)　part 15
─────────────────────────
!extend:checked:vvvvv:1000:512
!extend:checked:vvvvv:1000:512

⚙about:config
　toolkit.legacyUserProfileCustomizations.stylesheets　⇄true

🧩Stylus: https://addons.mozilla.org/ja/firefox/addon/styl-us/

📝Cascading Style Sheets:
　https://developer.mozilla.org/ja/docs/Web/CSS
　https://www.tohoho-web.com/css/

前スレ: https://egg.5ch.net/test/read.cgi/software/1710362871/
─────────────────────────
次スレ建てる時に>>1のオールドタイプな記述をこんな感じで除去しといた方が良いぞ
≫2には>>2を

　>>921の
　　[選択範囲を英語に翻訳]は、⚙browser.translations.enable　⇄false
　　でFirefoxの翻訳機能自体を無効にしても右ｸﾘｯｸﾒﾆｭｰから消える

　　#context-savepage, /* [名前を付けてページを保存...] */
　　#context-copy-link-to-highlight, /* [選択部分へのリンクをコピー] */
　　#context-copy-clean-link-to-highlight, /* [追跡を除去した選択部分へのリンクをコピー] */
　　#context-viewsource, /* [ページのソースを表示] */

　>>957📂時のLatin Accentのヴァージョンは
　　🔙https://github.com/Acercandr0/Latin-Accent/blob/c5b2ffc100854f45b07b7dcdcf70d85b1461f866/userChrome.css
　　🔙https://github.com/Acercandr0/Latin-Accent/blob/0d4482c0d7ce630c38bb2867ae74ab9589f302e6/userContent.css
　6:10pmは『アダムの創造』

2025/08/17(日) 14:39:30.92

firefox
リンクを新しいタブで左側に開く
アドレスバーのhttpを省略しない

この2つできます？

2025/08/17(日) 15:53:37.32

>>985
後者
browser.urlbar.trimURLs = false

2025/08/17(日) 16:27:05.69

browser.urlbar.trimHttps = false
でhttpsを省略しなくなる

2025/08/17(日) 17:26:03.50

>>985
どっちもCSSじゃないと思うが

警備員[Lv.5][新] (ﾜｯﾁｮｲ 7915-mlbM) · 2025/08/17(日) 17:27:03.95

ｃｓｓでできたらノーベル賞もらえるかも

2025/08/17(日) 17:29:34.40

>>985
コピペすれば普通にhttp(s)付きになると思うが、それじゃ困るの？

2025/08/17(日) 17:34:10.86

そりゃ困るだろ

警備員[Lv.1][新警] (ﾜｯﾁｮｲ 7915-mlbM) · 2025/08/17(日) 17:37:14.88

アドレスバーに表示されなければ意味がないんだよ

2025/08/17(日) 18:15:31.95

基地外age厨に構うからこうなる

Mozilla Firefox質問スレッド Part202
31 ：名無しさん＠お腹いっぱい。[]：2025/08/17(日) 10:45:44.67 ID:28tAfo/M0
>>29
反映されないです
マウスオーバーというか今見ているタブの×ボタンを非表示にしたいです

userChrome.css・userContent.cssスレ Part14
985 ：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 13d4-xufC)[]：2025/08/17(日) 14:39:30.92 ID:28tAfo/M0
firefox
リンクを新しいタブで左側に開く
アドレスバーのhttpを省略しない

この2つできます？

2025/08/20(水) 22:14:21.43

#context_unloadTab{display: none !important;}

2025/08/21(木) 12:06:44.19

/* Activeタブの閉じるボタンを非表示にする */
#tabbrowser-tabs .tabbrowser-tab .tab-close-button:is([selected]) {
display: none !important;
}

2025/08/21(木) 12:18:46.76

/* Activeタブの閉じるボタンを非表示にする */
.tabbrowser-tab[selected] .tab-close-button {
visibility: hidden !important;
}

/* Activeタブにマウスオーバーしたときに閉じるボタンを表示する */
.tabbrowser-tab[selected]:hover .tab-close-button {
visibility: visible !important;
}

2025/08/21(木) 22:41:38.08

自分は非選択の閉じるボタンを非表示にしてるけど、逆をしたいひともいるんだなぁ

2025/08/21(木) 23:08:11.98

ホイールクリックで閉じられるから非表示にしてるわ

警備員[Lv.1][新芽] (ﾜｯﾁｮｲ 7915-mlbM) · 2025/08/22(金) 08:57:36.22

非アクティブタブを閉じるボタンで閉じるとき
二回クリックしないといけないんだよね

2025/08/23(土) 18:58:08.60

質問いいですか？

**1001** · Over 1000

このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 527日 13時間 10分 19秒