2

新しい gnome-shell テーマを作成したいと考えていますが、テーマはまだドキュメントが不足しています。

下の画像を見てください、

ここに画像の説明を入力

border-bottom(たぶん)をなくしたい。そして、私はいくつかの方法で試してみましたが、私が意味するものではなく、他の要素を変更しただけです。

ここでは、.panel-button クラスで要素を操作してみます。

.panel-button {
       border: 1px solid #ff0;
}

.panel-button:active,
.panel-button:checked,
.panel-button:focus,
.panel-button:hover,
.panel-button:overview {
       border: 1px solid #ff0;
}

しかし、いや、それは予期しない結果をもたらします。

4

2 に答える 2

2

奇妙な方法ですが、私自身、gnome-shell-viva-theme のソースを調べて見つけました。同じ色のグラデーションを使用できますが、

.panel-button:active,
.panel-button:checked,
.panel-button:focus,
.panel-button:hover,
.panel-button:overview {
    background-gradient-direction: vertical;
    background-gradient-start: $bg-color;
    background-gradient-end: $bg-color;
}

それは完璧な答えではありませんが、それでもより良いものに見えます。

于 2015-03-28T09:47:28.217 に答える
0

変更する必要があるプロパティはbox-shadowプロパティです。

#panel .panel-button:active,
#panel .panel-button:overview,
#panel .panel-button:focus,
#panel .panel-button:checked {
  box-shadow: none;
}
于 2019-07-20T17:20:39.363 に答える