闲来无事，做了个clash verge 的宝可梦主题

做了个clash verge 的宝可梦主题，css 直接放在下方，喜欢的佬可以自取

^-^^-^^-^clash verge 版本：v2.5.1

主色: #E69500

次色: #E53935

主文字色: #2A2722

次文字色: #6B6358

信息色: #0284C7

警告色: #F59E0B

错误色: #DC2626

成功色: #16A34A```

/* =========================================
自定义新背景图 & 全局透明（高级毛玻璃版 - 涵盖所有悬浮层）
========================================= */

/ 1. 设置全新全局背景图片 /
body {
background-image: url('https://s1.imagehub.cc/images/2026/06/30/f61fe40acc4fa8e2cadbc7d2e8f8bdd9.jpg') !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
}

/* 2. 剥离应用骨架及虚拟滚动外层容器的实体背景，让底层图片透出
（优化：排除弹窗、右键菜单、下拉层，防止悬浮层全透明） */
.layout,
.MuiPaper-root:not(.MuiDialog-paper):not(.MuiMenu-paper):not(.MuiPopover-paper),
.layout-content__left,
.base-page > header,
.base-page .base-container,
.base-page .base-container > section,
.base-content div[data-index] {
background-color: transparent !important;
background: transparent !important;
border-color: rgba(255, 255, 255, 0.1) !important;
}

/ 3. 🌟 弹窗、对话框、右键菜单：高级毛玻璃质感（Glassmorphism） /
.MuiDialog-paper,
.MuiMenu-paper,
.MuiPopover-paper {
background: rgba(255, 255, 255, 0.45) !important; / 降低不透明度，让背景隐约透过来 /
background-color: rgba(255, 255, 255, 0.45) !important;
backdrop-filter: blur(24px) saturate(150%) !important; / 强模糊 + 提升色彩饱和度，防止文字混浊 /
border: 1px solid rgba(255, 255, 255, 0.5) !important;
border-radius: 12px !important; / 让菜单的圆角更现代一点 /
/ 外部阴影提升悬浮感，内部白色发光模拟玻璃边缘高光 /
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0.8) !important;
}
/ 确保弹窗内部的输入框和多选框在玻璃底上清晰 /
.MuiDialog-paper .MuiOutlinedInput-notchedOutline {
border-color: rgba(0, 0, 0, 0.2) !important;
}

/ 4. 右侧普通主内容区模块（首页卡片、设置页模块、订阅卡片、代理页模块等）应用常规轻微毛玻璃 /
.base-content [class*="MuiGrid"] > .MuiBox-root:has(.MuiTypography-h6),
.base-content [class*="MuiGrid"] > .MuiBox-root:has(.MuiList-root),
.base-content .MuiBox-root[aria-selected],
.base-content div[data-index] > .MuiListItemButton-root,
.base-content .MuiListItemButton-root:has(.the-pin, .the-delay, .the-check, .the-unpin),
.the_titlebar {
background: rgba(255, 255, 255, 0.15) !important;
background-color: rgba(255, 255, 255, 0.15) !important;
backdrop-filter: blur(10px) !important;
border: 1px solid rgba(255, 255, 255, 0.3) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

/ 内容模块悬浮态 /
.base-content [class*="MuiGrid"] > .MuiBox-root:has(.MuiTypography-h6):hover,
.base-content [class*="MuiGrid"] > .MuiBox-root:has(.MuiList-root):hover,
.base-content .MuiBox-root[aria-selected]:hover,
.base-content div[data-index] > .MuiListItemButton-root:hover,
.base-content .MuiListItemButton-root:has(.the-pin, .the-delay, .the-check, .the-unpin):hover {
background: rgba(255, 255, 255, 0.25) !important;
background-color: rgba(255, 255, 255, 0.25) !important;
border-color: rgba(255, 255, 255, 0.6) !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}

/ 选中态边框高亮 /
.base-content .MuiBox-root[aria-selected="true"],
.base-content .MuiListItemButton-root:has(.the-pin, .the-delay, .the-check, .the-unpin).Mui-selected {
border-color: var(--primary-main) !important;
background: rgba(255, 255, 255, 0.3) !important;
background-color: rgba(255, 255, 255, 0.3) !important;
}

/ 5. 左侧导航菜单选项按钮的透明化与轻微磨砂 /
.the-menu .MuiListItemButton-root {
background-color: rgba(255, 255, 255, 0.08) !important;
backdrop-filter: blur(4px) !important;
border: 1px solid rgba(255, 255, 255, 0.15) !important;
border-radius: 8px !important;
margin: 4px 12px !important;
transition: all 0.2s !important;
}

/ 导航选项按钮悬浮态 /
.the-menu .MuiListItemButton-root:hover {
background-color: rgba(255, 255, 255, 0.18) !important;
backdrop-filter: blur(8px) !important;
border-color: rgba(255, 255, 255, 0.4) !important;
}

/ 导航选项按钮选中态 /
.the-menu .MuiListItemButton-root.Mui-selected {
background-color: rgba(255, 255, 255, 0.25) !important;
backdrop-filter: blur(10px) !important;
border-color: var(--primary-main) !important;
box-shadow: 0 0 12px rgba(255, 255, 255, 0.15) !important;
}