jone/mama-box
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v26110603 夜间模式：首页模块统一深色玻璃底（工具区、兜豆兑换原为浅底白字），标题荧光笔色带改半透明，night.css 加版本号

Browse Source
This commit is contained in:
deploy
2026-11-06 15:33:35 +00:00
parent ed8a924474
commit 74363b0db8
3 changed files with 30 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@@ -9,9 +9,9 @@
<title>兜爸心选 · 孕育陪伴</title>
<!-- 11-04 UGC 总开关（孕妈广场 + 测一测，后台 /box_bm/plaza 顶部切换），见 js/ugc.js -->
<script src="js/ugc.js?v=26110487"></script>
<!-- V:26110602 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26110603 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<link rel="stylesheet" href="mama-box.css">
<link rel="stylesheet" href="night.css">
<link rel="stylesheet" href="night.css?v=26110603">
<!-- 11-04 用户：「顶部图片上的倒计时先删除掉」→ 不加载 hero-cd.css / hero-cd.js（文件留着，加回这两行即恢复），头图回到原样式 -->
<!-- 夜晚模式：首屏绘制前就按上次的选择加 class，避免先白后黑闪一下（开关在首页右上角 #nightBtn，逻辑见 app.js） -->
<script>try{if(localStorage.getItem('mmbox.night.v1')==='1'){document.documentElement.classList.add('night');document.querySelector('meta[name=theme-color]').content='#2A2340'}}catch(e){}</script>
@@ -2678,7 +2678,7 @@ html.night .rs-pan .rp-card{background:rgba(255,255,255,.06);border-color:rgba(2
<script src="guangchang/topics.js?v=26110487"></script>
<script src="js/ava-pool.js?v=26110487"></script> <!-- 11-05 装饰头像分配表（各模块互不重复） -->
<script src="js/app.js"></script>
<script src="js/kit.js?v=26110602"></script>
<script src="js/kit.js?v=26110603"></script>
<!-- 11-05 用户：孕期百问加上跟趣味小测试一样的底部 Tab（孕期百问 / 记一下 / 返回首页）。挂在 #detailQA 里，面板关着时跟着滑出屏外；
「记一下」直接开首页自己的记一下弹层（z 95 盖在百问 z 80 上），「返回首页」= 关掉百问面板 -->
<script src="js/mb-tabbar.js?v=26110487"></script>

2
js/app.js
View File

@@ -3,7 +3,7 @@
(function () {
'use strict';
/* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */
var VER = '26110602';
var VER = '26110603';
const $ = (s, c) => (c || document).querySelector(s);
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));

26
night.css
View File

@@ -1315,3 +1315,29 @@ html.night .me-top.me-v2{background:
linear-gradient(160deg,#3A3772 0%,#55457F 52%,#7A5378 100%)}
html.night .me-orbs b{opacity:.22}
html.night .me-v2 .av-edit{background:#3A3448;color:#FFB59E}
/* 11-06 用户：「夜间模式工具区有问题，整体看下阅读有没有障碍」
上面几条 html.night #homeBody>section 的规则是从白天版转出来的，底色仍是半透明白（!important），
只有 no-letter 的工具区和自带深色的模块盖掉了 → 工具区、兜豆兑换在夜里是浅灰底配白字，「兜爸」水印反成深色大字。
这里统一收成深色玻璃：保留每块自己的 --gt 顶边色和左上角光晕，底色改深；必须放在文件最后（同权重靠先后）。 */
html.night #homeBody>section:not(.ny-peek):not(.game-promo),
html.night #homeBody.no-letter>section.tool-dock{background:linear-gradient(90deg,rgba(var(--gt),.30),rgba(var(--gt),0) 60%) top/100% 2px no-repeat,
radial-gradient(240px 110px at 0 0,rgba(var(--gt),.12),rgba(var(--gt),0) 72%),
linear-gradient(180deg,rgba(45,39,48,.94),rgba(40,34,43,.86))!important;border:1px solid rgba(255,255,255,.07);box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important}
@media (prefers-reduced-transparency:reduce){
html.night #homeBody>section:not(.ny-peek):not(.game-promo){background:#2D2730!important}
}
html.night .tool-dock .wm{color:rgba(255,255,255,.045)}
/* 工具区另有一条 index.html 内联的暖色底（11-01，#homeBody>section.tool-dock.tool-dock…!important），只写了白天版 → 夜里补深色版，暖色只留很淡一层 */
html.night #homeBody>section.tool-dock.tool-dock:not(.ny-peek):not(.game-promo){background:
linear-gradient(90deg,rgba(255,150,112,.30),rgba(255,150,112,0) 60%) top/100% 2px no-repeat,
radial-gradient(260px 170px at 100% 0,rgba(255,150,170,.10),rgba(255,150,170,0) 72%),
radial-gradient(280px 200px at 0 100%,rgba(255,180,130,.08),rgba(255,180,130,0) 72%),
linear-gradient(180deg,rgba(45,39,48,.94),rgba(40,34,43,.86))!important}
/* 各模块标题的荧光笔底（黄/紫/粉）白天是实色，夜里太亮：浅色字压在亮色带上看不清，「孕妈广场」还是深色字 → 字改浅色、色带改半透明 */
html.night .dock-head .dock-title{color:#F4EAEF;background:linear-gradient(transparent 60%,rgba(255,190,120,.30) 60%,rgba(255,190,120,.30) 92%,transparent 92%)}
html.night .kit-tt,html.night .kit-tt span{color:#F4EAEF}
html.night .kit-tt span{background:linear-gradient(transparent 60%,rgba(170,150,255,.32) 60%,rgba(170,150,255,.32) 92%,transparent 92%)}
html.night #gcHome.gv4 .g4-title,html.night #gcHome.gv4 .g4-title span,html.night .gch-title,html.night .gch-title span{color:#F4EAEF}
html.night #gcHome.gv4 .g4-title span,html.night .gch-title span{background:linear-gradient(transparent 60%,rgba(255,140,170,.32) 60%,rgba(255,140,170,.32) 92%,transparent 92%)}
html.night #gcHome.gv4.gv6 .g6-mt,html.night #gcHome.gv4.gv6 .g6-mt span{color:#F4EAEF}
html.night #gcHome.gv4.gv6 .g6-mt span{background:linear-gradient(transparent 60%,rgba(255,214,90,.30) 60%,rgba(255,214,90,.30) 92%,transparent 92%)}