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;}
效果图