如何修改GNOME扩展Adjust Brightness Icon的图标为自定义SVG文件

你之前的修改未生效，大概率是缺少必要依赖导入、未固定图标尺寸导致的，可按以下步骤修改：

修改步骤 #

• 准备自定义SVG图标文件，将其放到该扩展的根目录下（与extension.js文件同目录），例如命名为custom-brightness-symbolic.svg
• 确认extension.js文件头部已导入必要的依赖，缺少的话补充上：

const { Gio, St } = imports.gi;
const Me = imports.misc.extensionUtils.getCurrentExtension();

• 替换原来的图标定义代码为如下内容：

let icon = new St.Icon({
    gicon: Gio.icon_new_for_string(`${Me.path}/custom-brightness-symbolic.svg`),
    style_class: 'system-status-icon',
    icon_size: 16 // 可根据你的面板高度调整为16/18/20等数值
});

• 若图标仍存在挤压变形问题，可以在扩展目录下的stylesheet.css中添加如下样式约束尺寸：

.panelItem .system-status-icon {
    padding: 0;
    margin: 0 4px;
    width: 16px;
    height: 16px;
}

• 保存所有修改后，按Alt+F2输入r回车重启GNOME Shell，重新启用扩展即可生效。

内容的提问来源于stack exchange，提问作者London Smith