dsh-deepseek-style-theme 2.1.90 → 2.1.91

package/lib/client.js

@@ -1463,16 +1463,16 @@ body[data-dshome-dark] :has(> [class*="_headerLeading"]):has([class*="_headerAct
 /* 标签页"悬停标题栏才出现"：原样保留，但驱动它的是纯 CSS :hover，不再是那个 JS 类
    （dshome-swap 随 §3.7 的接管一起删掉了）。active 由产品给，我们只画。 */
 :has(> [class*="_headerLeading"]):has([class*="_headerActions"]):hover :is([class*="_tabs"]){display:flex;animation:dshome-tab-in .22s ease}
-/* 标签页胶囊 */
-:is([class*="_tab"]):not([class*="_tabs"]):not([class*="_tabStrip"]):not([class*="_tabLayout"]){border:1px solid color-mix(in srgb,var(--ds-brand) 25%,transparent);background:color-mix(in srgb,var(--ds-brand) 8%,transparent);border-radius:999px;corner-shape:round;padding:5px 16px;color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:16px;font-weight:500;transition:color .22s ease,background .22s ease,border-color .22s ease,box-shadow .24s ease,transform .24s cubic-bezier(.2,.8,.2,1)}
-:is([class*="_tab"]):not([class*="_tabs"]):not([class*="_tabStrip"]):not([class*="_tabLayout"]):hover{color:var(--dsw-alias-label-primary);background:color-mix(in srgb,var(--ds-brand) 16%,transparent);border-color:color-mix(in srgb,var(--ds-brand) 42%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--ds-brand) 22%,transparent);transform:translateY(-1px)}
-:is([class*="_tab"]):not([class*="_tabs"]):not([class*="_tabStrip"]):not([class*="_tabLayout"]):active{transform:translateY(0) scale(.96)}
-:is([class*="_tab"]):not([class*="_tabs"]):not([class*="_tabStrip"]):not([class*="_tabLayout"])::after{display:none!important}
-:is([class*="_tabActive"]){background:linear-gradient(135deg,var(--ds-brand),var(--ds-brand-mid))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 3px 10px color-mix(in srgb,var(--ds-brand) 26%,transparent);animation:dshome-tab-pop .34s cubic-bezier(.2,.8,.2,1)}
-:is([class*="_tabActive"]):hover{color:#fff!important}
-body[data-dshome-dark] :is([class*="_tab"]):not([class*="_tabs"]):not([class*="_tabStrip"]):not([class*="_tabLayout"]){border-color:color-mix(in srgb,var(--ds-brand) 32%,transparent);background:color-mix(in srgb,var(--ds-brand) 14%,transparent)}
-body[data-dshome-dark] :is([class*="_tab"]):not([class*="_tabs"]):not([class*="_tabStrip"]):not([class*="_tabLayout"]):hover{background:color-mix(in srgb,var(--ds-brand) 24%,transparent);box-shadow:0 4px 14px color-mix(in srgb,var(--ds-brand) 34%,transparent)}
-body[data-dshome-dark] :is([class*="_tabActive"]){box-shadow:0 3px 12px color-mix(in srgb,var(--ds-brand) 40%,transparent)}
+/* 标签页胶囊 —— 只在会话标题栏内生效。\n   曾经写成裸的 [class*="_tab"]，结果 _tableScroll（含子串 _tab）、以及任何 _tab* 面板\n   都被套上了 999px 胶囊与半透明品牌底 —— 表格容器变蓝、文件预览面板又圆又透，都是它。 */
+:has(> [class*="_headerLeading"]):has([class*="_headerActions"]) :is([class*="_tab"]):not([class*="_tabs"]){border:1px solid color-mix(in srgb,var(--ds-brand) 25%,transparent);background:color-mix(in srgb,var(--ds-brand) 8%,transparent);border-radius:999px;corner-shape:round;padding:5px 16px;color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:16px;font-weight:500;transition:color .22s ease,background .22s ease,border-color .22s ease,box-shadow .24s ease,transform .24s cubic-bezier(.2,.8,.2,1)}
+:has(> [class*="_headerLeading"]):has([class*="_headerActions"]) :is([class*="_tab"]):not([class*="_tabs"]):hover{color:var(--dsw-alias-label-primary);background:color-mix(in srgb,var(--ds-brand) 16%,transparent);border-color:color-mix(in srgb,var(--ds-brand) 42%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--ds-brand) 22%,transparent);transform:translateY(-1px)}
+:has(> [class*="_headerLeading"]):has([class*="_headerActions"]) :is([class*="_tab"]):not([class*="_tabs"]):active{transform:translateY(0) scale(.96)}
+:has(> [class*="_headerLeading"]):has([class*="_headerActions"]) :is([class*="_tab"]):not([class*="_tabs"])::after{display:none!important}
+:has(> [class*="_headerLeading"]):has([class*="_headerActions"]) :is([class*="_tabActive"]){background:linear-gradient(135deg,var(--ds-brand),var(--ds-brand-mid))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 3px 10px color-mix(in srgb,var(--ds-brand) 26%,transparent);animation:dshome-tab-pop .34s cubic-bezier(.2,.8,.2,1)}
+:has(> [class*="_headerLeading"]):has([class*="_headerActions"]) :is([class*="_tabActive"]):hover{color:#fff!important}
+body[data-dshome-dark] :has(> [class*="_headerLeading"]):has([class*="_headerActions"]) :is([class*="_tab"]):not([class*="_tabs"]){border-color:color-mix(in srgb,var(--ds-brand) 32%,transparent);background:color-mix(in srgb,var(--ds-brand) 14%,transparent)}
+body[data-dshome-dark] :has(> [class*="_headerLeading"]):has([class*="_headerActions"]) :is([class*="_tab"]):not([class*="_tabs"]):hover{background:color-mix(in srgb,var(--ds-brand) 24%,transparent);box-shadow:0 4px 14px color-mix(in srgb,var(--ds-brand) 34%,transparent)}
+body[data-dshome-dark] :has(> [class*="_headerLeading"]):has([class*="_headerActions"]) :is([class*="_tabActive"]){box-shadow:0 3px 12px color-mix(in srgb,var(--ds-brand) 40%,transparent)}
 @keyframes dshome-tab-pop{0%{transform:translateY(-1px) scale(.88)}60%{transform:translateY(-1px) scale(1.05)}to{transform:none}}
 /* 路径标签（会话标题）胶囊 + 品牌标签胶囊 */
 :has(> [class*="_headerLeading"]):has([class*="_headerActions"]) :is([class*="_crumb"]){border-radius:999px}
@@ -1511,7 +1511,12 @@ body[data-dshome-dark] :is([class*="_moreButton"]){color:var(--ds-brand-light)!i
 			// 只为矩形感更强可以把 8px 调成 0；圆角与裁切是同一个属性的两面，
 			// 想既留胶囊又不裁在 CSS 里做不到（除非给内容加够内边距）。
 			{ anchor: '[class*="_tableScroll"], [class*="_scrollBody"]', css: `
-:is([class*="_tableScroll"]){border-radius:8px!important}
+:is([class*="_tableScroll"]){border-radius:8px!important;color:inherit!important}
+/* 表格文字：产品把单元格设成了中灰 rgb(129,133,140)，而正文是 rgb(21,36,67)。
+   用户要求"表格应该一直是黑色"，所以单元格继承正文色。用 inherit 而不是某个
+   具体色值或 token：--dsw-alias-label-primary 在 0.2.0 的 :root 上读出来是空的
+   （实测），写 var() 会整条失效。 */
+:is([class*="_tableScroll"]) :is(td,th,[class*="_tableCell"]){color:inherit!important}
 ` },			// 让流动背景透出来。产品给每一块整屏面板都铺了不透明的
 			// `background:var(--dsw-alias-bg-base)`，而我们的底纹（body::before，z-index -2）
 			// 和流体画布（z-index -1）都在 body 背景之下、内容之上——所以只要上面任何一层
@@ -1529,6 +1534,18 @@ body[data-dshome-dark] :is([class*="_moreButton"]){color:var(--ds-brand-light)!i
 [class*="_centerCol"],[class*="_rightbarCol"],[class*="_sidebarCol"]{background:transparent!important}
 div[class*="_root"][data-phase]{background:transparent!important}
 [class*="_composerSeat"]{background:transparent!important}
+/* 产品的大浮层（设置、以及其它 role=dialog 的面板）：它自己的底色是 85% 白、而且
+   **完全没有模糊** —— 实测 wCInkW_panel: bg=rgba(255,255,255,.85)、backdrop=none，
+   我们一条规则都没命中它。半透明而没有模糊兜着，背后 15% 的正文就直接透上来、字压字，
+   在流体背景上尤其不可读。用户要求"要么做成液态玻璃、要么全不透明"，选玻璃：
+   保留半透明、补上模糊链，背后的内容变成一团霜，面板自己读得清，形态也与主题
+   其它玻璃面一致。
+   注意它是挂在 body 上的浮层（实测距 body 两层、不在会话栏内），所以"给会话栏补一层底"
+   那条思路盖不到它 —— 只能直挂 role=dialog。这个选择器是 ARIA 角色，产品改哈希不受影响。
+   这条规则放在这个常驻补丁块里（而不是单开一个以 role=dialog 为锚点的块），是因为
+   锚点在浮层没打开时不存在，注入会晚一拍、开面板时会闪一下。 */
+[role="dialog"]{background:rgba(255,255,255,.68)!important;-webkit-backdrop-filter:blur(30px) saturate(1.6) brightness(1.03);backdrop-filter:blur(30px) saturate(1.6) brightness(1.03);border:1px solid rgba(255,255,255,.5);box-shadow:0 24px 70px rgba(13,30,60,.22),inset 0 1px 0 rgba(255,255,255,.75)}
+body[data-dshome-dark] [role="dialog"]{background:rgba(13,30,60,.74)!important;border-color:rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08)}
 ` },
 		];
 
@@ -5075,7 +5092,7 @@ svg{flex:none;width:15px;height:15px;opacity:.72}
 					const dead = Object.keys(report).filter((k) => report[k] === 0);
 					return { 命中数: report, 零命中的锚点: dead };
 				};
-				window.__dshomeBuild = '2.1.90 adapt-0.2.0-rc.2';
+				window.__dshomeBuild = '2.1.91 adapt-0.2.0-rc.2';
 			} catch (error) { /* 页面拒绝写 window 时不影响主题 */ }
 
 			if (theme !== undefined) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-deepseek-style-theme",
   "description": "DeepSeek official-home style theme: WebGL fluid-flow background, liquid glass with SVG edge refraction, glass sidebar and composer, frosted header, running-subagent progress panel, and DeepSeek brand link for the dsh web GUI",
-  "version": "2.1.90",
+  "version": "2.1.91",
   "type": "module",
   "keywords": [
     "deepseek",