userChrome.css・userContent.cssスレ Part11
■ このスレッドは過去ログ倉庫に格納されています
!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください
●※前スレ
userChrome.css・userContent.cssスレ Part10
http://egg.5ch.net/test/read.cgi/software/1571968384/l50
●拡張機能
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 uBO使った方が楽にできそう
StylishやStylusって、uBOの:has()や:has-text()に相当するやつあるっけ? >>382
対象がテキストの場合はuBlock Originでいいんじゃないかな
CSS詳しくないから分からないけど >>381
ありがとうございます
こんな感じでclassのところを色々変えてみましたが
思った通りにはなりませんでした
{ .ytd-grid-renderer.style-scope[class*="〇〇"]
{ display:none !important }}
検索して参考にしたサイトもバージョンの違いか
文法が少し違っていてこれで合っているか分かりませんでした >>382
>>383
ありがとうございます
uBlock Originは元々使っていましたが
hasを知らなかったのでとても参考になりました
おかげで思った通りの動作が出来ました
表示されてる文字での要素は消せるようになりましたが
表示されていないリンク先のドメインで
要素を消す方法もあるのでしょうか? テーマにCompact Darkを使用しているのですが、Defaultのようにタブの角を丸くするにはどうしたらいいでしょうか? webサイトを検索すると、ツールバーの一番下にタブバーを表示し、メニューバーは一番上に表示するようなcssが存在する
だが、89で望みの順序で表示されたものでも、メニューバーを非表示にすると、その部分が空白の行に変わるだけで
コンテンツ表示領域は広がらない
protonの仕様では、このようにしかならないのだろうか 怖いな89
コロナウイルスワクチンみたいに何が起きるかわからない ブックマークのコンテキストメニュー
フォルダー名を変更(E)
ブックマークを編集(I)
を消したいのですが上手くいきません
IDが分かる方が教えて下さい
宜しくおねがいします 文章が変になっていました
? IDが分かる方が教えて下さい
○ IDが分かる方がいましたら教えて下さい ブックマークのコンテキストメニューにそういう項目ないですよね Proton UIの方だな
>>389
idに:が含まれてるのでidセレクタではなく属性セレクタで
[id="placesContext_show_folder:info"],
[id="placesContext_show_bookmark:info"] { display: none; } >>391
申し訳ありません、使っているバージョンを書いてませんでした
>>392
消すことが出来ました
今までidでしか消したことが無かったので
属性セレクタについて勉強してみようと思います
有難うございました 89になったらブックマークツールバーのフォルダの行間えぐいな・・・ >>394
これだけ大幅に変化すると皆が対応迫られるから
俺らみたいな雑魚でも検索するだけでどうとでもなるぞ https://imgur.com/a/tMcUk93
ブックマークのボタン押したらブックマークを管理って項目が二つ出るんだけど
片方非表示にできないかな? #BMB_bookmarksShowAllTop {
display: none !important;
}
#BMB_bookmarksShowAll {
display: none !important;
} タブ右クリメニューのトップに固定されてる新しいタブってけせない? >>398
#context_openANewTab {display: none !important;} 下記ほとんど効果ない?
/***コンテキストメニューアイテムの行間の高さを変える***/
#contentAreaContextMenu > menuitem {
padding-block: 0.1em !important;
} 本スレに書いてあったProtonのタブの隙間を埋めるやつ
.tab-background {
border-radius: 0 !important;
margin: 0px -2px !important; } >>401
タブが増えて行って左右にオーバーフローのボタンが出るとタブの高さが変ってしまう >>402
これで良いかもしれないし駄目かもしれない(タッチUI時の高さ)
#tabbrowser-arrowscrollbox,
.tabbrowser-tab{
max-height: 40px !important;
} オレンジ色になって目立つハンバーガメニューボタンを白黒というかグレーにするにはどこをいじればいいですか?
ここ以外は何とか調べていい感じにできた@Firefox89 検索バーの検索エンジンのバネルにマウスを載せた時に出る
背景のような物の色を変えることは出来ないでしょうか? >>405
例えば背景を白くするなら
.searchbar-engine-one-off-item:not([selected]):hover, .addengine-item:hover {
background-color:#fff !important ;} IME-Colors-e10s.uc.jsなてのも使えるかも タブと新しいタブを開くボタンの角丸を無くすやつ
:root {
--tab-border-radius: 0px !important ;
} >>406
有難うございます
見やすい色に変えることができました ダークテーマでも、ブックマークサイドバーと履歴サイドバーの検索欄の背景が白のままですが、アドレスバーと同色のグレーにできないでしょうか?
よろしくお願いします。 >>411
俺もそれ知りたい
白くなって違和感ありまくり とりあえず
/* サイドバー検索ボックスの色 */
#bookmarksPanel #search-box, #history-panel #search-box {
-moz-appearance: none !important;
background-color: var(--lwt-toolbar-field-background-color) !important;
border: 1px solid #525252 !important;
/*border: 1px solid #bdbdbd !important; /* システムのテーマ */
color: inherit !important;
}
#bookmarksPanel #search-box:hover, #history-panel #search-box:hover {
border: 1px solid rgba(0, 122, 255, .33) !important;
}
#bookmarksPanel #search-box[focused="true"], #history-panel #search-box[focused="true"] {
border: 1px solid rgba(0, 122, 255, .33) !important;
} >>413
きたあああああああああ
できましたありがとう。
モジラはなんできちんと統一してださないのよー URLバーの背景色、下記だと入力フィールドのみで不格好です
#urlbar-input{ color:black !important; background:#f0f0f0 !important;}
下記検索バーのように背景色をURLバー全体にかかるように出来ませんか?
searchbar#searchbar{ color:black !important; background:#f0f0f0 !important;} 新しいタブのサイト名の頭文字を消す方法を教えて下さい、、、 >>416
すみません自己解決した
.top-site-outer .tile .icon-wrapper.letter-fallback::before {font-size: 0 !important;}
これで消えたわ
>>415
#urlbar:-moz-lwtheme > #urlbar-background, #searchbar:-moz-lwtheme {background-color: #f0f0f0 !important;}
俺はこれでやってる 検索バーって使用時以外でも常に好きな色にできないかね UIの色んな所にフォーカスした時の枠線の色と細さ変更
:root:-moz-lwtheme-brighttext {
--focus-outline-width: 1px !important;
--focus-outline-color: #fff !important ;
}
スターアイコンの色変更
#star-button[starred] {
fill:#fff !important
} これをやりたいのですがよろしくお願いします
https://i.imgur.com/uyTUDnh.png
枠の色は >>420 では出来ませんでした >>417さんから教わった下記、ロケーションバーと検索バーのの背景色の指定で
ロケーションバー内の一部(例えば拡大・縮小率)の背景色に下記を上書きさせること可能でしょうか?
#urlbar:-moz-lwtheme > #urlbar-background, #searchbar:-moz-lwtheme {background-color: #f0f0f0 !important;} >>415
これは効くのだけど
>>417
こっちは効かない
なんでやー
カーソルがない時も背景を白くしたいです >>423
一度>>417以外のCSSをコメントアウトしてみるといいかも >>423
試してないけど、>>417はライトテーマにしか効かない(システムのテーマだとダメ)ぽいからそれじゃね
テーマ変えるか:-moz-lwthemeを削除するかしてみれば変わるかも >>424
変わらずでした
>>425
ライトテーマにしたら効きました
:-moz-lwthemeを削除でシステムのテーマでも効きました
ありがとう 右クリックメニューとかの字間の調整ってできませんか?
letter-spacingが効かなくて >>426
ロケーションバーの背景は均一になってる?
たとえばCtrl+-でバー内に95%と縮小率表示されるよね?
その95%に別の背景がかかってバー内の背景が均一にならないんだけど、426さんはどうですか? >>421
ごめん>>420はダークテーマ用だった >>421
お詫びではないけど枠の色変えるやつ
:root {
--toolbar-field-focus-border-color: red !important;
} >>430
どうもありがとうございます、赤くなりました。^^ :root {
--focus-outline-width: 0px !important;
--toolbar-field-focus-border-color: lightgray !important;
}
>>420
を加えてみたのですが
右側の検索バーも同じようにするにはどうしたらいいでしょうか
影なしで線を細くしたいんです。後出しですみません。 >>432
こんなんでどうでしょう
適当にやったから何か無駄があるかもしれないけど
:root {
--toolbar-field-focus-border-color: none !important;
}
#urlbar-background,
#searchbar {
border: 0px !important;
}
#searchbar:focus-within {
box-shadow: 0 1px 3px rgba(128,128,142,0.5) !important;
}
なんか書き込み規制されたからもう返信できないかもしれない >>433
どうもありがとうございます。
とてもいい感じです、大事に使わさせていただきます。 >>428
試しに黒にしたら数字のところだけ白くなったけどこれのことかな >>435
○○%の部分の背景とロケーションバー内の背景の濃さが均一ではないですよね?
これを均一にする方法ないかな? #urlbar-zoom-button {
border: 1px solid #009600 !important;
background-color: green !important;
padding-top: 2px !important;}
#urlbar-zoom-button:hover {
background-color: #008c00 !important;} >>439
これ、わたしへの回答?
私の説明が悪かったのか伝わってなかった気がします。
http://okbtsnr.seesaa.net/article/481851789.html
かなり見にくいと思いますが、一つ目のサンプル画面のロケーションバー内の
左端2つ目と右端3つ目のボタン部の背景が濃くなって不格好になってます。
URLバー内の背景を均一にしたいというです。
なお下記は定義してます。
/*** URLバー、検索バーの背景色 ***/
#urlbar:-moz-lwtheme > #urlbar-background, #searchbar:-moz-lwtheme {background-color: #f5f5e4 !important;} >>440
背景色を自分で同じにしないと
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button {
background-color: green !important;
} >>441
ありがとう、左側の背景は揃いましたが、右側のCtrl+-で表示される縮小率は揃いませんでした。
このままでも良いです。 これは
#urlbar-zoom-button {
background-color: #f5f5e4 !important;
} >>443
重ねて、ありがとう。
均一になり、スッキリしました。 ろだに上がってる「FF88までのブックマークフォルダcss.zipなんだが
FF88までのブックマークフォルダ 黄色のコードが}の閉じカッコを書き忘れてるんで
気付かずにコピペで使ってると他のコードに影響出るぞ CSSが反映されない人はコードの記述の「} 閉じカッコ」が抜けてる箇所がないかチェックしてみそ
あぷろだの「F88までのブックマークフォルダcss」をコピペで使ってたら閉じカッコの記述抜けだったので
ウチの環境だとページ内検索バーを右上に配置が機能しなくなってた原因がこれだった 先日はどうもありがとうございました。
メニューバーのアイコンを密にできました。
firefox89 css で検索していたら偶然 toolbar-menubar という単語が目に入ったので
質問スレのをパックって
#toolbar-menubar toolbarbutton {padding-left: 0px !important; padding-right:0px !important;}
としたところ結構いい感じになりました。
ttps://i.imgur.com/yxKgqNt.png
Mozilla Firefox質問スレッド Part191
ttps://egg.5ch.net/test/read.cgi/software/1622205096/174
/* ツールバーのアイコンの間隔を調整する */
#nav-bar toolbarbutton {padding-left: 0px !important; padding-right:0px !important;} https://i.imgur.com/6TlIHAe.png
ダークモードなのですがこの青エフェクト変えられますか?
URLバークリックしたとき出るサブテキストの色も変えたいです
全部同じ色ぽいですが全体的にギラつきすぎています
お気に入りの星の色の変え方はわかります
まあ常時見るものでもないしこのぐらいならスルーしてもいいですが・・・ すいません。
Firefoxスレで聞いたらスレ違いだったようで、こちらで質問させてください。
コンテナタブの色付きラインを、上じゃなく以前のように下にできるcssはあるでしょうか? アクティブタブの色をタイトルバーの色と同じにできないでしょうか?
タイトルバーは何も指定していないので、Windowsの設定になっています
スレ内を探して色を直接指定する方法は分かったのですが、Windows側を変更すると追随しないので
よろしくお願いします
/* アクティブタブの背景色 */
#TabsToolbar .tabbrowser-tab[selected="true"] .tab-background {
background: #797979 !important;
} background: transparent !important;
とかじゃね知らんけど >>451
-moz-accent-color
文字色は-moz-accent-color-foregroundにすれば自動的に濃色背景には白、淡色背景には黒になる おお、出来ましたありがとう
タブは大きくなったのに、サウンドアイコンは小さすぎてミュートと見分けがつかなかったり
デザインした人の意図が良く分からんです タブをホバーしたときのフォントの色の変え方を教えて下さい >>457
これで出来ると思う
.tabbrowser-tab:hover:not([selected]) .tab-label {
color: blue !important;
} あれtextでもいけた
なんか書き間違えていたようだ CSSはつまりCだから直系の上位なら継承されて効くよ あ゛?
てめえナルトか?
お前には無理だあきらメロン >>456のアクティブタブの上の線とコンテナタブの下の線共存を
91に追加したところ、browser.proton.enabled true で機能しました
だが、その状態ですと、ハンバーガーメニューのアイテム間の間隔が開いてしまいかったるいです
で、browser.proton.enabled falseに変えると、間隔は狭まりますが
タブの上のラインが青色になり、黒の指定が効かないようです
いずれ、protonは強制されてしまうでしょうから、ハンバーガメニューは別の方策を求めるしかないでしょうか
ありがとうございました なんとか、91で88と同じようなUIに整えることが出来ました、ありがとう
91、90、89は、フォルダー設定に係わっているファイル以外は、同じ内容のuserChromeのファイル群でいけそうです /* バックグラウンドタブの背景色 */
#TabsToolbar .tabbrowser-tab[selected="true"] .tab-background {
background: #D9D9D9 !important;
}
これでタブの色をグレーにしています。ホバーした時に若干色を黒っぽくすることはできませんか? 色指定の部分を変えて試みて
/*非アクティブタブにマウスオンしたときの背景色 */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
background-color: #fefefe !important;
}
/*タブをホバーしたときのフォントの色*/
.tabbrowser-tab:hover:not([selected]) .tab-text {
color: black !important;
} >>469
ページの内容ではなく本体の領域は通常のツールではわからない
https://egg.5ch.net/test/read.cgi/software/1622939715/37
に従って専用ツール起動しれ
ただし本体の右クリでしか出せないようなのはトリガーの問題でこれ使っても無理ぽい >>471
その方法でいつもやってるんだけど、ツリー型タブの領域の項目は選択できないみたいなんだよね… >>473
最初の設定をどうしたのか忘れた(>>471のリンク先の1の通り設定したかもしれない)けど、手元の環境では
about:debuggingを開く
→左上の[このFirefox]
→一覧からツリー型タブの[調査]
→インスペクタが開いたら右上の[iframeを選択]ボタン(わかりにくいけど3ペインに分かれたウィンドウのようなアイコン)
→sidebar.htmlを選択
でインスペクタで開けてるよ >>474
おおお、できたよ
ありがとうございます。 >>474
横からだけどすげえ知らなかったそんなの
まあ今のとこ特に使いみちはないんだけど… こんにちは。
ブックマークサイドバーから不要な項目を削除したくて過去のスレを漁っていたのですが、
私とまったく同じ目的で、しかし解決に至らなかった方の書き込みを発見しました。
こちら最新?の環境だとやはり機能しませんでした…。
何か他の記述方法や手段があれば、ぜひお教えいただけると幸いです。
以下コピペ
サイドバーを開いた時に最初から表示されていて削除できない項目、
「ブックマークツールバー」と「他のブックマーク」を消したいと思い、
とあるサイトに書かれていた内容を導入したんですが、まったく反映されませんでした。
Firefox71.0では使用できないのでしょうか?どなたか教えて頂けると幸いです
menu#BMB_bookmarksToolbar,
menu#BMB_unsortedBookmarks{
display:none !important;
} >>477
#BMB_bookmarksToolbar,
#BMB_unsortedBookmarks
71.0は分からないけど89では消えてる ↑はブックマークメニューで出てくるやつだから関係ないなか >>478-479
ご回答ありがとうございます、早速試してみましたがやはりだめでした… Google検索結果に表示されるTopの検索バーを非表示に出来ませんか? ■ このスレッドは過去ログ倉庫に格納されています