今天突发奇想,想要改变宝塔控制面板的图标,现记录过程。

更改标题图标

1.准备要替换的图标,命名为favicon.ico
2.进入/www/server/panel/BTPanel/static目录,直接将图标上传覆盖原图
3.清除浏览器缓存,刷新页面,发现网页标题图标已改变

更改菜单栏图标

1.进入/www/server/panel/BTPanel/static/css目录,编辑site.css文件。
2.找到868行(不同版本位置不同,也可直接搜索标签)

.sidebar-scroll .mypcip span {
    background-image: url('data:image/png;base64,这里一长串字符串');
    background-position: 10px;
    background-repeat: no-repeat;
    background-size: 18px;
    display: inline-block;
    padding-left: 30px;
    white-space: nowrap;
    width: 145px;
    text-overflow:ellipsis;
    overflow: hidden;
}

background-image: url('data:image/png;base64,这里一长串字符串');

中的地址修改为想要替换的图标地址即可,如:

background-image: url("/static/favicon.ico");

至此,图标替换完成!