14/02/24 19:32:27.12 Bcau0L+60
希望通りにするにはスクリプトに干渉するか以下の様なユーザースタイルを適用する
面倒なので「extensions.tabutils.colorStack.0」の場合のみ例示
（なおTUのデフォのスタイルとは逆に最上層にlinear-gradientを挿入した）
.tabbrowser-tabs[colorStack="true"] > .tabbrowser-tab[group^="{0"]:not([group-counter="1"]){
background-image: linear-gradient(#50C2F8 2px, rgba(0, 0, 0, 0.05) 2px, transparent),
linear-gradient(to top, rgba(10%,10%,10%,.4) 1px, transparent 1px),
linear-gradient(transparent, hsla(0,0%,45%,.1) 1px, hsla(0,0%,32%,.2) 80%, hsla(0,0%,0%,.2)),
linear-gradient(hsl(210,75%,92%), hsl(210,75%,92%));
}
.tabbrowser-tabs[colorStack="true"] > .tabbrowser-tab[group^="{0"]:not([group-counter="1"]):hover{
background-image: linear-gradient(#50C2F8 2px, rgba(0, 0, 0, 0.05) 2px, transparent),
linear-gradient(to top, rgba(10%,10%,10%,.4) 1px, transparent 1px),
linear-gradient(hsla(0,0%,100%,.3) 1px, hsla(0,0%,75%,.2) 80%, hsla(0,0%,60%,.2)),
linear-gradient(hsl(210,75%,92%), hsl(210,75%,92%));
}
.tabbrowser-tabs[colorStack="true"] > .tabbrowser-tab[group^="{0"]:not([group-counter="1"])[selected="true"]{
background-image: linear-gradient(#50C2F8 2px, rgba(0, 0, 0, 0.05) 2px, transparent),
linear-gradient(#fff, rgba(255,255,255,.5) 50%),
linear-gradient(hsl(210,75%,92%), hsl(210,75%,92%));
}
これを「group^="{0"」を1~9,a~fに置き換え、さらに「#50C2F8」を「extensions.tabutils.colorStack.*」での
それぞれの「デフォのカラー」で置き換える