宝塔面板支持五种皮肤更换方式:一、内置界面设置切换预设主题;二、命令行安装第三方主题插件;三、手动修改CSS变量自定义配色;四、覆盖式安装社区美化主题包;五、自定义登录页背景与Logo图标。

宝塔面板安装完成后,默认界面风格较为基础,若希望提升视觉体验与操作舒适度,可更换皮肤以实现个性化定制。以下是多种可行的更换方式:
一、通过面板内置界面设置切换预设主题
宝塔面板自v7.7.0起在【设置】→【界面设置】中集成多套官方预设颜色方案,无需手动修改文件即可一键切换,适用于大多数用户。
1、登录宝塔面板后台,在左侧菜单栏点击设置。
2、在设置页面中选择界面设置选项卡。
3、向下滚动至侧边栏设置 → 颜色方案区域。
4、从下拉列表中选择紫色主题、黑色主题、深绿色主题、浅灰色主题等任一预设方案。
5、所选方案将立即生效,无需重启或刷新页面。
二、使用命令行安装第三方主题插件
部分社区开发的主题(如深色主题、极简主题)以插件形式发布,需通过SSH执行命令安装并重载面板服务,兼容Linux系统宝塔v7.7.0及以上版本。
1、使用SSH工具连接服务器,确保已登录root账户。
2、执行以下命令安装深色主题:btpip install bt-theme-dark && bt reload。
3、如需切换为极简主题,执行:btpip install bt-theme-simple && bt reload。
4、安装完成后,返回面板【设置】→【界面设置】,在外观区域可查看并启用对应主题。
三、手动替换静态CSS变量实现自定义配色
通过直接编辑面板CSS变量文件,可精确控制主色、辅色及文字色,适用于有前端基础的用户,修改路径因安装方式略有差异,通用路径为/www/server/panel/static/css/。
1、在宝塔面板【文件】管理器中,导航至/www/server/panel/static/css/目录。
2、找到并编辑common.css或index.css(视版本而定),搜索:root {区块。
3、修改其中的CSS自定义属性,例如:--primary-color: #673AB7;(设为主色调为深紫色)。
4、保存文件后,在SSH中执行bt 9清除面板缓存。
5、同时清除浏览器缓存,刷新页面查看效果。
四、覆盖式安装透明版/美化版主题包
此类主题通常由社区开发者打包提供,包含完整HTML、CSS与JS资源,需整体替换面板前端资源目录,操作前请务必备份原/www/server/panel/目录。
1、下载主题压缩包(如“BT宝塔面板美化透明版”),确认其适配目标面板版本(如v7.7.0或v8.x)。
2、解压后,将全部文件上传至服务器/www/server/panel/目录,勾选覆盖同名文件。
3、通过SSH执行bt 9命令清除面板缓存。
4、在浏览器中强制刷新(Ctrl+F5),或清除浏览器缓存后再访问面板地址。
五、自定义登录页背景与Logo图标
登录界面是访客第一印象,可通过替换静态资源实现个性化,所有文件均位于/www/server/panel/Tpl/default/路径下,不影响核心功能。
1、准备一张尺寸为1920×1080像素的JPG或PNG格式背景图,命名为login-bg.jpg。
2、使用文件管理器进入/www/server/panel/Tpl/default/,备份原login.html文件。
3、编辑login.html,定位到<div class="login-bg" style="background-image: url('static/img/login-bg.jpg')"></div>行。
4、将login-bg.jpg上传至/www/server/panel/static/img/目录,覆盖原文件。
5、前往【设置】→【界面设置】→【Logo设置】,分别上传32×32像素SVG格式Logo与16×16像素ICO格式网站图标。










