自用Alist样式
CSS样式(可以单独写个css文件,也可以使用<style>标签,放入自定义头部)
/* 修改全局字体 */
* {
font-family: 'LXGW Wenkai Screen', 'LXGW Wenkai', sans-serif;
}
/* 浅色模式大背景 */
.hope-ui-light {
background-image: url('https://www.leonxie.cn/upload/nekohashizuku.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
/* 深色模式大背景 */
.hope-ui-dark {
background-image: url('https://www.leonxie.cn/upload/fireworks-1.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
/* 浅色模式文件列表背景 */
.hope-c-PJLV-igScBhH-css {
background-color: #fff0 !important;
backdrop-filter: blur(10px);
}
/* 深色模式文件列表背景 */
.hope-c-PJLV-iigjoxS-css {
background-color: #fff0 !important;
backdrop-filter: blur(10px);
}
/* 浅色导航栏背景 */
.hope-ui-light .body>.nav {
background-color: #fff0;
}
/* 深色导航栏背景 */
.hope-ui-dark .body>.nav {
background-color: #fff0;
}
/* 头部背景 */
#root>.header {
background-color: #fff0;
backdrop-filter: blur(5px);
}
/* 浅色模式下侧边栏的背景 */
.hope-ui-light .hope-c-PJLV-ieGWMbI-css {
background-color: #fff0 !important;
backdrop-filter: blur(10px);
}
/* 深色模式下侧边栏的背景 */
.hope-ui-dark .hope-c-PJLV-ieGWMbI-css {
background-color: #fff0 !important;
backdrop-filter: blur(10px);
}
/* 更多选项菜单(右下角省略号) */
.hope-c-PJLV-ijgzmFG-css {
background-color: #fff0 !important;
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;
}
/* 修改“吸附到页面顶部”模式下导航栏的浅色背景 */
.hope-c-PJLV-icKsjdm-css::after {
background-color: #fff0 !important;
}
/* 修改“吸附到页面顶部”模式下导航栏的深色背景 */
.hope-c-PJLV-icKsjdm-css {
background-color: #fff0 !important;
}
/* 修改“仅吸附导航栏”模式下导航栏的浅色背景 */
.hope-c-PJLV-ifdXShc-css::after {
background-color: #fff0 !important;
}
/* 修改“仅吸附导航栏”模式下导航栏的深色背景 */
.hope-c-PJLV-ifdXShc-css {
background-color: #fff0 !important;
}
/* 修改AList弹窗样式 */
div.hope-notification.hope-c-cIFneQ.hope-c-PJLV.hope-c-PJLV-idwKBiq-css[role="alert"] {
background-color: #ffffff20;
backdrop-filter: blur(15px);
}
/* 隐藏“离线下载”和“移除空的子目录”按钮 */
svg[fill="currentColor"][tips="offline_download"],svg[fill="none"][tips="remove_empty_directory"] {
display: none;
}
引用字体CDN(放入自定义头部)
<link href="https://cdn.bootcdn.net/ajax/libs/lxgw-wenkai-screen-webfont/1.7.0/lxgwwenkaiscreen.css" rel="stylesheet">
感谢RainView提供的技术支持!
自用Alist样式
https://www.leonxie.cn/archives/alist-css