userChrome.css・userContent.cssスレ Part15 (74ﾚｽ)
上下前次1-新
1: (ﾜｯﾁｮｲW 7911-5L2n) 08/23(土)20:23 ID:5GkQOC/N0(1/2) AAS
!extend:checked:vvvvv:1000:512
次スレを立てる方は↑を二行重ねて書いてください
●前スレ
userChrome.css・userContent.cssスレ Part14
2chｽﾚ:software
●拡張機能
Stylish
外部ﾘﾝｸ:addons.mozilla.org
Stylus
外部ﾘﾝｸ:addons.mozilla.org
省16
25(1): (ﾜｯﾁｮｲ 3f02-XVQY) 09/14(日)07:32 ID:6urfGcTS0(1/3) AAS
/* URLバー内の★（ブックマーク）アイコンの色を変更 */
#star-button ,#editBookmarkPanelStarIcon {
fill: #A7C9FC !important;
}
ダークモードだと？ブックマークしてるサイトの★があまりに判別しにくいので
以前どこかでもらった、↑で色を変更したのですが
これを指定すると、ブックマークしてない通常のサイトの☆が↑の色で縁取りされるようになってしまいました。
この非ブックマークの☆は元のまま、もしくは色変更するにはどうすればいいでしょうか？
26: (ﾜｯﾁｮｲ 3f02-XVQY) 09/14(日)07:45 ID:6urfGcTS0(2/3) AAS
↑ダークモードだけに、いっそのこと縁取りの色、白FFFFFFにするのも手ですね・・
27(1): (ﾜｯﾁｮｲ 7fbe-H0ia) 09/14(日)08:04 ID:sbrpwJKO0(1) AAS
>>25
/* ブックマーク済 */
#star-button[starred]
/* 未ブックマーク */
#star-button:not([starred])
#editBookmarkPanelStarIcon は今はもう存在しないよ
28: (ﾜｯﾁｮｲ 3f02-XVQY) 09/14(日)08:14 ID:6urfGcTS0(3/3) AAS
>>27
早々にありがとうございます。バッチリできましたー
29: 警備員[Lv.1][新警] (ﾜｯﾁｮｲ cf15-XVQY) 09/14(日)08:56 ID:KclJrGSD0(1) AAS
明るいテーマと暗いテーマの色を変えることもできる
/* ブックマーク済 */
#star-button[starred] {
fill: light-dark(var(--toolbarbutton-icon-fill-attention), #A7C9FC) !important;
}
/* 未ブックマーク */
#star-button:not([starred]) {
fill: light-dark(black, #fff) !important;
}
30(1): donguri! (ﾜｯﾁｮｲ cfc8-mPtt) 09/15(月)14:50 ID:gArfWgO20(1/3) AAS
二つ教えてください。
いつからかわかりませんが、次の二つが効かなくなっていました。
どのように記述すればいいでしょうか
●ピン留めしたタブとピン留めしてないタブの間にある隙間をなくす
.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; }
31(1): (ﾜｯﾁｮｲ 7f73-n+00) 09/15(月)15:54 ID:g04Hd8sE0(1) AAS
自分の環境だと
ピン留めタブと通常タブの間
#pinned-tabs-container {margin-inline-end : 0px !important;}
マウスオーバーでタブに閉じるボタンを表示は同じ記述のものできいてる
32(1): (ｱｳｱｳｳｰT Sa53-n+00) 09/15(月)16:46 ID:Yb/+3zTpa(1) AAS
>>30
/* タブにマウスオーバーで閉じるボタンを表示 */
.tabbrowser-tab:not(:hover) .tab-close-button{ display:none; }
.tabbrowser-tab:not([pinned]):hover .tab-close-button{ display:block !important; }
33: (ﾜｯﾁｮｲ cfc8-mPtt) 09/15(月)18:50 ID:gArfWgO20(2/3) AAS
>>31
ありがとう 治りました。
>>32
ありがとう 残念ながら変わらずでした。
34: (ﾜｯﾁｮｲ cfc8-mPtt) 09/15(月)19:00 ID:gArfWgO20(3/3) AAS
連投すみません。
タブの閉じるボタンを消す記述がおかしくなってました。
お騒がせしました。
35(1): (ﾜｯﾁｮｲ 8f76-9kjN) 09/16(火)12:32 ID:qCCVdmw00(1) AAS
ブックマークフォルダのアイコンの色を昔の黄色いのにしてたんですけどフォルダの中のフォルダの色が白くなってしまってどこ修正したらいいんでしょう
36(1): (ﾜｯﾁｮｲ 8f72-mPtt) 09/16(火)17:05 ID:rnwkmn6f0(1) AAS
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
省5
37(2): 警備員[Lv.6][新] (ﾜｯﾁｮｲ cf15-XVQY) 09/17(水)11:12 ID:12GG0Msb0(1) AAS
これを追加
画像データ省略してあります
.bookmark-item[container] > :is(.menu-icon, .toolbarbutton-icon) {
content: url('data:image/svg+xml;base64,xxxxxxxxxxx') !important;
}
38: (ﾜｯﾁｮｲ 8f76-9kjN) 09/17(水)14:22 ID:bey/wHw70(1/2) AAS
>>37
ありがとうございます
39: (ﾜｯﾁｮｲ 8ffe-qkCt) 09/17(水)15:36 ID:czLdubj70(1/2) AAS
>>37
ありがとうございます
ただ、サイドバー → ブックマーク のアイコンに色が付かなくなってしまいました
40(1): 警備員[Lv.8][新] (ﾜｯﾁｮｲ cf15-XVQY) 09/17(水)15:43 ID:AaK2Lpvr0(1) AAS
>>36のcssも使うのでこれに追記します
41: (ﾜｯﾁｮｲ 8ffe-qkCt) 09/17(水)16:22 ID:czLdubj70(2/2) AAS
>>40
何度もすみません
出来ましたありがとうございました
42(1): (ﾜｯﾁｮｲ 7f6d-qkCt) 09/17(水)16:26 ID:vlv79dP+0(1/2) AAS
URLバーが白系統の色にできないんですけどこれであってますよね？
黒とか灰にはできたのですが
#urlbar {
background-color: #ffffff !important;
}
43(2): (ﾜｯﾁｮｲ 7f73-n+00) 09/17(水)16:52 ID:6b5E00PA0(1/3) AAS
>>42
これはどうですか
#urlbar-background{
background-color: #FFFFFF !important;}
44: (ﾜｯﾁｮｲ 7f73-n+00) 09/17(水)16:53 ID:6b5E00PA0(2/3) AAS
>>43
効いてませんでした
すみません
45(1): (ﾜｯﾁｮｲ 7f73-n+00) 09/17(水)17:09 ID:6b5E00PA0(3/3) AAS
>>43
自分も気になって作業してたとこですが
背景色
.urlbar-background {background-color:#FFFFFF!important;}
枠をつける
.urlbar-background {border-color: #696969 !important;}
46: (ﾜｯﾁｮｲ 7f6d-qkCt) 09/17(水)18:05 ID:vlv79dP+0(2/2) AAS
>>45
ありがとうございます、白にできました
47: (ﾜｯﾁｮｲ 0f58-VRQG) 09/17(水)18:15 ID:F85E33gn0(1) AAS
な、ガイジage厨だろ👆
48: (ﾜｯﾁｮｲ 3f56-qkCt) 09/17(水)21:16 ID:dVFrrPM90(1/2) AAS
タブをタスクバーに追加を無効にする方法を教えてください。
49: (ﾜｯﾁｮｲ 3f56-qkCt) 09/17(水)21:22 ID:dVFrrPM90(2/2) AAS
自己解決しました。
50: (ﾜｯﾁｮｲ cfb8-9qzG) 09/17(水)22:47 ID:+J7ioG010(1/2) AAS
about:configにそれっぽい項目が見あたらないのでuserChrome.cssで
/* アドレスバー内の「タブをタスクバーに追加」を消す */
hbox#taskbar-tabs-button { display: none !important; }
51(2): (ﾜｯﾁｮｲ 8f76-9kjN) 09/17(水)23:00 ID:bey/wHw70(2/2) AAS
browser.taskbarTabs.enabled
52: (ﾜｯﾁｮｲ cfb8-9qzG) 09/17(水)23:16 ID:+J7ioG010(2/2) AAS
>>51
ありがとう
53: (ﾜｯﾁｮｲ fffb-qkCt) 09/18(木)04:20 ID:yKVP+T250(1) AAS
>>51
よこからありがとう
54: (ﾜｯﾁｮｲ 0f02-XVQY) 09/19(金)13:38 ID:zgrt/vSv0(1/2) AAS
画像ﾘﾝｸ[png]:i.imgur.com
ダウンロードしてる時の↑このアイコンの
進捗部分の色って変更できますでしょうか？
55(1): 警備員[Lv.7][新芽] (ﾜｯﾁｮｲ cf15-XVQY) 09/19(金)14:13 ID:uOuZ7tk40(1) AAS
/* Changing Download Progress Bar Color */
#downloads-indicator-progress-inner {
--toolbarbutton-icon-fill-attention: #f00 !important;
}
56: (ﾜｯﾁｮｲ 0f02-XVQY) 09/19(金)15:30 ID:zgrt/vSv0(2/2) AAS
>>55
画像ﾘﾝｸ[png]:i.imgur.com
ありがとうございますーできましたバッチリです。
57: (ﾜｯﾁｮｲ 3f31-qkCt) 09/19(金)23:25 ID:Swij1VEM0(1/2) AAS
143.0.1
#urlbar-background
なんか挙動がおかしくなった
58: (ﾜｯﾁｮｲ 3f31-qkCt) 09/19(金)23:48 ID:Swij1VEM0(2/2) AAS
#urlbar .urlbar-background
これで直った
いちいち意味のわからん修正入れるのやめてほしいわ
59: (ﾜｯﾁｮｲ 3f31-qkCt) 09/20(土)10:40 ID:a7ftczkA0(1) AAS
[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; /* これを追加 */
省1
60(1): (ﾜｯﾁｮｲ 7f30-OF/z) 09/20(土)13:02 ID:xLWKAXu20(1) AAS
143.0.1
ファイルをダウンロードした後の「↓」アイコンと、それをクリックして現れるメニューの「ダウンロードを完了しました」の文字の色を
青から黒に変えるにはどうしたらいいですか？
61(1): (ﾜｯﾁｮｲ 2b74-p2ny) 09/22(月)08:04 ID:HQbvLhwG0(1/2) AAS
以前、この過去のスレッドでファビコンを取得していない条件でアイテムが地球儀アイコンの場合を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;
省10
62(1): (ﾜｯﾁｮｲ 6f15-VfWQ) 09/22(月)11:16 ID:tvs2qx5j0(1) AAS
>>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;
}
63: (ﾜｯﾁｮｲ 6f15-VfWQ) 09/22(月)17:34 ID:tED4ySZV0(1) AAS
>>61
schemeに従い、httpsとhttpのサイトアイコンを変えることはできるけど、
ファビコンを取得したサイトアイコンのあるhttpsとhttpを除き、
ファビコンの無いhttpsとhttpのみ地球儀アイコン変えるのは難しくないですか。
64: (ﾜｯﾁｮｲ ae30-wBym) 09/22(月)19:17 ID:sKojwWeT0(1/2) AAS
googleやyahoo等の検索ボックスの右クリックメニュー
「AIチャットポットに尋ねる」を非表示にするにはどう書けばいいでしょうか？
65: 64 (ﾜｯﾁｮｲ ae30-wBym) 09/22(月)19:55 ID:sKojwWeT0(2/2) AAS
すいません、ググったらすぐ見つかりました
#context-ask-chat { display: none !important; }で消えてくれました
66: (ﾜｯﾁｮｲ 2b74-p2ny) 09/22(月)21:05 ID:HQbvLhwG0(2/2) AAS
>>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;
省1
67(1): (ﾜｯﾁｮｲ 6f15-VfWQ) 09/22(月)21:34 ID:ZUZiCUWD0(1) AAS
--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;
}
68(1): (ﾜｯﾁｮｲ 0358-J2/b) 09/22(月)21:57 ID:DqEUnQPJ0(1) AAS
ネスト記法を覚えよう
69: (ﾜｯﾁｮｲ 6f15-VfWQ) 09/23(火)21:02 ID:f+yFdRwG0(1) AAS
ネスト記法のような難しいことは知らないです
70(1): (ﾜｯﾁｮｲ 2bca-p2ny) [sa] 09/24(水)10:04 ID:XU5OEucs0(1) AAS
>>67
有難うございます
ただ、content: urlの中を書き換えて試してみましたがschemeは反映されませんでした。
71: 警備員[Lv.5][新芽] (ﾜｯﾁｮｲ 6f15-VfWQ) 09/24(水)12:31 ID:VWPpGF2F0(1/2) AAS
>>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;
}
72(1): (ﾜｯﾁｮｲ 6f15-VfWQ) 09/24(水)19:38 ID:VWPpGF2F0(2/2) AAS
>>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;
}
省1
73(1): (ﾜｯﾁｮｲ 2b5f-p2ny) 09/25(木)17:11 ID:fD400PyI0(1) AAS
>>72
自分もChatGPTに聞いてみることは試していました
アイコンの相対パスや絶タパス、あと擬似要素方式の例やDOM 構造変更にも比較的強く、表示の成功率が高いという
↓これなども、でも駄目でした
.bookmark-item[href^="外部ﾘﾝｸ:"] .toolbarbutton-icon {
display: none !important;
}
.bookmark-item[href^="外部ﾘﾝｸ:"]::before {
content: "";
display: inline-block;
省8
74: (ﾜｯﾁｮｲ 6f15-VfWQ) 09/25(木)17:30 ID:VdGs0hDq0(1) AAS
>>73
うちではちゃんと動作してるけど
以下も加えてスクリーンショットしたから確認してよ
画像ﾘﾝｸ[png]:i.imgur.com
.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,
省4
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.024s