userChrome.css・userContent.cssスレ Part15

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

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

●拡張機能
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

●CSS有効化

userChrome.css / userContent.css を使う場合
about:config もしくは user.js で「toolkit.legacyUserProfileCustomizations.stylesheets」を「true」に設定

●自力で調べるには

Browser Toolbox
https://firefox-source-docs.mozilla.org/devtools-user/browser_toolbox/index.html
https://web.archive.org/web/20220328185954/https://developer.mozilla.org/ja/docs/Tools/Browser_Toolbox
Select an element
https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/select_an_element/index.html
セレクタやプロパティなどはどうやって調べるの（例）
https://egg.5ch.net/test/read.cgi/software/1650551086/43

Browser Toolboxの使い方知るには自分で覚えないといけないんだよね

アクティブタブの背景色、非アクティブタブの背景色、非アクティブタブにマウスオーバーした時の背景色を
それぞれ指定したいのですが、記述を教えて下さい。。
テーマで変えてもしっくりくるものが無かったので、自分で色指定したいです。
　

自己対応完了

Yahooメールの本文の部分のフォントサイズを変更したいのですが、
どう変更したらいいでしょうか？
Googleメールみたいに、単にtextarea { font-size: 15px !important;}等と書いても適応されません

>>6
ちゃんと「調査」した？
本文で右クリック→「調査」

な、ガイジage厨だろ👆

uBlock OriginのYouTubeクルクル不具合
Distill Web Monitorのhttps://code.google.com/archive/で利用できない不具合
はよ直してほしい

タブのミュートアイコンを消す方法を教えてください。
ググった方法だと効果なかったので

ググった方法書かないと何がダメだったかわからんだろ

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.tabbrowser-tab :-moz-any(.tab-icon-sound,.tab-icon-overlay[muted]) {
pointer-events: none !important;
}

と

.tabbrowser-tab[soundplaying]:not([pinned]) .tab-icon-image,
.tabbrowser-tab[soundplaying]:not([pinned]) .tab-throbber {
opacity: 0 !important;
}

.tabbrowser-tab[muted] .tab-icon-image,
.tabbrowser-tab[muted] .tab-throbber {
opacity: 1 !important;
}

.tab-icon-overlay[muted] {
list-style-image: none !important;
background-color: transparent !important;
}

と

browser.tabs.showAudioPlayingIconをfalse

これらはいずれも効果なしです。

>>10
.tab-audio-button { display: none !important; }

>>13
ありがとうございます。
消えました。

.urlbarViewを展開した時に一番下に表示される領域を消したいんですが消し方を教えてください

スタートメニューの履歴内 「最近閉じたタブ」を非表示にするにはuserChrome.cssにどう書けばいいでしょうか？

言葉では伝わらない

>>16

#tm-content-undoCloseTab {
display: none !important;
}

urlバーにリロードボタン表示させる方法教えてください
ツールバーのカスタマイズからは見つかりませんでした
昔アイコンを表示させたり消したりしたような気がするんですがuserchrorme.cssにもそれらしいこと書いてないし
about:configでの設定等も教えて下さい

CSSではまともに移動できないからアドオン
Reload in address bar

ツールバーに区切りを配置したいけどなんで消しちゃったんだろ

ツールバーにタイトルつけられるようにしてほしい

間違えた　ブックマークの区切りに文字を入れられるようにしてほしい

userChrome.cssに記述する
@charset "utf-8";

*[label="目的とするセパレーターの直前のメニュー(メニューアイテム)のラベル名"]+menuseparator:after
{
content: "セパレーターに付加したい文字列";
margin-top: -0.5em;
margin-bottom: -0.5em;
}

/* URLバー内の★（ブックマーク）アイコンの色を変更 */
#star-button ,#editBookmarkPanelStarIcon {
fill: #A7C9FC !important;
}

ダークモードだと？ブックマークしてるサイトの★があまりに判別しにくいので
以前どこかでもらった、↑で色を変更したのですが
これを指定すると、ブックマークしてない通常のサイトの☆が↑の色で縁取りされるようになってしまいました。
この非ブックマークの☆は元のまま、もしくは色変更するにはどうすればいいでしょうか？

↑ダークモードだけに、いっそのこと縁取りの色、白FFFFFFにするのも手ですね・・

>>25
/* ブックマーク済 */
#star-button[starred]

/* 未ブックマーク */
#star-button:not([starred])

#editBookmarkPanelStarIcon は今はもう存在しないよ

>>27
早々にありがとうございます。バッチリできましたー

明るいテーマと暗いテーマの色を変えることもできる

/* ブックマーク済 */
#star-button[starred] {
fill: light-dark(var(--toolbarbutton-icon-fill-attention), #A7C9FC) !important;
}

/* 未ブックマーク */
#star-button:not([starred]) {
fill: light-dark(black, #fff) !important;
}

二つ教えてください。
いつからかわかりませんが、次の二つが効かなくなっていました。
どのように記述すればいいでしょうか

●ピン留めしたタブとピン留めしてないタブの間にある隙間をなくす
.tabbrowser-tab[first-visible-unpinned-tab="true"] {margin-left: 0px !important;}

●マウスオーバーでタブに閉じるボタンを表示（これがないと常時表示）
.tabbrowser-tab:not(:hover) .tab-close-button{ display:none; }
.tabbrowser-tab:not([pinned]):hover .tab-close-button{ display:block !important; }

自分の環境だと
ピン留めタブと通常タブの間
#pinned-tabs-container {margin-inline-end : 0px !important;}

マウスオーバーでタブに閉じるボタンを表示は同じ記述のものできいてる

>>30
/* タブにマウスオーバーで閉じるボタンを表示 */
.tabbrowser-tab:not(:hover) .tab-close-button{ display:none; }
.tabbrowser-tab:not([pinned]):hover .tab-close-button{ display:block !important; }

>>31
ありがとう　治りました。
>>32
ありがとう　残念ながら変わらずでした。

連投すみません。
タブの閉じるボタンを消す記述がおかしくなってました。
お騒がせしました。

ブックマークフォルダのアイコンの色を昔の黄色いのにしてたんですけどフォルダの中のフォルダの色が白くなってしまってどこ修正したらいいんでしょう

143にアップデートしたら>>35さんと同じ状況になりました

怒られたので改行しています

/* FF88までのブックマークフォルダ 黄色(#FFCC00) */
.bookmark-item[container], treechildren::-moz-tree-image(title, container) {
list-style-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZml
sbD0iI0ZGQ0MwMCIgZmlsbC1vcGFjaXR5PSJjb250ZXh0LWZpbGwtb3BhY2l0eSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGg
gZD0iTTE0LjUgM0g2LjkxNGEuNS41IDAgMCAxLS4zNTQtLjE0Nkw1LjE0NiAxLjQzOUExLjQ5MSAxLjQ5MSAwIDAgMCA0LjA4NiAxSDEuNUExLjUgMS41IDAgMCA
wIDAgMi41djExQTEuNSAxLjUgMCAwIDAgMS41IDE1aDEzYTEuNSAxLjUgMCAwIDAgMS41LTEuNXYtOUExLjUgMS41IDAgMCAwIDE0LjUgM3ptLjUgMTAuNWEuNS4
1IDAgMCAxLS41LjVoLTEzYS41LjUgMCAwIDEtLjUtLjVWNmgxNHpNMSA1VjIuNWEuNS41IDAgMCAxIC41LS41aDIuNTg2YS41LjUgMCAwIDEgLjM1NC4xNDZsMS4
0MTQgMS40MTVBMS40OTEgMS40OTEgMCAwIDAgNi45MTQgNEgxNC41YS41LjUgMCAwIDEgLjUuNVY1eiIvPg0KICA8cGF0aCBkPSJNMTUgMTMuNWEuNS41IDAgMCA
xLS41LjVoLTEzYS41LjUgMCAwIDEtLjUtLjVWNmgxNHoiIGZpbGwtb3BhY2l0eT0iLjIiLz4NCiAgPHBhdGggZD0iTTEgNVYyLjVhLjUuNSAwIDAgMSAuNS0uNWg
yLjU4NmEuNS41IDAgMCAxIC4zNTQuMTQ2bDEuNDE0IDEuNDE1QTEuNDkxIDEuNDkxIDAgMCAwIDYuOTE0IDRIMTQuNWEuNS41IDAgMCAxIC41LjVWNXoiIGZpbGw
tb3BhY2l0eT0iLjEiLz4NCiAgPHBhdGggZD0iTTE1IDEzLjVhLjUuNSAwIDAgMS0uNS41aC0xM2EuNS41IDAgMCAxLS41LS41VjEzaDE0eiIgZmlsbC1vcGFjaXR
5PSIuMDUiLz4NCjwvc3ZnPg==') !important;
}

これを追加
画像データ省略してあります

.bookmark-item[container] > :is(.menu-icon, .toolbarbutton-icon) {
content: url('data:image/svg+xml;base64,xxxxxxxxxxx') !important;
}

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

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

ただ、サイドバー → ブックマーク のアイコンに色が付かなくなってしまいました

>>36のcssも使うのでこれに追記します

>>40
何度もすみません
出来ましたありがとうございました

URLバーが白系統の色にできないんですけどこれであってますよね？
黒とか灰にはできたのですが

#urlbar {
background-color: #ffffff !important;
}

>>42
これはどうですか

#urlbar-background{
background-color: #FFFFFF !important;}

>>43
効いてませんでした
すみません

>>43
自分も気になって作業してたとこですが

背景色
.urlbar-background {background-color:#FFFFFF!important;}

枠をつける
.urlbar-background {border-color: #696969 !important;}

>>45
ありがとうございます、白にできました

な、ガイジage厨だろ👆

タブをタスクバーに追加を無効にする方法を教えてください。

自己解決しました。

about:configにそれっぽい項目が見あたらないのでuserChrome.cssで

/* アドレスバー内の「タブをタスクバーに追加」を消す */
hbox#taskbar-tabs-button { display: none !important; }

browser.taskbarTabs.enabled

>>51
ありがとう

>>51
よこからありがとう

https://i.imgur.com/f2BdHRz.png

ダウンロードしてる時の↑このアイコンの
進捗部分の色って変更できますでしょうか？

/* Changing Download Progress Bar Color */
#downloads-indicator-progress-inner {
--toolbarbutton-icon-fill-attention: #f00 !important;
}

>>55
https://i.imgur.com/pSN4V39.png

ありがとうございますーできましたバッチリです。

143.0.1
#urlbar-background

なんか挙動がおかしくなった

#urlbar .urlbar-background
これで直った

いちいち意味のわからん修正入れるのやめてほしいわ

[container] も効かなくなったな

Firefox 143.0.0

.bookmark-item[container] {
list-style-image: url(data:image/png;base64,...your icon...) !important;
}


Firefox 143.0.1移行　
UI構造が二層化されてるので二重で指定

.bookmark-item[container="true"] {　/* 真偽値を追加 */
list-style-image: url(data:image/png;base64,...your icon...) !important;
--bookmark-item-icon: url(data:image/png;base64,...your icon...) !important;　/* これを追加 */
}

143.0.1
ファイルをダウンロードした後の「↓」アイコンと、それをクリックして現れるメニューの「ダウンロードを完了しました」の文字の色を
青から黒に変えるにはどうしたらいいですか？

以前、この過去のスレッドでファビコンを取得していない条件でアイテムが地球儀アイコンの場合をscheme別に変える方法ご教示していただきました
ですが143にしたら効かなくなってしまいまいした

:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="https"] image, .bookmark-item[scheme="http"] image{
background: url(data:image/png;base64,...your icon...)) center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}
:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="javascript"] image{
background: url(data:image/png;base64,...your icon...)) center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}

ちなみにschemeに拘らなければ下記の記述で大丈夫なのですが

.bookmark-item:not([container]):not([livemark]):not([query]) > .toolbarbutton-icon,
.bookmark-item:not([container]):not([livemark]):not([query]) > .menu-icon{
background: url(data:image/png;base64,...your icon...)) !important;
background-size: 16px !important;
width: 0px !important;
padding-left: 16px !important;
}

>>60
#downloads-button {
list-style-image: url("chrome://browser/skin/downloads/downloads.svg") !important;
fill: blue !important;
}
#downloadsSummaryDetails, .downloadDetails {
color: red !important;
opacity: .6 !important;
}

>>61
schemeに従い、httpsとhttpのサイトアイコンを変えることはできるけど、
ファビコンを取得したサイトアイコンのあるhttpsとhttpを除き、
ファビコンの無いhttpsとhttpのみ地球儀アイコン変えるのは難しくないですか。

googleやyahoo等の検索ボックスの右クリックメニュー
「AIチャットポットに尋ねる」を非表示にするにはどう書けばいいでしょうか？

すいません、ググったらすぐ見つかりました
#context-ask-chat { display: none !important; }で消えてくれました

>>62
ファビコンはuser.jsに
user_pref("browser.chrome.site_icons", false);
これで取得しないようにしいます。
また
↓これもFF142までは問題なく動作していたのですよね
:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="javascript"] image{
background: url(data:image/png;base64,...your icon...)) center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}

--my-favicon-size は入れ方分からなかったので除いてます。

.bookmark-item:is([scheme="https"],[scheme="http"]) image,
.bookmark-item:is([scheme="https"],[scheme="http"]) > :is(.menu-icon,.menu-iconic-icon) {
content: url("data:image/png;base64,...your icon...") !important;
}

.bookmark-item[scheme="javascript"] image,
.bookmark-item[scheme="javascript"] > :is(.menu-icon,.menu-iconic-icon) {
content: url("data:image/png;base64,...your icon...") !important;
}

ネスト記法を覚えよう

ネスト記法のような難しいことは知らないです

>>67
有難うございます
ただ、content: urlの中を書き換えて試してみましたがschemeは反映されませんでした。

>>70
同じものですが、このままコピペしてみてください

.bookmark-item:is([scheme="https"],[scheme="http"]) image,
.bookmark-item:is([scheme="https"],[scheme="http"]) > :is(.menu-icon,.menu-iconic-icon) {
content: url("chrome://browser/skin/places/folder-smart.svg") !important;
}

.bookmark-item[scheme="javascript"] image,
.bookmark-item[scheme="javascript"] > :is(.menu-icon,.menu-iconic-icon) {
content: url("chrome://global/skin/dirListing/folder.png") !important;
}

>>68
ChatGPTに聞いてみたら分かった

.bookmark-item:is([scheme="https"], [scheme="http"]) { image, > :is(.menu-icon, .menu-iconic-icon) {
content: url("chrome://browser/skin/places/folder-smart.svg") !important;
fill: #69c !important;
}
}
.bookmark-item[scheme="javascript"] { image, > :is(.menu-icon, .menu-iconic-icon) {
content: url("chrome://global/skin/dirListing/folder.png") !important;
}
}

>>72
自分もChatGPTに聞いてみることは試していました
アイコンの相対パスや絶タパス、あと擬似要素方式の例やDOM 構造変更にも比較的強く、表示の成功率が高いという
↓これなども、でも駄目でした

.bookmark-item[href^="https://";] .toolbarbutton-icon {
display: none !important;
}

.bookmark-item[href^="https://";]::before {
content: "";
display: inline-block;
width: var(--my-favicon-size);
height: var(--my-favicon-size);
background-image: url("chrome/icons/https-icon.png");
background-size: contain;
background-repeat: no-repeat;
margin-inline-end: 4px;
vertical-align: middle;
}

>>73
うちではちゃんと動作してるけど
以下も加えてスクリーンショットしたから確認してよ
https://i.imgur.com/ZYkBaQj.png

.bookmark-item[scheme="about"] image,
.bookmark-item[scheme="about"] > :is(.menu-icon,.menu-iconic-icon) {
content: url("chrome://global/skin/icons/developer.svg") !important;
fill: red !important;
}
.bookmark-item[scheme="moz-extension"] image,
.bookmark-item[scheme="moz-extension"] > :is(.menu-icon,.menu-iconic-icon) {
content: url("chrome://mozapps/skin/extensions/extension.svg") !important;
fill: Purple !important;
}

Sidebarmodokiを更新したらAutoCloseBookMarkFolderが効かなくなったな。
以前のバージョンに戻したらAutoCloseBookMarkFolderも復活した。

>>74
スクショ確認しました。
ちなみに74さんはuser.jsに
user_pref("browser.chrome.site_icons", false);
これでサイトのファビコンを取得しないようにしいますか？

>>76
browser.chrome.site_icon = false　はしてないです
設定したけどサイトアイコンそのままでした

>>61の無効になったcssをuserChrome.cssに書かれたままだと悪さするみたいだ
残したままにしていませんか

urlの記述が誤っていたんじゃないかな元のcssでもいけた

:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="https"] image,
.bookmark-item[scheme="https"] > :is(.menu-icon,.menu-iconic-icon),
.bookmark-item[scheme="http"] image,
.bookmark-item[scheme="http"] > :is(.menu-icon,.menu-iconic-icon) {
background: url("chrome://browser/skin/downloads/downloads.svg") center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}
:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="javascript"] image,
.bookmark-item[scheme="javascript"] > :is(.menu-icon,.menu-iconic-icon) {
background: url("chrome://mozapps/skin/extensions/extension.svg") center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}

前方一致とネスト記法を学ぶといい

ネスト記法やってみました

:root {--my-favicon-size: 16px !important;
}
.bookmark-item { &:is([scheme="https"], [scheme="http"]) { image, > :is(.menu-icon, .menu-iconic-icon) {
background: url("chrome://browser/skin/downloads/downloads.svg") center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}
}
}

タブのピン留めの無効方法を教えてください。

>>78
お手数かけてすみません。現状のuserChrome.cssをバックアップとってから一旦空白78さんのというか61で私が示した記述を少し変えた
↓これだけuserChrome.cssに記述して起動時キャッシュ削除の再起動で効きました。なのでバックアップのuserChrome.cssから新たなuserChrome.cssに一つづつまた追加していこうかなと思っています

:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="https"] image,
.bookmark-item[scheme="https"] > :is(.menu-icon,.menu-iconic-icon),
.bookmark-item[scheme="http"] image,
.bookmark-item[scheme="http"] > :is(.menu-icon,.menu-iconic-icon) {
background: url("text-x-item.png") center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}
:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="javascript"] image,
.bookmark-item[scheme="javascript"] > :is(.menu-icon,.menu-iconic-icon) {
background: url("js.png") center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}
:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="file"] image,
.bookmark-item[scheme="file"] > :is(.menu-icon,.menu-iconic-icon) {
background: url("globe-2x-light.png") center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}

一応途切れてしまった部分
↓
:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="moz-extension"] image,
.bookmark-item[scheme="moz-extension"] > :is(.menu-icon,.menu-iconic-icon) {
background: url("globe-2x-light.png") center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}
:root {--my-favicon-size: 16px;}
.bookmark-item[scheme="about"] image,
.bookmark-item[scheme="about"] > :is(.menu-icon,.menu-iconic-icon) {
background: url("globe-2x-light.png") center/var(--my-favicon-size) no-repeat !important;
padding-left: var(--my-favicon-size) !important;
}

>>81
あっちこっちのスレッドにabout:configを変更する
方法が出ているだろーが

>>84
Firefoxのタブのピン留め機能を無効にするための直接的な about:config 設定は存在しません
とAIも言ってる

拡張にShare on Twitterというのがありまして
https://addons.mozilla.org/ja/firefox/addon/tweetright/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search

WebページのコンテキストメニューにShare Selection on Twitter、Share Page on Twitter、Share Link on Twitter、Share on Twitterというのが出て通常自分はタブメニューのShare Page on TwitterしかつかわないのでWebページにあるコンテキストメニューは

menuitem[label="Share Selection on Twitter"], menuitem[label="Share Page on Twitter"], menuitem[label="Share Link on Twitter"], menuitem[label="Share on Twitter"]
{
display: none !important;
}

このようにして出ないようにしていたのですが、つい最近このCSSが効かなくなってしまいまいました
記述の仕方が悪いのでしょうか。

>>85
ゴメン タブをタスクバーに追加の事かと勘違いした。

>>86
このままでうちでは効いたよ

>>88
ご確認ありがとうございます
変だなと思ってこの部分に@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);を付け足して
userChrome.chunk.cssとして
userChrome.cssに
@import 'userChrome.chunk.css';でよびだしたら効きました

な、ガイジage厨だろ👆

アドレスバー内にある「タブをタスクバーに追加します」ボタン（サイトをウェブアプリ化する）を非表示にしたい

>>91
about:config

browser.taskbarTabs.enabled

false へ変更

で解決した

タブのピン留めを無効化したいです。

はい次の患者さんどうぞ

Palemoonの"ブックマークツールバーの項目"の横に拡張機能のアイコンやダウンロードボタンを配置すると"ブックマークツールバーの項目"の右側にスペースができてしまいます。
ブラウザツールボックスで確認するとtoolbaritem id="personal-bookmarks" flex="1" title="ブックマーク" removable="true"となっておりflex="0にすると改善されますが、
userchrome.cssへ記述するも反映されず困っておりご教示願います。

基地外スレチage厨スルー推奨

>>95ですが自己解決しました。

な、ｶﾞｲｼﾞスレチage厨だろ👆

e958-iZeJ

Stylusで、自作のスタイルが効かなくなる（が、Stylusのアイコンには
適用されているように数字が出る）時があるのでなぜかと思っていたら
解決法がようやく判った

スタイルマネージャでは有効になっているにもかかわらず、
当該のページでStylusのアイコンをクリックした時に表示される
スタイル名の左にあるチェックマークが外れていた
そこにチェックマークを付けるとスタイルも効いて、
スタイルマネージャでの有効状態とも連動するようになった

有効状態と実際の挙動が食い違うのは不具合か

Firefox 145.0
右クリックメニューの「選択部分へのリンクをコピー」と「追跡を除去した選択部分へのリンクをコピー」
を非表示にするにはどう書いたらいいでしょうか？

menuitem[label="選択部分へのリンクをコピー"],
menuitem[label="追跡を除去した選択部分へのリンクをコピー"] {
display: none !important;
}

>>102
ありがとうございます
今までの要素を非表示にするのとやり方が変わったんですかね？

145で
/* 右クリックメニューの行間を狭くする */
menupopup > menuitem, menupopup > menu {
padding-block: 0.2em 0.5em !important;
}
/* ハンバーガーメニューとオーバーフローメニューの行間を狭くする */
.subview-subheader, panelview .toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 {
padding: 2px 8px !important;
}
/* 再生中のタブを色付け */
.tabbrowser-tab:is([soundplaying], [muted]) .tab-background {
background-color: #f00 !important;
}

このあたりが動かなくなってます。どのように修正すればよいのでしょうか

https://www.nikkei.com/local/kansai/
このページの左上の「記事・株価を検索」欄の背景色の変えかたを教えて

.searchForm_s1pi6qv2 {
background-color: pink;
}

>>106
ありがとう

145からだと思うんですけど、ブックマークのコンテキストメニューの左端に広い余白ができるようになってます
これを小さくして他のコンテキストメニューを同じくらいの幅にするにはどうしたらいいでしょうか？

俺のは普通やな

うちも普通

試しに新しいプロファイルを作り、ブックマークだけインポートして設定は一切弄っていない状態でブックマークを右クリックしたら
やはりメニューの左端に他のコンテキストメニューとは違う広さの余白ができます
なぜうちだけ…

うちもコンテキストメニュー左側の余白は全部いっしょだな

Firefoxそのものをいったんアンインストールしてプロファイルとかの残骸も削除してから再インストールしても直る保証はないですよね？

その画像見ないと何ともいえない

もしかして もしかすると、
「ブックマークツールバー」上のコンテキストメニューのことジャマイカ

そうなら browser.toolbars.bookmarks.showOtherBookmarks を false にしてみては?

>>115
そうです、ツールバー上のブックマークのコンテキストメニューです
言われた通り、browser.toolbars.bookmarks.showOtherBookmarksをfalseにしたらその左端の余白が無くなって他のコンテキストメニューと同じ間隔になりました
ジャマイカの人ありがとう！

最後の一文が滑ったな

https://imgur.com/a/ATBjbtz
この拡張機能ボタンを消す方法ないでしょうか？

>>119
これで消えてます
#unified-extensions-button{ display: none !important; }

ｶﾞｲｼﾞage厨に触るなよ
基地外が感染るぞ

>>120
消せました
ありがとうございました

ガイジage厨に触るからこうなる

左右の矢印ボタンを非表示にする方法を教えてください。

戻る進むでいいのかな

#back-button, #forward-button { display: none !important; }

ありがとうございます。

>>125
横からだけどありがとう カスタマイズじゃ移動できなくて困ってた
ツールバーが広くなった分他のアイコン並べられる

マウスジェスチャーなどで戻る進むもできるけど
ボタン長押しとコンテキストメニューから
戻る進むの履歴が出てきて便利なんだけどね

>>129
初めて見たので何か時間かかりそう　導入から勉強して来ます

さあさあ、教えたがりの子はいないかな？
いい餌食が待ってますぜ
https://forums.mozillazine.jp/viewtopic.php?t=23814

AIに質問した方がいいよ
リアルの人と異なり何時間でも親身に考えてくれる

もういいよ！

Geminiに作ってもらった
cssでは難しいらしい

// 2026年版・確実に動くViolentmonkey用コード Gemini

perplexityに聞いて答えを得たらしい

致命的なバグあるよ

>>135
その人、E氏に

もういいよ！
パスワード入れても同じこと。
二段認証を解除するのに、なんでこんなことになるのか・・・
現在、AIブラウザに乗り換え中。

なんて捨て台詞吐いたから相手にされてないみたい
なんか似てるから >>133 は本人かも
つか番号振って何したいんだろう

フォーラムはいい人ですけどお堅い人たちしかいませんからね

もういいよ！
アクセス禁止になりそう

https://forums.mozillazine.jp/viewtopic.php?t=23821

これ>>131と同じ内容なんだが、質問したのもAIに聞いたのも忘れて本人がもう一度投稿してる？

ﾜｯﾁｮｲ ec04-wX2E は本人ぽいね

そうなると
・相手にされてないから名前変えて投稿した
・別人だがここを見て愉快犯的に質問してみた
・たまたま似たような質問した人がいた

どれだろうね？

・脳に異常があるので言動がおかしい

perplexityに聞いて得た答えはバグありで使えないからでしょう

>>140
思いつきで2つの記事のURLを示してGeminiに
良く似てるけど同一人物の投稿である可能性を分析してと聞いてみた
すると案の定こちらの質問に寄り添ったハルシネーションだらけのデタラメ回答を返してきた
・書いてないUser Agentを捏造
・なぜかThunderbirdの質問になっている
・登場してないモデレータや常連回答者とのやりとりを捏造
・スクリーンショットとかブラウザのツールバーのカスタマイズってなんのこと？
など…
細かくプロンプトを重ねないと盛大にデタラメもりもりだよ

そういう質問はAIもこころよく思わないんじゃないかな

もういいよ！
E氏より前からの登録ユーザーなのね
であればあそこは同一人物の人格使い分けに厳しいの見てると思う
最近管理人は忙しくて放置してるのかも

AIに聞いたほうが早いよ
拡張機能のスクリプトで作ってとお願いすれば5分で完成

もう「もういいよ！」を名乗るべき

「何から始めますか？ 」

もういいよ！

もういいよ！

リリースノートのバージョン番号が微妙に揃っていない
微妙に気になるのでCSSで直した

https://pastebin.com/1TfBUhey
適用前 https://i.imgur.com/OaxLfSw.png
適用後 https://i.imgur.com/eECFlHZ.png

な、ガイジage厨だろ👆

ウインドウアクティブ時のタイトルバーの背景色をOSのテーマ色にしたいんですけど
どうすればいいですか？

すいません
取り下げます

多分150になってからだと思うけど、UI要素に対して backdrop-filter を適用できなくなった
例えば userChrome.css で

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

としても、リンクにマウスオーバーした時左下に出るあれにブラーがかからなくなった
backdrop-filter 自体が使えなくなってるわけじゃなく、Stylusで使う分には普通に使える

>>156
そのセレクタで、backdrop−filter 以外のスタイルは適用される？

backdrop-filterはUI要素で機能しないんだけど
#statuspanel-labelには効いてたのかな

独り言今日はcolor-scheme: light !important;を覚えた

>>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;
}

で、背景色は変わるけどブラーその他がかからない

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 も効きません。
どう直せばよいでしょうか？

そのままの文章をチャッピーに聞いたら答えてくれそうだけどな

>>161
うちはこれで効いてるが
#urlbar .urlbar-background{background-color:#FFFFFF!important;}

>>161
@namespace〜 書いてたりしない？

>>164
これが原因でした。
かなり昔に書いたままずっと残っていました。

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

初歩的な見落としで申し訳ありません。
教えていただきありがとうございました。

thx うちも残ってた

な、ガイジage厨だろ👆

/* タブの上部のライン */
.tab-background[multiselected],
.tab-background[selected] {
background: linear-gradient(to bottom, #0A84FF 2px, var(--toolbar-bgcolor) 0px) !important;
outline: none !important;
}
これが152.0で効かなくなった。助けてください

.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;
}

>>169
ありがとうございます。うまくいきました

な、ガイジage厨だろ👆

設定ページのchrome化により、about:preferencesページ限定で80%縮小表示させるuserChrome.cssやuserContent.cssなどはないものでしょうか？
よろしくお願いいたしますm(vv)m

な、ガイジ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

無効化していたbrowser.zoom.siteSpecificを復旧し、設定の終了時削除項目から「サイト設定」を除外すると、firefox標準でも設定ページのサイズ縮小維持が可能でした
この「サイト設定」にはテレメトリも含まれているはずで、そのレ点除外をブラウザ全体共通として設定するのは気が引けてしまいます
何とか、firefoxのabout:preferencesページのみに限定した設定方法はないものでしょうか
引き続き募集いたしますm(vv)m

https://i.imgur.com/Lv8Mp3v.png
左がやっつけCSS、右がページズーム80%

ああああ有難うございます、と思ったら魚拓だけですかｗ
>>174のブラウザ標準を用いた方法では、特に電子書籍のブラウザ閲覧など「別窓または次ページでサンプルを拡大表示するタイプ」において、サードレベルドメインで判断する為最初のページをも50%などにしてしまい・・・
非常に扱い辛くなりました

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

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

私の書き込みを見て考察してくださった方がおりましたら、ありがとうございました

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/

モズラが実装、有志がそれを相殺 いいね

Novaはスクロールバーとタブ操作がしにくくなってるのがよくないわ

丸みは好みの範疇だと思ってるけど余白、特に周囲の余白は操作性落とすだけで百害あって一利なしだな
タブレットならもしかしたら一利くらいはあるかも知れんのでデフォではあってもいいから、設定画面でも選べるようになったコンパクトモードにすれば消えるとかしてくれればいいのに

まあここの住人はどうせCSSで消すんだけど

フィッツの法則
ディスプレイの隅や端にある要素( Windows XP 'Luna'テーマの「スタートボタン」や、 Mac OS X のApple & Spotlightメニュー）は、
それ以上マウスを動かしても画面の端でありカーソルは動かない位置にいるため、無限の幅を持っていることになる。
このため非常に操作しやすい

(Wikipedia)

なのに Novaと来たら もうね

Microsoftと同じだな
変化が欲しくて成熟したUIに手を入れる

FirefoxでアドオンのAuto Tab Discardを利用されている方はいますか
破棄されたタブに表示されるファビコンを消すCSSをご存知でしたら教えてくださいm(_ _)m

💤は絵文字みたいだね

>>184
まったく詳しくないんですがということはCSSで削除するのは難しそうですか？

そのアドオンのオプションからその文字を消してしまえばいいんでないの?

オプションで絵文字は消えますね

>>186
ファビコンの変更・挿入のオプションはOFFにしててそれでも表示されてしまうので質問したのですが
ご指摘のとおり表示されている絵文字を削除したら表示されなくなったっぽいです！
ありがとうございましたm(_ _)m

>>187
確認ありがとうございますm(_ _)m

Firefoxを開くと最初に右下に表示されるカスタマイズボタンを非表示にできますか？

ハンバーガーメニューの文字間どうやったら詰まりますか？

なおりました
知らぬ間にUI密度が変わってた

「アドレスバーと検索バーの枠線を常時表示 & 角を丸める 」
下記で正常だったけど、VerUPで検索バーは問題ないけどアドレスバーが崩れた。
.urlbar-input-container, #searchbar {
border: 2px solid var(--panel-separator-color) !important;
border-radius: 0.7em !important;
}
どこを修正すれば良いの？

アドレスバーが崩れたとは
枠線が消えたという意味です。

基地外age厨スルー推奨

このスレしんでるな

アップデートで動かなくなった！助けて！！！→ありがとう！！！！！
ばっかだからな

ガイジage厨に触るなよ
基地外が感染るぞ

こういうことできない？→CSSならできるぞ
っていう会話はここに来ないからな
質問スレや拡張機能スレの方がCSS見る機会多いかもね

https://egg.5ch.io/test/read.cgi/software/1650551086/561

154.0でアクティブなタブの色と上部のラインが反映されなくなりました
おねがいします

検索バー(アドレスバーではなく)
履歴や検索候補の行間が広くなってしまったんですが､前のように狭くするCSS教えてください
AIに聞き方が悪かったのかうまく行きませんでした

>>201
セレクタの調べ方を学ぶといい

[selected="true"]　→　[selected]

これでいけたわ

>>201
/* 検索履歴の行間 */
.autocomplete-richlistbox > richlistitem {
height: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
padding: 0 !important;
margin: 0 !important;

display: flex !important;
align-items: center !important;
}

.autocomplete-richlistbox > richlistitem > * {
align-self: center !important;
}

>>204
横からいただきました。

>>204
ありがとう めちゃ感謝！助かります｡>>201

これ効かなくなったけどどうしたらいいんでしょう
/* ページ内検索バーを上に*/
findbar {
order: -1 !important;
margin-top: -1px !important;
transition: none !important;
}

暫定対応

findbar {
position: fixed !important;
left: 0 !important;
right: 0 !important;
margin-top: -1px !important;
border-bottom: 1px solid var(--chrome-content-separator-color) !important;
transition: none !important;
}

こっちがいいかな

.browserContainer {
display: flex !important;
flex-direction: column !important;
}
.browserContainer findbar {
order: -1 !important;
}

これで

.browserContainer {
display: flex !important;
flex-direction: column !important;
}
.browserContainer findbar {
order: -1 !important;
margin-top: -1px !important;
border-bottom: 1px solid var(--chrome-content-separator-color) !important;
}

transition: none !important;　足して

>>208-211
できましたありがとうございます

デブツールを左や右にすると壊れるから

ゼロから学ぶ方法ってある？

AIにCSSをゼロから学ぶのに最適なサイトを教えてとか聞いてみたら？

これ効かなくなった。
/*** ページ内検索バーを上に移動 ***/
findbar {
order: -1 !important;
border-top: none !important;
border-bottom: 1px solid ThreeDLightShadow !important;
transition: none !important;
}

>>210-211 に今回の修正案があるじゃん
あとは >>207 と >>216 の違いを入れれ

>>217
ありがとう

色々やっと直った
shadow DOM化クソめんどくせーな
検索バー周りマジでひどい造りだな

いじってたらなんかできた
/* アクティブタブの背景 */
.tab-background:is([selected], [multiselected]) {
background-color: #FFCCFF !important; /* ピンク */
background-image: none !important;
}
/* アクティブタブの文字色 */
.tabbrowser-tab:is([visuallyselected], [multiselected]) {
font-weight: BOLD !important; /* 太字 */
color: #000000 !important; /* 黒 */
}
/* アクティブタブ上部に線 */
.tabbrowser-tab:is([selected],[multiselected]) .tab-stack .tab-background .tab-context-line {
border-top: 2px solid #FF0000 !important; /* 赤 */
}

>>220
ありがとう

いじってたらなんかできた
/* 検索窓を上部に */
.browserContainer > findbar {
-moz-box-ordinal-group: 0;
position: fixed !important;
left: 1em;
border: 1px solid threedshadow !important;
}

Control Panel for Twitterのツールバーアイコンをクリックすると出る
ポップアップ: 🎚https://addons.mozilla.org/user-media/previews/full/277/277505.png
の短すぎる縦幅を任意の長さに指定できるCSSを存知てたら教えてほしい

どうもこれ、
Firefox本体側でポップアップの最大サイズが800×600pxに規定されてる様で変更できないっぽい。
要るのかこの制限？
　 ❑https://extension.js.org/docs/implementation-guide/popup-sizing

デカすぎる文字サイズは、userContent.cssに
@-moz-document url-prefix(moz-extension:)
{
form>[class="group"],
form>[class="group labelled"]
{font-size:13px!important; line-height:16px}
[class="group labelled"]>section>label>select
{font-size:12px}
}
で対処。 （もっと巧い書き方は在るかも）

Control Panel for Twitterは、組んでるjsが拙いのか設定項目が貫通してくる事が偶にある
ので、そういった項目は予めuBlock Originのマイフィルタの方で塞いでおく
 x.com##[aria-label="おすすめユーザー"]
 x.com##[aria-label="タイムライン: 速報"]
 x.com##[href$="/analytics"]
 　 ※href$="/analytics"はアナリスティック機能ごとﾎﾟｱするフィルタ

v4.24.0で追加された
　Ｘの修正 ＞ プロフィールタブの変更を元に戻す ☑
にもちょっとした不具合が有るから
🔲https://archive.li/5cZDw#selection-371.3-340.51
しといた方がいいかもね

　 𝕏のUIは8月15日以降も無能により腐朽され続けている模様╮(︶﹏︶")╭
　  🎣https://x.com/ohyabu/status/2090573414759383279
　  🗣https://x.com/satokimi05/status/2096107121012261218

コンテキストメニューで該当部分にマウスオーバーすると文字が消えるのはなぜ？。
正常に動作はします。
.menupopup-arrowscrollbox {
color: black !important;
background-color: aliceblue !important;
}

該当部分がわかりません

>>226
コピーとかのメニューの一部のことです。

コンテキストメニューの背景色と文字色をuserChroe.cssで指定出来ませんか？

ユーザー・クロエ？

esr153.3です。
ブックマークメニューで、ファビコンが無い場合のデフォルトアイコン（地球アイコン）を任意のアイコンに差し替える方法を教えてください。

アドオンのublacikistにおける正規表現及びcssについてお聞きします

前に設置する場合は
/(cn|ko|kr|zh).wikipedia.org/
カンマで囲み中央に設置する場合は
/.(cn|kr|namu)./
キーワード指定なら
/(baidu|bilibili)/

問題は下記の様なトップレベルドメインでの一括正規表現が難しいことです
*://*.cn/*
*://*.kr/*
*://*.zh/*
セカンド、サードレベルドメインを指定した
/xxxxx.(cn|kr|zh)/
であるなら通用するものの、汎用性に欠けます
指定したトップレベルドメインに関するあらゆるサイトを除去する場合、そしてそれを一行にまとめる場合、何か良い記述はありませんでしょうか

ublacklist

/* サイドバーのヘッダーを消す */
#sidebar-header {
display: none;
}

これが機能しなくなりました
教えていただけませんか

/* 新サイドバーなどのタイトルヘッダーを非表示にする */
#sidebar-panel-header {
display: none !important;
}

/* 従来のサイドバーヘッダーを非表示にする場合 */
#sidebar-header {
display: none !important;
}

これで消せました

/* サイドバー有効時のコンテンツエリアの角丸とマージンを強制解除 */
#tabbrowser-tabbox,
.browserContainer,
#sidebar-box
{
border-radius: 0px !important;
margin: 0px !important;
padding: 0px !important;
}

>>234>>235
感謝

しかし新UIなんだこれくっそださい
なんでこんな角丸使いたがるんだ？
Googleの真似だろうけど

コンテンツエリアとサイドバーの間に隙間があって上の方の途中までテーマの画像がチラ見えしてる
この隙間を隠すにはどうしたらいいでしょうか
http://www.floral-village.info/up/sakaime.jpg

>>238
対応してない古いテーマのせいでしょ
隙間どころかそれで縦タブにしたらかなり残念なことになるぞ

>>238
よくわからんが userChrome.cssに

:root:not([theme-image-in-toolbox]) body, :root[theme-image-in-toolbox] #navigator-toolbox {
background-repeat: no-repeat round !important;
}

>>240
背景に使われている画像が繰り返し表示される記述のようですね
色の切り替わりが少し目立たなくなりました
ありがとう

メニューの高さを制限してスクロールバーを表示させるようにしていたんですがスクロールバーが表示されなくなりました
どのようにすれば表示できますか？

>>238
Geminiに聞いた答え↓　きれいに消えました

/* Firefox 157 サイドバーとWebコンテンツの間の隙間・余白を完全に消去する 26.10.5*/

/* 1. サイドバー全体のコンテナ、スプリッター（境界線）、コンテンツエリアの余白・枠線をゼロにする */
#sidebar-box,
#sidebar-main,
.sidebar-splitter,
#appcontent,
.browser-sidebar {
margin: 0 !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
}

/* 2. 新UI(Nova)で発生するサイドバーと中身の間の隠れたギャップや背景色をリセット */
#sidebar-box {
background-color: transparent !important;
}

.sidebar-splitter {
width: 1px !important; /* 境界線を最小限の1pxにするか、完全に消したい場合は 0 にしてください */
background-color: transparent !important;
}

続く

/* 3. コンテンツエリア（ブラウザ要素）の左側の影と枠線を完全に消去 */
#sidebar-box + sidebar-splitter + #appcontent browser,
#sidebar-box + #sidebar-splitter + #appcontent browser,
.browserSidebarContainer browser {
border-left: none !important;
box-shadow: none !important;
}

/* 4. コンテンツ全体の親コンテナに残る境界線をリセット */
#appcontent, .browserSidebarContainer {
border: none !important;
}

/* 5. スプリッター（境界線）を1pxから完全に「0」にして消し去る場合 */
.sidebar-splitter, #sidebar-splitter {
width: 0 !important;
min-width: 0 !important;
max-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}

>>220のコードをいただいた
赤ラインを青ラインにしたくてff0000を0000ffにしたけど赤いまま変えられない
何がいけないんだろうか　タブ色もピンクにならない

>>245
自己レス
userchrome.cssに2回記述してました
スレよごし申し訳ありません

おじいちゃん、さっき書いたでしょ

便利になったもんだ
CSSをアップロードして解決してほしいことをAIに聞けばすぐに解決してくれる

ブックマークメニューの中のフォルダが白黒になってしまったのですが、以前のような黄色にするにはどうしたらいいでしょうか？

>>36 さんの書き込みを記述してみたのですが、ブラウジングライブラリの中のフォルダは変わったんですが、ブックマークメニューの方は変わらず…

>>249
使ってないからよくわからないが
スレの流れ的に
>>37は追記したのかな？

>>249
firefox用スクリプトアップローダーにcssをアップしました

>>250
はい、>>36 と >>37 は試したのですが、アイコンを変えることはできませんでした。

>>251
ありがとうございます。
cssの中身をコピペして色々試していたのですが、
.bookmark-item {
fill: #ff0000 !important;
}
この記述のみが効果がありました。これを記述するとフォルダの色を変えることができました。
アイコン自体を変えることはできなかったです。でも色を変えるだけでも大分見やすくなりました。

>>252
cssは167行目までいじらずそのまますべて使わないといけません
chromeフォルダの中にアイコンの入っているiconsフォルダを入れます

>>253
167行目までいじらずそのまま使ったところ、アイコンを変えることができました。
それで、その理由を調べていたのですが、自分の使っているcssには
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";);
という記述があり、これを消したところアイコンが変わることが分かりました。