因为我觉得有趣就做了。
[data-bs-theme=light] #S0,[data-bs-theme=light] #S3 {
background-image: url(./plugin/abs_theme_aether/view/img/bg-sky.png); /* 替换成你喜欢的图片路径 */
background-size: cover;
background-position: top left;
background-attachment: fixed;
}
[data-bs-theme=light] #S1 {
--bs-sidebar-bg:rgba(255,255,255,0.25);
}
[data-bs-theme=light] .list-group {
backdrop-filter:blur(1em)
}
[data-bs-theme=light] .card {
--bs-card-bg: rgba(255,255,255,0.5);
backdrop-filter:blur(1em);
--bs-card-border-color: rgba(255,255,255,0.4);
--bs-card-border-width: 1px;
}
[data-bs-theme=light] dialog .card {
--bs-card-bg: rgba(255,255,255,0.75);
}
[data-bs-theme=light] .list-group{
--bs-list-group-bg:rgba(255,255,255,0.25);
}
@media(max-width: 767.98px) {
[data-bs-theme=light] #S1 {
--bs-sidebar-bg:rgba(255,255,255,0.75);
backdrop-filter:blur(1em)
}
}
