0

私はgnome-shell moddingが初めてです。私は gnome-shell テーマを変更するのに苦労しています。私は昔ながらのシンプルな *box デスクトップのコンセプトが好きです。それで、gnome-shell を 1 つのように変更しようとしました。

gnome-shell にベベルを付けようとしたところ、このような結果になりました。コードの何が問題なのかわかりません。多くの組み合わせを試しました。

http://i.stack.imgur.com/E0aRq.png

せめてこんなものを作りたいのですが、可能でしょうか？

http://i.stack.imgur.com/gFuL1.png

これが私のコードです

.panel-button {
        -natural-hpadding: 12px;
        -minimum-hpadding: 8px;
        font-weight: bold;
        color: #4A4A4A;
        border: 3px solid #000000;
        border-top: 3px solid transparent;
        border-bottom: 5px solid #000000;
        box-shadow: 
            1.5px 1.5px 0px rgba(0,0,0,1), /*bottom external highlight*/
            0px 0px 3px #666, /*top external shadow*/ 
            inset 0 -1px 1px #000000, /*bottom internal shadow*/ 
            -1px -1px 1px rgba(255,255,255,1); /*top internal highlight*/;
}

私の悪い英語でごめんなさい。

4

1 に答える 1

0

スタイリングに関してgnomeシェルに特別なものがあるかどうかはわかりませんが、これが機能することを期待しています。

JSFiddle

button {
    height: 25px;
    background: #ddd;
    border-bottom: solid 1px #aaa;
    border-right: solid 1px #aaa;
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
}

button.active {
    border-bottom: solid 1px #fff;
    border-right: solid 1px #fff;
    border-top: solid 1px #aaa;
    border-left: solid 1px #aaa;
}
于 2014-01-01T10:27:05.017 に答える