别嫌丑别用默认！宝塔面板主题自定义零基础干货分享

很多人都有过打开宝塔后台看腻默认蓝绿界面的时刻吧？总觉得官方给的几个主题不够贴合自己的审美，又怕改坏面板出大问题不敢碰。这事儿吧没你想的难，资深折腾党亲测N次的安全路子，现在手把手教你走一遍。

先备份！这是改前的保命操作

折腾任何系统类的东西，备份永远是底线，别觉得改个CSS能出啥事——万一呢？万一手滑删了宝塔核心的样式表结构，面板打不开哭都来不及。

怎么备份？超级简单。登录宝塔面板后台，找到左侧菜单→软件商店，右上角搜“文件”，打开宝塔自带的文件管理器，找到根目录下的/www/server/panel文件夹，右键整个文件夹点压缩，选个压缩包名字随便你，压缩后存到/www/backup这种不容易误删的地方就行。

找到面板的主题样式藏身地

别去搜乱七八糟的第三方教程乱改路径，折腾半天不对白忙活。官方默认的主题和自定义主题的位置，我已经帮你摸得门清。

同样用文件管理器，路径是/www/server/panel/data，进去之后能看到一个叫site_template的文件夹？不对不对，那是网站模板库，不是面板本身的。哦对，看清楚，找panel_template文件夹！默认主题就在这里面的default目录下，自定义的空壳子目录一般没有，可以自己建一个。

自己建个专属自定义主题文件夹

在panel_template目录下点右上角的“新建文件夹”，起个你喜欢的名字，比如叫“dark_blue_mylove”，纯英文加下划线就行，别加中文和符号，怕宝塔识别不出来。

新建好之后，把default目录里的style.css和style.min.css复制到你的新文件夹里。别问为啥复制两个，style.css是方便你看的完整未压缩版，style.min.css是压缩后让面板加载快的“干活版”，两个都得改。

正式动手改！从小细节开始练手

先别急着大改，从修改背景色、导航栏颜色这种肉眼可见、风险极低的地方练，练顺手了再搞字体、图标什么的。

打开你新文件夹里的style.css文件，用宝塔自带的编辑器就行，不用下本地的VSCode啥的，够用了。

举个栗子：把默认蓝绿导航栏改成渐变紫

在style.css里搜“header”或者直接找导航栏的颜色代码段，大概长这样：

.header {
background-color: 009688;
height: 56px;
line-height: 56px;
color: fff;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
}

把background-color那行删掉，换成渐变紫的代码，比如：

background: linear-gradient(90deg, 667eea 0%, 764ba2 100%);

然后保存style.css，再复制一份内容粘贴到style.min.css里，覆盖原来的内容。

切换到自己的专属主题看看效果

切主题的入口在哪里？很多人都没注意到！回到宝塔面板后台首页，右上角有个齿轮形状的设置图标，点进去，滑到最下面的面板设置，找到主题选择下拉框，你刚才建的“dark_blue_mylove”就在里面，选中它，点保存。

刷新一下面板后台，是不是瞬间变成渐变紫的了？成就感有没有上来一点？

进阶小技巧：用浏览器开发者工具精准定位

刚才是举了个现成的导航栏例子，要是你想改其他地方，比如左侧菜单的选中高亮、按钮的圆角、字体的大小，怎么精准找到对应的CSS代码？

别瞎搜style.css，太费时间。打开Chrome或者Edge浏览器，按F12调出开发者工具，点左上角那个带箭头的小方框（快捷键是Ctrl+Shift+C），然后用鼠标点你想改的地方，比如左侧菜单的“网站”按钮，右边的开发者工具里就会自动定位到对应的HTML标签和CSS样式，你可以直接在右边改样式实时预览，满意了再把修改后的代码复制到你的主题style.css和style.min.css里。

这个方法真的是改任何网页样式的万能钥匙，学会了别说宝塔面板，你自己的网站也能随便改。

怕更新后主题失效？这点要注意

很多人改完主题之后，宝塔一更新，主题又变回默认的了，白折腾半天。为啥？因为你把主题建在了panel_template的子目录里，官方更新的时候可能会覆盖或者重置这个目录。

有没有办法避免？有！可以把你的主题文件夹移到/www目录下的其他安全位置，比如/www/my_bt_theme，然后在/www/server/panel/data目录下建一个软链接，指向你的新主题位置。软链接的操作有点麻烦，新手的话其实也可以每次更新宝塔前，把自己的主题文件夹复制一份备份，更新完再复制回去覆盖，虽然麻烦一点，但胜在安全稳定。

你有没有发现，其实改个宝塔面板主题，就跟给手机换个壁纸主题差不多？只要敢动手，多练几次，你就能折腾出一个完全符合自己审美的专属面板后台。赶紧去试试吧！