userChrome.css・userContent.cssスレ Part14

2024/03/14(木) 05:47:51.97

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

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

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

警備員[Lv.4][新芽警] (ﾜｯﾁｮｲ 0715-ZFoG) · 2025/08/14(木) 13:07:53.76

.sidebar-placesTreechildren

2025/08/14(木) 14:22:31.66

>>970
ありがとうございます。

https://i.imgur.com/rJybsD6.png
この3か所の白も変えたいです。
「ブックマークを検索」のエリアは

#search-box {
appearance: none !important;
background-color: #E6E6E6 !important;
color: #000000 !important;
border: solid thin var(--input-border-color) !important;
border-radius: 2px !important;
padding: 2px 3px !important;
}

を使っていたのが機能しなくなったようです。

警備員[Lv.5][新芽] (ﾜｯﾁｮｲ 0715-ZFoG) · 2025/08/14(木) 16:19:35.19

サイドバー右側の白い部分はお宅独自のcssだと思うので不明

#sidebar-search-container {
background-color: var(--toolbar-bgcolor) !important;
}

#input {
&[type="search"] {
background-color: var(--toolbar-bgcolor) !important;
}
}

2025/08/14(木) 17:25:17.35

>>972
ありがとうございます右側以外はできました。
右側の白い部分はブックマークの数が多いときに出てくるスクロールバーです。

警備員[Lv.4][新] (ﾜｯﾁｮｲ 0715-ZFoG) · 2025/08/14(木) 17:47:12.32

これでいいのか分からないがとりあえず

.sidebar-panel {
scrollbar-color: #CDCDCD #EBEBEF !important;
}

2025/08/14(木) 18:14:48.02

>>974
スクロールバーの上下に動く部分とマウスオーバー中のバーの背景色はそれで変更できましたが、非マウスオーバー時は変わりません

警備員[Lv.5][新] (ﾜｯﾁｮｲ 0715-ZFoG) · 2025/08/14(木) 18:48:39.55

>>975
うちだとどういう状態でも色は変わるので

2025/08/14(木) 19:03:43.76

>>976
そうなのか。他のCSS全部消してもやっぱり上手くいかないのでなんでだかわからないけど、
ともかく他の部分は理想通りになったのでありがとうございました

警備員[Lv.6][新] (ﾜｯﾁｮｲ 0715-ZFoG) · 2025/08/14(木) 19:17:24.90

>>977
.sidebar-panel では足りないのかもしれないな

これでどうなるかテストしてみて

* {
scrollbar-color: #CDCDCD #EBEBEF !important;
scrollbar-width: thin !important;
}

2025/08/14(木) 19:19:15.72

/* 検索ボックス周囲の色 */
#sidebar-search-container{
background-color: var(--sidebar-basic-bg) !important;
}

/* 検索ボックス */
#input{
color: var(--searchbar-text) !important;
background-color: var(--searchbar-bg) !important;
min-height: 25px !important;
max-height: 25px !important;
outline: none !important;
border: none !important;
}

/* プレースホルダー削除 */
#input::placeholder {
color: transparent !important;
}

/* スクロールバー削除 */
scrollbar,
#history-panel scrollbar{
display: none !important;
}

2025/08/14(木) 20:01:19.67

>>978
これでも最初のと同じで上下に移動するバーとマウスオーバー時の背景のみしか変わらなかったです

>>979
これでスクロールバーを削除することでデフォの白を表示させないことは一応できた
でもスクロールバーが使えないのはそれはそれで不便かもなあ

2025/08/14(木) 20:39:18.34

クソうぜえ

2025/08/14(木) 20:45:12.02

>>980
#bookmarks-view に背景色指定

2025/08/14(木) 20:50:51.98

>>982
解決しましたありがとう！

**957** (ﾜｯﾁｮｲ 9ad4-ZFoG) · 2025/08/15(金) 00:31:55.00

userChrome.css, userContent.css, Stylus(Firefox)　part 15
─────────────────────────
!extend:checked:vvvvv:1000:512
!extend:checked:vvvvv:1000:512

⚙about:config
　toolkit.legacyUserProfileCustomizations.stylesheets　⇄true

🧩Stylus: https://addons.mozilla.org/ja/firefox/addon/styl-us/

📝Cascading Style Sheets:
　https://developer.mozilla.org/ja/docs/Web/CSS
　https://www.tohoho-web.com/css/

前スレ: https://egg.5ch.net/test/read.cgi/software/1710362871/
─────────────────────────
次スレ建てる時に>>1のオールドタイプな記述をこんな感じで除去しといた方が良いぞ
≫2には>>2を

　>>921の
　　[選択範囲を英語に翻訳]は、⚙browser.translations.enable　⇄false
　　でFirefoxの翻訳機能自体を無効にしても右ｸﾘｯｸﾒﾆｭｰから消える

　　#context-savepage, /* [名前を付けてページを保存...] */
　　#context-copy-link-to-highlight, /* [選択部分へのリンクをコピー] */
　　#context-copy-clean-link-to-highlight, /* [追跡を除去した選択部分へのリンクをコピー] */
　　#context-viewsource, /* [ページのソースを表示] */

　>>957📂時のLatin Accentのヴァージョンは
　　🔙https://github.com/Acercandr0/Latin-Accent/blob/c5b2ffc100854f45b07b7dcdcf70d85b1461f866/userChrome.css
　　🔙https://github.com/Acercandr0/Latin-Accent/blob/0d4482c0d7ce630c38bb2867ae74ab9589f302e6/userContent.css
　6:10pmは『アダムの創造』

2025/08/17(日) 14:39:30.92

firefox
リンクを新しいタブで左側に開く
アドレスバーのhttpを省略しない

この2つできます？

2025/08/17(日) 15:53:37.32

>>985
後者
browser.urlbar.trimURLs = false

2025/08/17(日) 16:27:05.69

browser.urlbar.trimHttps = false
でhttpsを省略しなくなる

2025/08/17(日) 17:26:03.50

>>985
どっちもCSSじゃないと思うが

警備員[Lv.5][新] (ﾜｯﾁｮｲ 7915-mlbM) · 2025/08/17(日) 17:27:03.95

ｃｓｓでできたらノーベル賞もらえるかも

2025/08/17(日) 17:29:34.40

>>985
コピペすれば普通にhttp(s)付きになると思うが、それじゃ困るの？

2025/08/17(日) 17:34:10.86

そりゃ困るだろ

警備員[Lv.1][新警] (ﾜｯﾁｮｲ 7915-mlbM) · 2025/08/17(日) 17:37:14.88

アドレスバーに表示されなければ意味がないんだよ

2025/08/17(日) 18:15:31.95

基地外age厨に構うからこうなる

Mozilla Firefox質問スレッド Part202
31 ：名無しさん＠お腹いっぱい。[]：2025/08/17(日) 10:45:44.67 ID:28tAfo/M0
>>29
反映されないです
マウスオーバーというか今見ているタブの×ボタンを非表示にしたいです

userChrome.css・userContent.cssスレ Part14
985 ：名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 13d4-xufC)[]：2025/08/17(日) 14:39:30.92 ID:28tAfo/M0
firefox
リンクを新しいタブで左側に開く
アドレスバーのhttpを省略しない

この2つできます？

2025/08/20(水) 22:14:21.43

#context_unloadTab{display: none !important;}

2025/08/21(木) 12:06:44.19

/* Activeタブの閉じるボタンを非表示にする */
#tabbrowser-tabs .tabbrowser-tab .tab-close-button:is([selected]) {
display: none !important;
}

2025/08/21(木) 12:18:46.76

/* Activeタブの閉じるボタンを非表示にする */
.tabbrowser-tab[selected] .tab-close-button {
visibility: hidden !important;
}

/* Activeタブにマウスオーバーしたときに閉じるボタンを表示する */
.tabbrowser-tab[selected]:hover .tab-close-button {
visibility: visible !important;
}

2025/08/21(木) 22:41:38.08

自分は非選択の閉じるボタンを非表示にしてるけど、逆をしたいひともいるんだなぁ

2025/08/21(木) 23:08:11.98

ホイールクリックで閉じられるから非表示にしてるわ

警備員[Lv.1][新芽] (ﾜｯﾁｮｲ 7915-mlbM) · 2025/08/22(金) 08:57:36.22

非アクティブタブを閉じるボタンで閉じるとき
二回クリックしないといけないんだよね

2025/08/23(土) 18:58:08.60

質問いいですか？

**1001** · Over 1000

このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 527日 13時間 10分 19秒