userChrome.css・userContent.cssスレ Part14 (984ﾚｽ)
上下前次1-新
抽出解除 ﾚｽ栞
ﾘﾛｰﾄﾞ規制です｡10分ほどで解除するので､他のﾌﾞﾗｳｻﾞへ避難してください｡
806(4): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ aaa5-63lk) [sage] 2025/05/22(木) 16:51:28.91 ID:zWXU8p770(1) AAS
外部ﾘﾝｸ[css]:github.com
外部ﾘﾝｸ[css]:github.com
URLバーがちょっと大きくなるのとかURLバー下の検索窓がURLバー幅でしか開かないの弄るために久々に調べたメモ
以前もやったのに変更入って無効になってた
807(1): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 4f15-FIIW) [sage] 2025/05/22(木) 18:02:14.84 ID:mUcMUOpD0(1) AAS
>>806
MrOtherGuyの人cssマスターだよね
自分手直ししてこれ使ってたわ
外部ﾘﾝｸ[css]:github.com
外部ﾘﾝｸ[css]:github.com
808: 803 (ﾜｯﾁｮｲ cad4-mHPU) [灰色は、PEUGEOT 9X8の2023年ル･マン前までのgrisがトレビアン sage] 2025/05/23(金) 06:58:03.66 ID:0fJ1fNFv0(1/2) AAS
>>805調べても掛からないから意外と無いのかも。
Skiaのフォントレンダリングを補整できるwebkit-text-stroke-widthは
文字が選択範囲で白字化する際に
白色化前のcolorでstrokeしてしまいアウトラインが黒縁になるので、
about:config法(>>803803(4): 766 (ﾜｯﾁｮｲ cad4-mHPU) [sage] 2025/05/21(水) 18:54:19.98 ID:k1xjR9To0(1) AAS
「Ctrl + F」の検索で掛かる
・該当ワードの[グリーンに白の🔤]
・☑すべて強調表示 でハイライトする[マゼンタに白の🔤]
を
userChrome.cssかuserContent.cssで指定する方法知らない？
about:configの方で
ui.textSelectAttentionBackground
ui.textSelectAttentionForeground
ui.textHighlightBackground
ui.textHighlightForeground
から指定が出来るのだけど、
.cssに書き込んだ方が管理がし易そう
🕡外部ﾘﾝｸ:www.insidespeech.com
findbar.modalHighlight
なんて裏技も在ったらしい（けど実装が中途半端に終わってる）
)で文字色にあたるForegroundの方を #000000 (⬛)に書き変え。
⚙about:configは
何の為にどの記述を変えたのかをノートしとかないと🩶外部ﾘﾝｸ:bokete.jp
それから、>>701701(2): 700 (ﾜｯﾁｮｲ 13d4-Gnpp) [sage] 2025/03/17(月) 16:59:11.27 ID:wABYkwin0(4/4) AAS
今自分が使ってる文字セッティングは
Firefox ESR 115.21.0 での （⚠ v123以上からはwebkit-text-strokeの処理が穢い）
* {-webkit-text-stroke: 0.2px !important;}
* {text-shadow: 0px 0px 0.36px #acacac80 !important;}
* {font-family: "ヒラギノUD角ゴ StdN",
"Material Icons",
"icon", "FontAwesome", "Font Awesome 5 Brands", "Font Awesome 5 Free",
"Google Symbols",
"VideoJS", /* Wikipedia */
"icomoon", /* Yahoo! ニュース動画 */
"utIcon",
"ichiba-icon-font", "rex-icon", "fricon", /* 楽天系 */
"AmebaNewSymbols", "ameba-symbols",
"nsiconfont", /* 日刊スポーツ */
"Iconochive-Regular",
"Support MDL2 Assets", "Support Fluent Assets", /* Microsoft */
"Glyphicons Halflings" /* bokete */
!important;}
::selection{
color: #000; /*選択時の文字色を指定*/
background: #c0c0c0; /*選択時の背景色を指定*/}
と>>766の
* {text-shadow: 0px 0px 0.36px #acacac80 !important;}
::selection {
color: #000;
background: #c0c0c0;}
を、
* {text-shadow: 0px 0px 0.36px rgba(128, 128, 128, 0.333) !important;}
::selection {background: rgba(128, 128, 128, 0.5);}
にchange the 𝖂ord
・16進数の#カラーコードではなくてrgba(,,,)値で指定した方が、色とα(透過)率を把握し易い
・シャドウ(blur-radius)はK(⬛)で透過の方が良いかと思ったけど、白以外の背景色との兼ね合いでは･･･灰色で･･････
・::selectionはcolor値を指定しないと白字化しなかったので、ではbackgroundを灰色で半透明で。
>>806-807 MrOtherGuy
適用前と適用後の画像を添えておくと、とっても参考になるよ
812(2): 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 1bbe-S5sT) [] 2025/05/24(土) 19:59:43.73 ID:9UvLb/220(1) AAS
>>806
#urlbar { will-change: auto !important; }
1949742 - Use will-change: transform in the urlbar to make sure to consistently contain fixed position descendants.
外部ﾘﾝｸ[cgi]:bugzilla.mozilla.org
817(1): 名無しさん＠お腹いっぱい。 (ｵｯﾍﾟｹT Srcf-3DDr) [] 2025/05/25(日) 06:02:03.05 ID:Ts8HqYzyr(1/2) AAS
>>812の
#urlbar { will-change: auto !important; }
と>>806の
full_width_urlbar_popup,compact_urlbar_megabar
に
/* 検索結果のURL表記を一行にまとめる */
#urlbar > .urlbarView .urlbarView-url{
padding-left: 8px !important;}
#urlbar > .urlbarView .urlbarView-row-inner {
flex-wrap: nowrap !important;}
#urlbar > .urlbarView .urlbarView-no-wrap {
flex-basis: unset !important;
max-width: 80% !important;}
/* タイプアイコンを別枠で表示 */
#urlbar > .urlbarView .urlbarView-body-inner{
margin-inline-start: 34px !important;}
#urlbar > .urlbarView .urlbarView-type-icon{
width: 17px !important;
height: 17px !important;
margin: 0 0 0 -28px !important;}
を追加してこんな感じに落ち着きました
画像ﾘﾝｸ
ありがとうございました
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.034s