So-net無料ブログ作成
検索選択

【Ubuntu 11.10】Unity 上部パネルのカスタマイズ(変更)のやり方(メモ) [ubuntu]

以前の記事で何度か、Ubuntu 11.10(Oneiric)はgtk-3.0が使用されていると記述しました。

そして、Unity 4.4.0になって下記がマージされて、Unityの上部パネルもgtk3のスタイルが適応できるようになりました。

https://code.launchpad.net/~cimi/unity/unity.use-gtk3-style-context/+merge/66622

そこで、上部パネルの変更方法を自分の為にメモしておきたいと思います。今後、仕様変更される可能性もあるのでかなり簡略して記述します。

unity-panel-001.jpeg

 

<< やり方 >>

1)dconf-editorを下記のコマンドでインストールしておきます。

sudo apt-get install dconf-tools

2) Gtk3のテーマをGnome-lookやdeviantArtなどから持ってきてインストールします。

インストールは下記のようなディレクトリになるようにコピー(root権限)すればOKです。

/usr/share/themes/<テーマ名>/index.theme
                                               /gtk-3.0
                                               /metacity-1
                                               /gtk-2.0

最後のgtk-2.0のディレクトリはなくてもOKです。

3) テーマを切り替える

dconf-editorを端末から起動してテーマを切り替えます。

[org]->[gnome]->[desktop]->[interface]とたどると、[gtk-theme]という欄があるので、2)の<テーマ名>の部分の文字を入れます。

unity-panel-002.jpeg

するとテーマが変わります。ただ、この時はUnityのパネルが思ったようになっていないと思います。

それと、変更時に端末にテーマのエラーログがでたら、取り除いておきます。新しいテーマを適応した場合、エラーは必ずと言っていいほどでます。特に「url (」となっているのを「url(」として空白を取り除くのと、「)」が足りないのがいくつかあります。

 

4) Unityのパネルのスタイルを設定する。

cd /usr/share/themes/<テーマ名>/gtk-3.0

unity-panel-003.jpeg

として、ディレクトリを移ってそこにあるファイルを見るとスタイルシート(拡張子.css)がいくつかあります。その中で適切なファイルに(どれが適切かは、ファイル名や各ファイルを見て判断するしかないです)下記のように記述します。

ここで使用したテーマでは、gkt-widgets.cssに記述しました。

/**********************
* Unity Panel
**********************/
.gnome-panel-menu-bar.unity-panel {
       background-color: #ffffff;
       background-image: -gtk-gradient (linear,
                                                          left bottom, left top,
                                                          color-stop(0, shade (#ff0000, 0.6)),
                                                          color-stop (0.2,@os_chrome_bg_color),
                                                          color-stop (0.8,@os_chrome_bg_color),
                                                          color-stop(1, shade (#0000ff, 0.6)));;
       color: #000000;
       border-radius: 3;
}

上記を記述すると、この記事の始めのスクリーンショットと同じものになります。だた、 @os_chrome_bg_colorをどのような値にするかで違いはありますが・・・

赤字のbackground-imageで設定したものがパネルの色になります。 青地のcolorで設定したものがglobalmenuのフォントの色になります。

unity-panel-004.jpeg

※始めのスクリーンショットは、ブログの記述の為に違いがわかりやすいようにしています。色々いじって、好みの物にしてください。 url指定で画像を貼り付けることも可能かもしれません。(まだやっていません)

細かい記述方法は、下記を参考にしてください。基本的にスタイルシートの記述とそっくりです。

http://developer.gnome.org/gtk3/3.0/GtkCssProvider.html

後は、セーブしてログアウト&ログインするだけです。

ちなみに、globalmenuを押した時に出るメニューのスタイルは「.menubar」とか「.menuitem」などのスタイルの記述に依存しています。

それと、border関係をやろうと思いましたが、うまくいきませんでした。まだ、私自身がわかってないかな?? とりあえず、今回はこの辺で。

 

 ←Swimava 赤ちゃん用うきわ

    生後1ヶ月から18ヶ月までで
    11kg以下の赤ちゃん用。
    赤ちゃんを洗った後、お風呂に
    これで赤ちゃんを湯船に浮かべておいて
    その間にお母さんが体を洗ったりするのに
    使う人がいるらしい。
    知り合いが言ってた。


nice!(0)  コメント(0) 
共通テーマ:パソコン・インターネット

nice! 0

コメント 0

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

メッセージを送る

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

この広告は1年以上新しい記事の更新がないブログに表示されております。