侧边栏壁纸
博主头像
与末

永远相信美好的事情即将发生

  • 累计撰写 5 篇文章
  • 累计创建 9 个标签
  • 累计收到 10 条评论

目 录CONTENT

文章目录

Sun-Panel 主题使用教程

与末
2025-05-11 / 0 评论 / 6 点赞 / 550 阅读 / 512 字

Sun-Panel 定制主题使用教程

1.下载解压主题包

下载主题zip压缩包文件
文章底部有定制主题包可供下载点我跳转
解压后会有这么几个文件
演示图片
分别是css样式文件,字体文件,背景图,和主题展示图片

2.找到sun-panel根目录下conf里的custom文件夹

这里有两个方法可以导入主题

一. 直接复制index.css文件和ttf字体文件到sun-panel根目录下的conf里的custom文件夹

演示图片
此方法适合刚部署的sun-panel,没有任何自己的自定义样式的用户,也比较适合小白
PS:1.3升级上来的用户custom文件夹就在sun-panel根目录

二. 打开index.css文件,复制里面的样式文件添加到自己的index.css的底部并复制ttf字体文件到custom文件夹

演示图片
此方法适合已经有自己的自定义样式,并且不想弄丢自己样式的用户
不过此方法可能和用户已有样式冲突,如出现样式问题需要用户自行排查

3.打开sun-panel页面查看效果

此时sun-panel页面应该已经出现主题样式了
如果没出现可以使用ctrl+F5强制刷新或者清楚浏览器缓存再刷新试试
演示图片

4.添加主题背景

登录sun-panel账户
打开右上角设置
点击个性化设置
把主题包内提供的配套图片拖入进去
用户也可以使用自己喜欢的背景来当主题背景
演示图片

5.主题已经配置完成,可以尽情享受啦!

演示图片
####如要删除主题样式,直接删除对应index.css文件即可

PS:主题包下载

黑金风格主题包

Sun-Panel 黑金风格主题包 By 与末
演示图片

粉色风格主题包

Sun-Panel 粉色风格主题 by 与末.zip
演示图片
演示图片

更多主题等待更新…

6

评论区