Customizing Applications Menu Extension

GNOME Shell の拡張機能Applications Menu のボタンを文字列からアイコンに変更してみました。

/usr/share/gnome-shell/extensios/extension.js[282-285]

this._label = new St.Label({ //text: _("Applications"),
                             style_class: 'apps-menu-button',
                             y_expand: true,
                             y_align: Clutter.ActorAlign.CENTER });

/usr/share/gnome-shell/extensios/stylesheet.css[9-12]

.apps-menu-button {
    background: url('/usr/share/icons/Adwaita/24x24/places/start-here.png');
    width: 30px;
}

CSS だけで実装する方法

Applications Menu 拡張が更新されると無効になってしまうので、別のCSS で設定する方法を考えてみました。

another_css.css

#panelApplications .panel-status-menu-box StLabel:first-child {
    height: 1px;
    background: url('/usr/share/icons/Adwaita/24x24/places/start-here.png');
    width: 30px;
}

個別のGNOME Shell 拡張機能にしてみました。

https://github.com/ktkr3d/apps-menu-icon

Customizing Applications Menu Extension

CSS だけで実装する方法

Applications Menu Icon 拡張機能