興味のある方のために、これをある程度実現する方法を見つけました。現在どのページにいるかを賢く判断するものではありませんが、大半のケースではこれで十分でしょう。フォラムボタンの位置に合わせて (2) を適宜変更してください。
.b-header .nav-pills > li:nth-child(2) {
background-color: #35373e;
}
また、ピル(ボタン)を上下に広げたい場合は、以下のコードを追加してください。
.b-header .nav-pills > li > a {
padding: 13px 12px;
}
.b-header .contents {
margin: 0px !important;
}
これにより、以下のような表示になります。
![]()