[過去ログ] userChrome.css・userContent.cssスレ Part14 (1002レス)
1-

このスレッドは過去ログ倉庫に格納されています。
次スレ検索 歴削→次スレ 栞削→次スレ 過去ログメニュー
791
(1): 名無しさん@お腹いっぱい。 (ワッチョイ 8fe1-onYc) [sage] 2025/05/12(月) 23:58:18.17 ID:6g4MIt3M0(1) AAS
Firefoxサイドパネルでブックマーク表示中、一番上に表示される「ブックマークを検索」のテキスト入力欄の色を変えたいです
テキストボックスは#search-box、その周囲は#sidebar-search-containerであることがわかり、
display: noneで消すことはできるのですが、background-colorで色を指定しても反映されません
792
(1): 名無しさん@お腹いっぱい。 (ワッチョイ 63be-XCeo) [] 2025/05/13(火) 08:21:41.70 ID:KPztlPpC0(1) AAS
>>791
userChrome.css で appearance: none
background-color 以外も解除されるので自分で適当に設定する

@-moz-document url(chrome://browser/content/places/bookmarksSidebar.xhtml),
url(chrome://browser/content/places/historySidebar.xhtml)
{
#search-box {
appearance: none !important;
background-color: green !important;
color: yellow !important;
border: solid thin var(--input-border-color) !important;
border-radius: 2px !important;
padding: 2px 3px !important;
}
}
793: 名無しさん@お腹いっぱい。 (ワッチョイ b315-ZkZz) [sage] 2025/05/13(火) 10:29:54.80 ID:a7BRFfTP0(1) AAS
>>792
横からありがとうございます
自分もどうして変わらないのか悩んでいて
appearanceは盲点というか考えが及ばなかった
794: 名無しさん@お腹いっぱい。 (ワッチョイ f381-Pedj) [sage] 2025/05/17(土) 21:54:19.41 ID:fx73DJBJ0(1) AAS
タブの高さを狭く変更したのですが、タブ内の文字位置がタブの上端からではなく少し下にズレて表示されます
上端から表示させるにはどう書けばいいでしょうか

.tabbrowser-tab {
height: 24px !important;
}
795
(2): 名無しさん@お腹いっぱい。 (ワッチョイ 6b9c-rPai) [sage] 2025/05/18(日) 10:12:04.79 ID:DzUCrncL0(1/2) AAS
#TabsToolbar {
--tab-min-height: 24px !important;
}
#TabsToolbar #tabbrowser-tabs {
min-height: auto !important;
}
796: 名無しさん@お腹いっぱい。 (アウアウウーT Sa2f-mHPU) [sage] 2025/05/18(日) 10:26:23.20 ID:Smq2jHE3a(1) AAS
>>795
横からだけど、ありがとう。
797: 名無しさん@お腹いっぱい。 (ワッチョイ 9f81-mHPU) [sage] 2025/05/18(日) 13:51:34.31 ID:NKGzVjcU0(1/2) AAS
>>795
水平タブには効きましたが垂直タブには効かないみたいです
798
(1): 名無しさん@お腹いっぱい。 (ワッチョイ 6b9c-rPai) [sage] 2025/05/18(日) 14:16:08.25 ID:DzUCrncL0(2/2) AAS
あーそうか、今は垂直タブも考慮しないといけないのか
.tab-background {
min-height: 24px !important;
}
も追加で

タブ間隔の広さが気になる場合は
#tabbrowser-tabs[orient="vertical"] .tabbrowser-tab {
padding-block: 0px !important;
}
も追加
799: 名無しさん@お腹いっぱい。 (ワッチョイ 9f81-mHPU) [sage] 2025/05/18(日) 17:03:33.30 ID:NKGzVjcU0(2/2) AAS
>>798
ありがとうございます!
800
(1): 名無しさん@お腹いっぱい。 (ワッチョイ 5fcf-mHPU) [sage] 2025/05/21(水) 16:14:52.58 ID:B/AqerQU0(1/2) AAS
タブグループ名の高さをタブと同じにするにはどうすれば良いですか?
画像リンク

801
(1): 名無しさん@お腹いっぱい。 (ワッチョイ 4f15-FIIW) [sage] 2025/05/21(水) 18:34:20.70 ID:e2RYkwME0(1/3) AAS
>>800
とりあえず作ってみたがこれで正しいのかわからない

/* グループタブの形状 */
#tabbrowser-tabs[orient="horizontal"] .tab-group-label {
font-size: 12px !important;
padding-top: 8px !important;
padding-inline: 10px !important;
min-height: 36px !important;
border-radius: 12px !important;
outline: none !important;
}
802
(1): 名無しさん@お腹いっぱい。 (ワッチョイ 4f15-FIIW) [sage] 2025/05/21(水) 18:34:34.97 ID:e2RYkwME0(2/3) AAS
/* グループタブの形状 縦タブ */
.tab-group-label {
#tabbrowser-tabs[orient="vertical"]:not([expanded]) & {
width: 24px !important;
max-width: 24px !important;
margin: auto !important;
font-size: 0 !important;
padding-top: 2px !important;
min-height: 16px !important;
border-radius: 8px !important;
outline: none !important;
}
}
.tab-group-label {
#tabbrowser-tabs[orient="vertical"][expanded] & {
font-size: 12px !important;
padding-top: 2px !important;
padding-inline: 10px !important;
min-height: 16px !important;
border-radius: 12px !important;
outline: none !important;
}
}
803
(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
なんて裏技も在ったらしい(けど実装が中途半端に終わってる)
804: 名無しさん@お腹いっぱい。 (ワッチョイ 5fcf-mHPU) [sage] 2025/05/21(水) 20:00:34.19 ID:B/AqerQU0(2/2) AAS
>>801
>>802
ありがとうございます
805
(1): 警備員[Lv.4][新芽] (ワッチョイ 4f15-FIIW) [sage] 2025/05/21(水) 20:16:00.86 ID:e2RYkwME0(3/3) AAS
>>803
cssでは無理らしい
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法(>>803)で文字色にあたるForegroundの方を #000000 (⬛)に書き変え。

 ⚙about:configは
  何の為にどの記述を変えたのかをノートしとかないと🩶外部リンク:bokete.jp

それから、>>701
701(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
766(2): 744 (ワッチョイ 12d4-Fbt+) [sage 転載用] 2025/05/04(日) 11:57:50.29 ID:XGHbycrG0(1) AAS
FirefoxのUIに使われてるWindowsのクソUIフォントをポアする方法
──────────────────────────────userChrome.cssの方
* {-webkit-text-stroke-width: 0.2px !important;}
* {font-family: "エセナパJ" !important;}
::selection {
color: #000;
background: #c0c0c0;}
──────────────────────────────userContent.cssの方
@-moz-document url-prefix(about:), url-prefix(moz-extension:), url-prefix(chrome://), domain(mozilla.org)
{
* {-webkit-text-stroke-width: 0.2px !important;}
* {font-family: "エセナパJ", "Material Icons" !important;}
* {text-shadow: 0px 0px 0.36px #acacac80 !important;}
::selection {
color: #000;
background: #c0c0c0;}
}
──────────────────────────────
エセナパ🇯: 外部リンク:tanukifont.com

 ・userContent.cssに入れてるのは、userChrome.cssでは替えきれないFirefoxの関連ページ
  url-prefix(chrome://)も必要だったかは不明
 ・"Material Icons"は、mozilla.orgで使われてるWebフォントだったかも
 ・color: #000;は、選択範囲時の白文字がtext-stroke-widthと相性が悪いので黒に変えてる
 ・text-shadowとbackgroundは任意、text-stroke-widthは>>744

>>698のIPAexゴシックの太字欠品をNoto Sans JPでの補間法は、
 先月のWindows Updateでインストールされた「NotoSansJP-VF.ttf」の方で指定するなら
 PostScript名が "NotoSansJP-Thin" になってるから、
 太字なのに
font-weight: bold;
src: local("NotoSansJP-Thin");

* {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
適用前と適用後の画像を添えておくと、とっても参考になるよ
809
(1): 名無しさん@お腹いっぱい。 (ワッチョイ 4f15-FIIW) [sage] 2025/05/23(金) 19:28:33.49 ID:YZp/7b6i0(1) AAS
overlay_fullscreen_toolbars.css は
全画面表示のときマウスポインタを上に持っていくとタブとツールバーが出てくるが
ページを押し下げカクカク出てくるのがページの上にかぶさるように出てくるようになる

動画フルスクリーンのときバグがあるので
:root[sizemode="fullscreen"] を以下のように変更するとよい

:root[sizemode="fullscreen"]:not([inDOMFullscreen="true"]) {

textual_searchbar_one-offs.css は検索バーのアイコンにテキスト表示するもの
画像左のようになる 右のは好みに成型した自分用のもの
画像リンク

810
(1): 808 (ワッチョイ cad4-mHPU) [sage] 2025/05/23(金) 20:40:35.27 ID:0fJ1fNFv0(2/2) AAS
>>809
なるほど

>overlay_fullscreen_toolbars.css
の方はFirefoxがデフォルトに採用するべき挙動

>textual_searchbar_one-offs.css
 ・検索エンジン数が多かったり
 ・同じサイト内のパラメーター違いの検索はアイコンが同じになったり
してアイコンだけだと判別し難くなる訳ね

吾輩は、選択範囲から検索する時用に
Gesturefyの⚙[その他>ロッカージェスチャー>左クリックした状態で右クリック]
に「[Popup] 検索エンジン」を入れてる

  検索エンジンを追加する時は
  Add custom search engine: 🧩外部リンク:addons.mozilla.org
  を使ってる
   使ってる🔍は: Google, 英辞郎, YouTube, Wiktionary, OK辞典, Twitter(𝕏)

>>728
728(2): 723 (ワッチョイ 7fd4-DUcv) [sage] 2025/04/03(木) 01:52:05.32 ID:8ZqzEcwp0(1) AAS
アドレスバーはこれトグルしといた方がいい
browser.newtabpage.activity-stream.improvesearch.handoffToAwesomebar
🔝外部リンク[html]:susu.cc

アドレスバーの「今回だけ使う検索エンジン: 」を
昔のverの様に、アイコンをワンクリックで飛べる様に戻すabout:configないかな?

 過去ver: ワード入力➔アイコンクリック➔🏁
 現在ver: ワード入力➔アイコンクリック➔Enter➔🏁
 未来ver: ワード入力➔アイコンクリック➔アイコンクリック➔Enter➔🏁

アドレスバー系で替えてるabout:config
🔧リーダーモード: 無効
reader.parse-on-load.enabled
🔧Pocketサービス: 無効
extensions.pocket.enabled
🔧URLの自動補完: 無効
browser.urlbar.autoFill
🔧ドロップダウン数: 初期値の10だと検索アイコンまでの移動距離が遠い
browser.urlbar.maxRichResults
で書いたが、
NightlyのFirefox入れてみたら判るけど
そこ、今後めっちゃ使い難くなるよ
811
(1): 名無しさん@お腹いっぱい。 (ワッチョイ 9fcf-mHPU) [sage] 2025/05/23(金) 21:44:25.97 ID:GqMqh9eg0(1) AAS
browser.urlbar.scotchBonnet.enableOverrideをfalseにしとけ
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
813: 名無しさん@お腹いっぱい。 (ワッチョイ 6358-F5NH) [sage] 2025/05/24(土) 20:51:50.12 ID:Cv1npr650(1) AAS
な、ガイジage厨だろ👆
814: 名無しさん@お腹いっぱい。 (ワッチョイW 1b76-AnN9) [sage] 2025/05/24(土) 21:41:14.21 ID:6NCBd31I0(1) AAS
また指差し基地外湧いてる
815: 名無しさん@お腹いっぱい。 (ワッチョイ aa09-rPai) [] 2025/05/24(土) 22:14:27.66 ID:NCKV12Ay0(1) AAS
>>812
何しても左寄せに出来なくて諦めてたし聞くか迷ってたんだそれ
ありがとうございます
1-
あと 187 レスあります
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ AAサムネイル

ぬこの手 ぬこTOP 0.025s