b67b014d49
- customCss 换成线上实际使用的版本（卡片 18px 圆角、白玻璃、分组 24px+blur20） - cssThemes/dayTheme/nightTheme/statusCheck 同步 - 壁纸块由 admin-server 保存时动态注入，模板不预置（避免真实文件名入库）
39 lines
8.1 KiB
YAML
39 lines
8.1 KiB
YAML
# HomeDash 示例配置 —— 已按线上实例（106）真实内容对齐。
|
||
#
|
||
# ⚠️ 本文件只放**可公开**内容：不含真实域名、备案号、令牌、壁纸文件名。
|
||
# 部署后在后台（/admin/）按需调整，或只改数据卷里的 conf.yml
|
||
# —— 数据卷中的 conf.yml 不在版本控制内（见 .gitignore）。
|
||
#
|
||
# 玻璃拟态外观（卡片 18px 圆角 / 分组容器 24px / 白玻璃 + backdrop-filter）
|
||
# 全部来自 appConfig.customCss。改它等于改整个站点外观，详见 AGENTS.md §9。
|
||
|
||
appConfig:
|
||
theme: jianf-glass
|
||
dayTheme: jianf-glass
|
||
nightTheme: jianf-glass
|
||
customColors: {}
|
||
externalStyleSheet: []
|
||
webSearch:
|
||
searchEngine: custom
|
||
customSearchEngine: /search?q=
|
||
openingMethod: newtab
|
||
customCss: "/* ═══ JianF 玻璃拟态主题 v2 ═══\n 注意：必须按 Dashy 真实渲染出的类名写。此前版本用了 .tile / .item-group /\n .item-group-outer —— 这三个类在页面里并不存在（querySelectorAll 计数为 0），\n 所以大部分规则是死代码，界面才一直显得平。\n\n 真实结构（自内向外）：\n a.item ← 卡片表面（灰底就来自这里）\n div.item-wrapper ← 网格单元\n div.there-are-items\n div.content-inner\n div.collapsible-content\n div.collapsable.section_<名字> ← 分组容器\n div.item-group-container\n */\n\n/* ── 背景 ──\n .home 有不透明背景会盖住 body 渐变，必须一起透明掉，否则彩色背景完全看不见。 */\nhtml[data-theme] body {\n background:\n radial-gradient(1200px 720px at 6% -12%, #a5b4fc 0%, transparent 56%),\n radial-gradient(1000px 640px at 96% 2%, #cbd5e1 0%, transparent 52%),\n radial-gradient(900px 700px at 46% 112%, #f0abfc 0%, transparent 56%),\n linear-gradient(160deg, #eef2ff 0%, #f8fafc 45%, #ecfeff 100%) !important;\n background-attachment: fixed !important;\n min-height: 100vh;\n}\nhtml[data-theme] .home {\n background: transparent !important;\n}\n\n/* ── 顶栏 ── */\nhtml[data-theme] header {\n background: rgba(255,255,255,.44) !important;\n backdrop-filter: blur(18px) saturate(180%) !important;\n -webkit-backdrop-filter: blur(18px) saturate(180%) !important;\n border-bottom: 1px solid rgba(255,255,255,.6) !important;\n box-shadow: 0 6px 24px rgba(15,23,42,.06) !important;\n}\n\n/* ── 卡片：真正的表面是 a.item ── */\nhtml[data-theme] a.item {\n background: rgba(255,255,255,.52) !important;\n backdrop-filter: blur(18px) saturate(180%) !important;\n -webkit-backdrop-filter: blur(18px) saturate(180%) !important;\n border: 1px solid rgba(255,255,255,.66) !important;\n border-radius: 18px !important;\n box-shadow:\n 0 6px 18px rgba(15,23,42,.07),\n inset 0 1px 0 rgba(255,255,255,.85) !important;\n transition: transform .28s cubic-bezier(.34,1.2,.64,1),\n box-shadow .28s ease, background .28s ease, border-color .28s ease !important;\n}\nhtml[data-theme] a.item:hover {\n background: rgba(255,255,255,.88) !important;\n border-color: rgba(147,197,253,.85) !important;\n transform: translateY(-4px) !important;\n box-shadow:\n 0 18px 36px rgba(30,64,175,.18),\n 0 0 0 1px rgba(147,197,253,.35),\n inset 0 1px 0 rgba(255,255,255,.9) !important;\n}\n/* 外层网格单元保持透明，避免叠两层底 */\nhtml[data-theme] div.item-wrapper {\n background: transparent !important;\n backdrop-filter: none !important;\n -webkit-backdrop-filter: none !important;\n border: none !important;\n box-shadow: none !important;\n}\nhtml[data-theme] a.item .tile-icon,\nhtml[data-theme] a.item .item-icon {\n border-radius: 13px !important;\n filter: drop-shadow(0 3px 6px rgba(15,23,42,.10)) !important;\n transition: transform .28s cubic-bezier(.34,1.2,.64,1) !important;\n}\nhtml[data-theme] a.item:hover .tile-icon { transform: scale(1.08) !important; }\nhtml[data-theme] a.item .tile-title { font-weight: 650 !important; letter-spacing: .1px !important; }\nhtml[data-theme] a.item .description,\nhtml[data-theme] a.item .item-url { color: #64748b !important; }\n\n/* ── 分组容器 ── */\nhtml[data-theme] div.collapsable {\n background: rgba(255,255,255,.40) !important;\n backdrop-filter: blur(20px) saturate(180%) !important;\n -webkit-backdrop-filter: blur(20px) saturate(180%) !important;\n border: 1px solid rgba(255,255,255,.6) !important;\n border-radius: 24px !important;\n box-shadow:\n 0 12px 32px rgba(15,23,42,.09),\n inset 0 1px 0 rgba(255,255,255,.85) !important;\n overflow: hidden !important;\n}\nhtml[data-theme] div.collapsible-content {\n background: transparent !important;\n border-radius: 0 0 22px 22px !important;\n}\nhtml[data-theme] div.collapsable .content-inner { padding: 10px 12px !important; }\nhtml[data-theme] .item-group-container { padding: 0 4px !important; }\n\n/* 分组标题 */\nhtml[data-theme] .collapsable .title,\nhtml[data-theme] .collapsable h1,\nhtml[data-theme] .collapsable h2 {\n font-weight: 700 !important;\n letter-spacing: .2px !important;\n}\n\n/* ── 搜索 ── */\nhtml[data-theme] .search-container,\nhtml[data-theme] header input[type=\"text\"] {\n background: rgba(255,255,255,.6) !important;\n border: 1px solid rgba(255,255,255,.7) !important;\n border-radius: 16px !important;\n backdrop-filter: blur(14px) saturate(170%) !important;\n -webkit-backdrop-filter: blur(14px) saturate(170%) !important;\n box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 4px 14px rgba(15,23,42,.05) !important;\n}\nhtml[data-theme] .navi-search-bar:focus-within {\n box-shadow: 0 14px 34px rgba(37,99,235,.22), 0 0 0 3px rgba(37,99,235,.16) !important;\n}\n\n/* ── 滚动条 ── */\nhtml[data-theme] ::-webkit-scrollbar { width: 10px; height: 10px; }\nhtml[data-theme] ::-webkit-scrollbar-track { background: transparent; }\nhtml[data-theme] ::-webkit-scrollbar-thumb {\n background: rgba(100,116,139,.32);\n border-radius: 999px;\n border: 2px solid transparent;\n background-clip: content-box;\n}\nhtml[data-theme] ::-webkit-scrollbar-thumb:hover {\n background: rgba(100,116,139,.5);\n background-clip: content-box;\n}\n\n/* ── 工作空间侧边栏 ──\n 底部「切换视图」按钮组内容 70px 塞进 56px 的栏里，把 side-bar 撑出横向\n 滚动条，必须左右滑动才能看全。这里让它换行并收住溢出。 */\nhtml[data-theme] nav.side-bar { overflow-x: hidden !important; }\nhtml[data-theme] nav.side-bar .switch-view-buttons {\n width: 100% !important;\n display: flex !important;\n flex-wrap: wrap !important;\n justify-content: center !important;\n align-items: center !important;\n gap: 2px !important;\n margin: 8px 0 0 !important;\n}\nhtml[data-theme] nav.side-bar .switch-view-buttons > * {\n flex: 0 0 auto !important;\n min-width: 0 !important;\n max-width: 100% !important;\n}\n\n/* ── 设置抽屉 / 菜单 / 提示 ── */\nhtml[data-theme] .settings-outer,\nhtml[data-theme] .config-container,\nhtml[data-theme] .context-menu,\nhtml[data-theme] .toast,\nhtml[data-theme] .welcome-popup {\n background: rgba(255,255,255,.72) !important;\n backdrop-filter: blur(20px) saturate(180%) !important;\n -webkit-backdrop-filter: blur(20px) saturate(180%) !important;\n border: 1px solid rgba(255,255,255,.66) !important;\n border-radius: 18px !important;\n box-shadow: 0 14px 34px rgba(15,23,42,.14) !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n html[data-theme] a.item,\n html[data-theme] a.item .tile-icon { transition: none !important; }\n html[data-theme] a.item:hover { transform: none !important; }\n}\n"
|
||
layout: masonry
|
||
iconSize: large
|
||
language: zh-CN
|
||
statusCheck: false
|
||
statusCheckInterval: 60
|
||
cssThemes:
|
||
- jianf-glass
|
||
pageInfo:
|
||
title: Navigation Portal
|
||
description: Self-hosted unified navigation
|
||
navLinks: []
|
||
footer: ''
|
||
sections: []
|
||
|
||
# 分组由管理后台（/admin/ 的「导航分组」）增删，初始为空：
|
||
# 新建一个分组后再往里添加服务即可。
|
||
# 「常用服务」与「历史访问」两个分组由服务端自动重建，
|
||
# 请不要手工写在这里（见 README「历史与频次」一节）。
|