Aether 以太主题 玻璃风格自定义CSS
Tillreetree 1小时前

因为我觉得有趣就做了。

[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)
}
} 

最新回复 (0)
全部楼主
返回