アドオン「タブプラス」「タブデザイン」「タブカラー」を入れると楽しい。

タブの見た目を変更するメモ

※なおやりすぎてフリーズ落ちしたので翌日シンプルに戻したりアドオン整理して様子見

グラデ黒・ワンポイントオレンジ系

cf8e90a37de04e99a6ebe890a7a0d168.png

規定

color:#ddd;
border: 1px solid #000;
border-radius: 2pt 2pt 0 0;
background: linear-gradient(to bottom, #222 0%, #000 100%);
box-shadow: inset 1px 1px 1px #000;

選択

color:#fff!important;
border: 1px solid #000;
border-top:2px solid #f8b500!important;
border-radius: 3pt 3pt 0 0!important;
background: radial-gradient(ellipse at bottom, #eb6101 0%, #000 20%, #444 100%)!important;
box-shadow: inset 1px 1px 1px #111!important;

立体的ボーダーなデザイン

上のはタブカラー使ってもガン無視決めてくるので、好きなタブ色にしつつ何かしようとしたもの

6fed2acbfb184f61952410ba2d2c2fc8.png

規定

margin-right: 1px;
border-style:solid;
border-width:2px 1px 1px;
border-color:rgba(255,255,255, 0.3) rgba(0,0,0, 0.5) #555;

選択

border-style:dashed solid solid;
border-width:4px 3px 1px!important;
border-color:rgba(100,227,255, 0.7) rgba(0,0,0, 0.3)  #000!important;