自用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;
}

效果图

效果图1
效果图2