userChrome.css・userContent.cssスレ Part15 (80ﾚｽ)
上下前次1-新
ﾘﾛｰﾄﾞ規制です｡10分ほどで解除するので､他のﾌﾞﾗｳｻﾞへ避難してください｡
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
User Style Manager (レガシーアドオン・要Classic Add-ons Archive)
外部ﾘﾝｸ:addons.mozilla.org
●スクリプト
userChromeJS/UserCSSLoader at master ・ Griever/userChromeJS
外部ﾘﾝｸ:github.com
UserCSSManager (要userChromeES)
外部ﾘﾝｸ:greasyfork.org
●CSS（ユーザースタイルを記入するべきファイル）
userChrome.css（UI） / userContent.css（Web Site）
●関連サイト
Userstyles.org
外部ﾘﾝｸ:userstyles.org
CSS: カスケーディングスタイルシート | MDN
外部ﾘﾝｸ:developer.mozilla.org
とほほのスタイルシート入門
外部ﾘﾝｸ:www.tohoho-web.com VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured
2: (ﾜｯﾁｮｲW 7111-5L2n) 08/23(土)20:23 ID:5GkQOC/N0(2/2) AAS
●CSS有効化
userChrome.css / userContent.css を使う場合
about:config もしくは user.js で「toolkit.legacyUserProfileCustomizations.stylesheets」を「true」に設定
●自力で調べるには
Browser Toolbox
外部ﾘﾝｸ[html]:firefox-source-docs.mozilla.org
外部ﾘﾝｸ:web.archive.org
Select an element
外部ﾘﾝｸ[html]:firefox-source-docs.mozilla.org
セレクタやプロパティなどはどうやって調べるの（例）
2chｽﾚ:software
3: (ﾜｯﾁｮｲ 7915-mlbM) 08/23(土)20:39 ID:sKTXIGAf0(1) AAS
Browser Toolboxの使い方知るには自分で覚えないといけないんだよね
4: (ﾜｯﾁｮｲ d56e-0Y3O) 08/28(木)12:37 ID:pzDE1xGq0(1/2) AAS
アクティブタブの背景色、非アクティブタブの背景色、非アクティブタブにマウスオーバーした時の背景色を
それぞれ指定したいのですが、記述を教えて下さい。。
テーマで変えてもしっくりくるものが無かったので、自分で色指定したいです。
5: (ﾜｯﾁｮｲ d56e-0Y3O) 08/28(木)13:59 ID:pzDE1xGq0(2/2) AAS
自己対応完了
6(1): (ﾜｯﾁｮｲ 73b2-PH2a) 09/01(月)03:29 ID:Aa0aex000(1) AAS
Yahooメールの本文の部分のフォントサイズを変更したいのですが、
どう変更したらいいでしょうか？
Googleメールみたいに、単にtextarea { font-size: 15px !important;}等と書いても適応されません
7: (ﾜｯﾁｮｲW 6fbf-TomW) 09/01(月)06:15 ID:t5iu2yVu0(1) AAS
>>6
ちゃんと「調査」した？
本文で右クリック→「調査」
8: (ﾜｯﾁｮｲ 0358-yzHn) 09/01(月)15:18 ID:moVgLPNH0(1) AAS
な、ガイジage厨だろ👆
9: (ﾜｯﾁｮｲ bf56-aD9e) 09/02(火)19:24 ID:6t6Jdcjb0(1) AAS
uBlock OriginのYouTubeクルクル不具合
Distill Web Monitorの外部ﾘﾝｸ:code.google.comで利用できない不具合
はよ直してほしい
10(1): (ﾜｯﾁｮｲ bf56-aD9e) 09/05(金)22:07 ID:sMY06D+r0(1) AAS
タブのミュートアイコンを消す方法を教えてください。
ググった方法だと効果なかったので
11: (ﾜｯﾁｮｲW 43c0-ujA0) 09/06(土)06:44 ID:s+vTsBG+0(1) AAS
ググった方法書かないと何がダメだったかわからんだろ
12: (ﾜｯﾁｮｲ bf56-aD9e) 09/06(土)12:05 ID:qcqnpv0s0(1/2) AAS
@namespace url(外部ﾘﾝｸ:www.mozilla.org
.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
これらはいずれも効果なしです。
13(1): (ﾜｯﾁｮｲ cfe9-NRvb) 09/06(土)12:50 ID:g6/sUNzg0(1) AAS
>>10
.tab-audio-button { display: none !important; }
14: (ﾜｯﾁｮｲ bf56-aD9e) 09/06(土)13:17 ID:qcqnpv0s0(2/2) AAS
>>13
ありがとうございます。
消えました。
15: (ﾜｯﾁｮｲ cf44-aD9e) 09/06(土)18:54 ID:NyochoYe0(1) AAS
.urlbarViewを展開した時に一番下に表示される領域を消したいんですが消し方を教えてください
16(1): (ﾜｯﾁｮｲ 5e30-aFDf) 09/08(月)08:12 ID:4LmTStLl0(1) AAS
スタートメニューの履歴内 「最近閉じたタブ」を非表示にするにはuserChrome.cssにどう書けばいいでしょうか？
17: (ﾜｯﾁｮｲ 8715-S8ml) 09/08(月)09:31 ID:1Xd7KicS0(1) AAS
言葉では伝わらない
18: (ﾜｯﾁｮｲ 8a56-08wO) 09/08(月)18:47 ID:NnVd3+nk0(1) AAS
>>16
#tm-content-undoCloseTab {
display: none !important;
}
19: (ﾜｯﾁｮｲ df22-S8ml) 09/12(金)22:08 ID:kb9CcCRh0(1) AAS
urlバーにリロードボタン表示させる方法教えてください
ツールバーのカスタマイズからは見つかりませんでした
昔アイコンを表示させたり消したりしたような気がするんですがuserchrorme.cssにもそれらしいこと書いてないし
about:configでの設定等も教えて下さい
20: (ﾜｯﾁｮｲ 8715-S8ml) 09/12(金)22:40 ID:0+/P0b3G0(1) AAS
CSSではまともに移動できないからアドオン
Reload in address bar
21: (ﾜｯﾁｮｲ 4e44-08wO) 09/13(土)06:32 ID:DOfSV2UA0(1) AAS
ツールバーに区切りを配置したいけどなんで消しちゃったんだろ
22: (ﾜｯﾁｮｲ 7ae2-08wO) 09/13(土)08:51 ID:MmaKQuBV0(1/2) AAS
ツールバーにタイトルつけられるようにしてほしい
23: (ﾜｯﾁｮｲ 7ae2-08wO) 09/13(土)12:29 ID:MmaKQuBV0(2/2) AAS
間違えた ブックマークの区切りに文字を入れられるようにしてほしい
24: (ﾜｯﾁｮｲ 57cf-S8ml) 09/13(土)12:52 ID:C4XcguSk0(1) AAS
userChrome.cssに記述する
@charset "utf-8";
*[label="目的とするセパレーターの直前のメニュー(メニューアイテム)のラベル名"]+menuseparator:after
{
content: "セパレーターに付加したい文字列";
margin-top: -0.5em;
margin-bottom: -0.5em;
}
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
xLS41LjVoLTEzYS41LjUgMCAwIDEtLjUtLjVWNmgxNHoiIGZpbGwtb3BhY2l0eT0iLjIiLz4NCiAgPHBhdGggZD0iTTEgNVYyLjVhLjUuNSAwIDAgMSAuNS0uNWg
yLjU4NmEuNS41IDAgMCAxIC4zNTQuMTQ2bDEuNDE0IDEuNDE1QTEuNDkxIDEuNDkxIDAgMCAwIDYuOTE0IDRIMTQuNWEuNS41IDAgMCAxIC41LjVWNXoiIGZpbGw
tb3BhY2l0eT0iLjEiLz4NCiAgPHBhdGggZD0iTTE1IDEzLjVhLjUuNSAwIDAgMS0uNS41aC0xM2EuNS41IDAgMCAxLS41LS41VjEzaDE0eiIgZmlsbC1vcGFjaXR
5PSIuMDUiLz4NCjwvc3ZnPg==') !important;
}
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; /* これを追加 */
}
60(1): (ﾜｯﾁｮｲ 7f30-OF/z) 09/20(土)13:02 ID:xLWKAXu20(1) AAS
143.0.1
ファイルをダウンロードした後の「↓」アイコンと、それをクリックして現れるメニューの「ダウンロードを完了しました」の文字の色を
青から黒に変えるにはどうしたらいいですか？
61(2): (ﾜｯﾁｮｲ 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;
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;
}
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;
}
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;
}
}
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;
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;
}
74(1): (ﾜｯﾁｮｲ 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,
.bookmark-item[scheme="moz-extension"] > :is(.menu-icon,.menu-iconic-icon) {
content: url("chrome://mozapps/skin/extensions/extension.svg") !important;
fill: Purple !important;
}
75: (ﾜｯﾁｮｲ ffba-p2ny) 09/26(金)22:21 ID:1x01OMgb0(1) AAS
Sidebarmodokiを更新したらAutoCloseBookMarkFolderが効かなくなったな。
以前のバージョンに戻したらAutoCloseBookMarkFolderも復活した。
76(1): (ﾜｯﾁｮｲ 2bc1-p2ny) 09/27(土)03:26 ID:ixYdmc0z0(1) AAS
>>74
スクショ確認しました。
ちなみに74さんはuser.jsに
user_pref("browser.chrome.site_icons", false);
これでサイトのファビコンを取得しないようにしいますか？
77: (ﾜｯﾁｮｲ 6f15-VfWQ) 09/27(土)10:23 ID:FGrOXow00(1/3) AAS
>>76
browser.chrome.site_icon = false はしてないです
設定したけどサイトアイコンそのままでした
>>61の無効になったcssをuserChrome.cssに書かれたままだと悪さするみたいだ
残したままにしていませんか
78: 警備員[Lv.4][新芽] (ﾜｯﾁｮｲ 6f15-VfWQ) 09/27(土)11:56 ID:FGrOXow00(2/3) AAS
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;
}
79: (ﾜｯﾁｮｲ 0ad6-9QCu) 09/27(土)12:05 ID:G/9qPz4p0(1) AAS
前方一致とネスト記法を学ぶといい
80: (ﾜｯﾁｮｲ 6f15-VfWQ) 09/27(土)12:25 ID:FGrOXow00(3/3) AAS
ネスト記法やってみました
: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;
}
}
}
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.040s