601 字
3 分钟
自用AList样式分享

代码部分#

注意: 请自行将相对路径替换为实际路径

/* 页脚鱼的样式 */
.fish-container {
margin: 0;
padding: 0;
background-color: transparent;
width: 100%;
height: 200px;
z-index: -1;
position: fixed;
bottom: 0;
left: 0;
opacity: .5;
}
/* 浅色模式背景 */
.hope-ui-light {
background-image: url("./resources/lightbg.webp") !important;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position-x: center;
}
/* 深色模式背景 */
.hope-ui-dark {
background-image: url("./resources/darkbg.webp") !important;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position-x: center;
}
/* 适配移动设备 */
@media (max-width: 768px) {
/* 浅色模式背景 */
.hope-ui-light,.hope-ui-light {
background-image: url("./resources/lightbgmobile.webp") !important;
}
/* 深色模式背景 */
.hope-ui-dark..hope-ui-dark {
background-image: url("./resources/darkbgmobile.webp") !important;
}
}
/* 全局字体 */
* {
font-family: 'LXGW Wenkai Screen', 'LXGW Wenkai', sans-serif;
font-weight: bold;
}
/* Alist网页顶部背景改毛玻璃 */
div.header.hope-center.hope-c-jKOUQW.hope-c-PJLV.hope-c-PJLV-ikaMhsQ-css {
background-color: #FFF0;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
}
.hope-c-PJLV-icWrYmg-css { /* 当标题栏和导航栏的位置选择为吸附到页面顶部时 */
background-color: #FFF0 !important;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
}
/* 导航条透明 */
.body>.nav {
background-color: #FFF0;
}
/* 修改“吸附到页面顶部”模式下导航栏的浅色背景 */
.hope-c-PJLV-icKsjdm-css::after {
background-color: #fff0 !important;
}
/* 修改“吸附到页面顶部”模式下导航栏的深色背景 */
.hope-c-PJLV-icKsjdm-css,.hope-c-PJLV-ikZbKDV-css::after {
background-color: #fff0 !important;
}
/* 修改“仅吸附导航栏”模式下导航栏的浅色背景 */
.hope-c-PJLV-ifdXShc-css::after {
background-color: #fff0 !important;
}
/* 修改“仅吸附导航栏”模式下导航栏的深色背景 */
.hope-c-PJLV-ifdXShc-css,.hope-c-PJLV-icUeUMT-css::after {
background-color: #fff0 !important;
}
/* 文件列表背景(深色) */
.hope-c-PJLV-iigjoxS-css {
background-color: #00000040 !important;
}
/* 文件列表背景(浅色) */
.hope-c-PJLV-igScBhH-css {
background-color: #FFFFFF30 !important;
box-shadow: var(--hope-shadows-lg) !important;
}
/* 浅色模式下侧边栏的背景 */
.hope-ui-light .hope-c-PJLV-ieGWMbI-css {
background-color: #fff0 !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
/* 深色模式下侧边栏的背景 */
.hope-ui-dark .hope-c-PJLV-ieGWMbI-css {
background-color: #fff0 !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
/* 更多选项菜单背景 */
.hope-c-PJLV-ijgzmFG-css {
background-color: #FFF0 !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border-radius: var(--hope-radii-xl);
box-shadow: var(--hope-shadows-lg);
}
/* 视图列表背景 */
.hope-c-zbPwS {
background-color: #FFFFFF20 !important;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
}
/* 视图列表选中状态 */
.hope-c-kRwRnM-gSazcJ-colorScheme-neutral[data-active] {
background-color: #FFFFFF20 !important;
}
/* 右键菜单深色模式 */
.solid-contextmenu__theme--dark {
background-color: #FFF0 !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
/* 右键菜单浅色模式*/
.solid-contextmenu {
background-color: #FFFFFF40 !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
/* 隐藏本地设置菜单中Aria2 RPC链接和密钥选项 */
div.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-ikjnSaO-css > div.hope-form-control.hope-c-dXIoOt.hope-c-PJLV.hope-c-PJLV-ijhzIfm-css[role="group"]:first-child,div.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-ikjnSaO-css > div.hope-form-control.hope-c-dXIoOt.hope-c-PJLV.hope-c-PJLV-ijhzIfm-css[role="group"]:nth-child(2) {
display: none;
}
/* AList登录背景透明+毛玻璃效果 */
.hope-c-PJLV-ihWgyFw-css,.hope-c-PJLV-ibiABng-css {
background-color: #fff0 !important;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
}
g[opacity="1"] {
display: none;
}
/* AList弹窗毛玻璃效果 */
div.hope-notification.hope-c-cIFneQ.hope-c-PJLV.hope-c-PJLV-idwKBiq-css[role="alert"] {
background-color: #ffffff20;
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
}
/* 报错界面透明 */
.hope-c-PJLV-iwUksD-css {
background-color: #FFF0 !important;
}
/* Markdown透明 */
div.hope-c-PJLV.hope-c-PJLV-iiuDLME-css {
background-color: #FFF0;
}

效果图#

效果图 效果图

自用AList样式分享
https://rainview.net/posts/alist-style/
作者
RainView
发布于
2025-09-18
许可协议
CC BY-NC-SA 4.0