userChrome.css・userContent.cssスレ Part12

2022/04/21(木) 23:24:46.59

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

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

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

2023/11/16(木) 16:39:40.94

/* タブの上部のライン */
.tab-background[multiselected],
.tab-background[selected] {
background: linear-gradient(to bottom, #0A84FF 2px, var(--toolbar-bgcolor) 0px) !important;
outline: none !important;
}

2023/11/16(木) 20:15:35.11

>>615
ありがとうございます。試したのですが出来ないみたいですので
とりあえずは、そこのCSS based on above options:
での書式で行きます。

2023/11/16(木) 21:16:15.52

/* アクティブタブの上に青い線 */
.tab-background:is([selected], [multiselected]) {
border-top: 1px solid Blue !important;
}

2023/11/16(木) 21:48:31.17

>>618
ありがとうございます。出来ました。

2023/11/17(金) 19:08:03.92

/* アクティブタブの文字色 */
label.tab-text.tab-label[selected="true"]{font-weight: bold !important;}

これが119で動かないんだけどどこを修正すれば動きますか？

2023/11/17(金) 19:33:17.61

="true"
を削除

2023/11/17(金) 20:32:00.21

/* アクティブタブの背景色 */
.tab-background:is([selected], [multiselected])

/* アクティブタブの文字色 */
.tabbrowser-tab:is([visuallyselected], [multiselected])

/* 非アクティブタブの背景色 */
.tab-background:not([selected], [multiselected])

/* 非アクティブタブの文字色 */
.tabbrowser-tab:not([visuallyselected], [multiselected])

/* アクティブにマウスオンしたときの背景色 */
.tabbrowser-tab:hover > .tab-stack > .tab-background:is([selected], [multiselected])

/* アクティブにマウスオンしたときの文字色 */
.tabbrowser-tab:hover > .tab-stack >:is([selected], [multiselected])

/* 非アクティブにマウスオンしたときの背景色 */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected], [multiselected])

/* 非アクティブにマウスオンしたときの文字色 */
.tabbrowser-tab:hover > .tab-stack >:not([selected], [multiselected])

2023/11/18(土) 19:17:35.84

firefoxでstylus更新したらCSS効かなくなったんだけどなんで？

2023/11/18(土) 22:56:43.75

>>623
バージョンは？
1.5.37 はバグありで取り下げられた

2023/11/20(月) 23:52:25.21

現バージョンでの音が出ているタブの色を変える方法が判明したら教えていただけますか

2023/11/21(火) 02:53:40.34

>>625

.tabbrowser-tab:is([soundplaying], [muted]) .tab-background {
background-color: #f00 !important;
}

2023/11/21(火) 04:15:33.59

>>626
ほんと助かります、どうもありがとう

2023/11/21(火) 18:02:55.23

>>626
動くアイコンより見やすくていいね

2023/11/21(火) 19:20:04.63

俺はアイコンで音のオンオフするから全部乗せにてるわ
普通に見やすい

/* サウンドタブをアニメーション化 (赤) */
/* ミュートアイコンに色を付ける (黒) */
/* サウンドタブのファビコンを復活 */
/* サウンドタブの背景色+半透明化 */

2023/11/22(水) 16:28:41.22

Firefox 120で結構変更入ったっぽい？
まあESR使ってるからあんまり関係ないけど

2023/11/22(水) 16:45:50.24

アクティブタブ上部に線をつけたいです