gio - 顶部面板中 Gnome Shell 扩展的自定义图标不可见

Question

我尝试为我的 GNOME shell 扩展使用自定义 SVG 作为顶部面板中的状态图标。但自定义图标永远不会显示，只显示小部件的标签文本。我发现日志输出没有错误。

当我尝试设置像“system-search-symbolic”这样的内置图标时，它会起作用，会显示该图标。

这是我的代码片段(SVG 位于我的扩展的“icons”目录中:/home/myusername/.local/share/gnome-shell/extensions/my-widget@my-widgets/icons/timeclock-16x16.svg):

// ...

let widgetBoxLayout = new St.BoxLayout();

let iconPath = `${Me.path}/icons/timeclock-16x16.svg`;
// just for debug if path is correct
log(`${Me.metadata.name}: Icon path=${iconPath}`);
let gicon = Gio.icon_new_for_string(`${iconPath}`);
let icon = new St.Icon({ gicon: gicon, style_class: 'system-status-icon', icon_size: 16 });

// this works for build-in icon:
//let icon = new St.Icon({ icon_name: 'system-search-symbolic', style_class: 'system-status-icon'});

widgetBoxLayout.add(icon);
widgetBoxLayout.add(this.widgetText);

//...

也许是图标路径中有“@”字符的问题？ 但为什么没有记录错误？

使用状态面板自定义图标的正确代码是什么？

(我有 GNOME Shell 3.30.2)

Answer 1

哦不!这就是这样一个“孤身奋战数周，终于问众人，自己突然知道解决办法”的案例……

图标实际上可见，但由于我使用深色主题并且图标本身也是深色，因此它不“可见”。我反转了该图标的颜色，现在我可以在顶部面板中的文本旁边看到该图标。

现在我必须根据用户的主题找出要使用哪个图标，但原来的问题已经解决了。

也许这个答案可以帮助其他开发人员犯同样的愚蠢错误。