ツリー型タブ詳細設定でのスタイル変更例(about:configのmiddlemouse.pasteをONにしてペースト)
 ベースのテーマはPlainです(19/11/05変更)
(フォントの変更はオプション内のフォントと配色での設定も要)

/* 通常のタブの文字色・背景色 */
.tab {
height: 35px !important;
background-color: #808080;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
}
.tab .label {
font-weight: bold;
font-family: Century;
font-size: 16px;
color: #ffffff;
}

/* アクティブなタブの文字色・背景色 */
.tab.active {
height: 35px !important;
background-color: #000000;
}
.tab.active .label {
font-weight: bold;
font-family: Century;
font-size: 16px;
color: #ffff00;
}

/* マウスオーバータブの背景色 */
.tab:hover {
background: #a9a9a9 !important;
opacity: 1;
}
.tab.active:hover {
background: #000000 !important;
opacity: 1;
}

/* 新しいタブボタン削除 */
#tabbar:not(.overflow) .after-tabs {
display: none;
}

/* タブを閉じるボタンをマウスオーバー時のみ */
.tab:not(:hover) .closebox {
display: none;
}

/* タブを閉じるボタンのビジュアル */
.closebox {
border-radius: 10px; /* vary between 0 and 10 to make the background rounder */
height: 1.5em;
display: flex;
align-items: center;
justify-content: center;
background: #c8c8c8;
}

前へ 次へ

この情報が含まれているまとめはこちら

(ブラウザ) Firefox Quantum、webextensionオススメアドオン (2020)

ギークなブラウザ、Firefox57で便利なアドオン・userChrome・about:configの備忘録

このまとめを見る