mirror of
https://github.com/fankes/komari-theme-purcarte.git
synced 2025-10-19 20:09:24 +08:00
feat(theme): 尝试适配 1.0.5 更新,实现背景自定义功能
- 新增主题配置项,允许用户通过 Komari 后台自定义背景图片、切换时间和过渡效果。 - 更新 GitHub Actions 发布流程,改用 `softprops/action-gh-release@v2` 以简化发布和资产上传步骤。 - 为国旗图片添加懒加载(`loading="lazy"`),优化页面加载性能。
This commit is contained in:
@@ -79,6 +79,9 @@
|
||||
/* Frosted Glass Variables */
|
||||
--frosted-bg-light: rgba(255, 255, 255, 0.1);
|
||||
--frosted-border-light: rgba(255, 255, 255, 0.2);
|
||||
|
||||
--body-background-url: url("");
|
||||
--body-background-transition: background-image 0.8s ease-in-out;
|
||||
}
|
||||
|
||||
.dark {
|
||||
@@ -132,6 +135,19 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* 背景图片伪元素 */
|
||||
body::before {
|
||||
content: "";
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
background: var(--body-background-url) center/cover no-repeat;
|
||||
transition: var(--body-background-transition);
|
||||
}
|
||||
|
||||
.striped-bg-red-translucent-diagonal {
|
||||
background-image: linear-gradient(
|
||||
45deg,
|
||||
|
Reference in New Issue
Block a user