@mooncellwiki/prts-design-tokens 0.1.9 → 0.1.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mooncellwiki/prts-design-tokens",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "PRTS Design · 明日方舟网页设计系统的设计令牌：W3C DTCG 格式的 JSON5 源 + CSS 变量版 tokens.css（亮 / 暗 / 跟随系统 / 局部主题）+ 解析后的 tokens.json（每个令牌带 CSS 写法与亮 / 暗解析值）",
   "license": "MIT",
   "type": "module",

package/src/functional/chrome.json5

@@ -6,6 +6,7 @@
       $description: "活动主色：页眉标语 / 悬停、侧栏与目录分组条、页脚斜纹、窄屏卡片顶条 …（正文里的链接 / 选中仍是 --ak-accent；想一起换就连 --ak-accent 也覆盖）",
     },
     "theme-accent-fg": { $value: "#000" },
+    "theme-accent-subtle": { $value: "rgba(24, 209, 255, .14)", $description: "活动主色的淡底（页眉里的悬停 / 选中底、聚焦光圈）= --ak-theme-accent 的 14%；换主色时一起写——不用 color-mix() 推导，老浏览器也认" },
     "chrome-bg": {
       $value: "rgba(8, 9, 10, .9)",
       $description: "页眉玻璃：半透明 + 毛玻璃，头图 / 滚过来的正文在下面均匀透出。活动主题想让头图多透一点可调 alpha 到 .78–.85；别低于 .72（白色画面之下 #F2F2F2 仍 ≥7:1）",
@@ -30,6 +31,7 @@
     "keyart-h": { $value: "0px", $description: "页眉之下那段画的高度（画有多高，不是占多高——占位看 -reveal）" },
     "keyart-reveal": { $value: "72px", $description: "留在版面之上、不被压住的一段高度（不超过 --ak-keyart-h，没有头图时不占位）：默认留一小条，画先露一口气、版面不贴着页眉；0 = 完全垫在版面背后；= --ak-keyart-h 即一条横幅带" },
     "keyart-veil": { $value: "60%", $description: "垫在版面背后那一段蒙的画布色纱：顶端的浓度，往下渐浓到 100%。画面越花调得越高；别低于 50%（侧栏 / 标题压在画上要读得清）" },
+    "keyart-veil-filter": { $value: "blur(8px)", $description: "纱底下先给画加的 backdrop-filter：细节先糊开、再被纱盖住，亮色主题下读起来是雾 / 景深而不是隔着磨砂膜；none 关闭。画面鲜艳的主题可以再加 saturate(.6) 之类" },
     "keyart-position": { $value: "center 30%", $description: "-position / -size 相对整块（页眉高 + -h）计算" },
     "keyart-size": { $value: "cover" },
     "keyart-bg": { $value: "transparent", $description: "画未铺满 / 未加载时的底色；默认透明，没有头图时页眉背后什么也不多画" },

package/tokens.css

@@ -626,6 +626,7 @@ html.skin-theme-clientpref-night,
    * --ak-logo-image（不设默认值）：站标，设置后 .ak-header__logo img 用 content 替换（Chromium / WebKit；Firefox 请改 $wgLogos）。 */
   --ak-theme-accent: var(--ak-cyan-500);   /* 活动主色：页眉标语 / 悬停、侧栏与目录分组条、页脚斜纹、窄屏卡片顶条 …（正文里的链接 / 选中仍是 --ak-accent；想一起换就连 --ak-accent 也覆盖） */
   --ak-theme-accent-fg: #000;
+  --ak-theme-accent-subtle: rgba(24, 209, 255, .14);   /* 活动主色的淡底（页眉里的悬停 / 选中底、聚焦光圈）= --ak-theme-accent 的 14%；换主色时一起写——不用 color-mix() 推导，老浏览器也认 */
   --ak-chrome-bg: rgba(8, 9, 10, .9);      /* 页眉玻璃：半透明 + 毛玻璃，头图 / 滚过来的正文在下面均匀透出。活动主题想让头图多透一点可调 alpha 到 .78–.85；别低于 .72（白色画面之下 #F2F2F2 仍 ≥7:1） */
   --ak-chrome-bg-solid: #0e0f10;           /* 不透明处：窄屏工具卡片、飞出菜单 */
   --ak-chrome-fg: #f2f2f2;
@@ -644,6 +645,7 @@ html.skin-theme-clientpref-night,
   --ak-keyart-h: 0px;                      /* 页眉之下那段画的高度（画有多高，不是占多高——占位看 -reveal） */
   --ak-keyart-reveal: 72px;                /* 留在版面之上、不被压住的一段高度（不超过 --ak-keyart-h，没有头图时不占位）：默认留一小条，画先露一口气、版面不贴着页眉；0 = 完全垫在版面背后；= --ak-keyart-h 即一条横幅带 */
   --ak-keyart-veil: 60%;                   /* 垫在版面背后那一段蒙的画布色纱：顶端的浓度，往下渐浓到 100%。画面越花调得越高；别低于 50%（侧栏 / 标题压在画上要读得清） */
+  --ak-keyart-veil-filter: blur(8px);      /* 纱底下先给画加的 backdrop-filter：细节先糊开、再被纱盖住，亮色主题下读起来是雾 / 景深而不是隔着磨砂膜；none 关闭。画面鲜艳的主题可以再加 saturate(.6) 之类 */
   --ak-keyart-position: center 30%;        /* -position / -size 相对整块（页眉高 + -h）计算 */
   --ak-keyart-size: cover;
   --ak-keyart-bg: transparent;             /* 画未铺满 / 未加载时的底色；默认透明，没有头图时页眉背后什么也不多画 */

package/tokens.json

@@ -3048,6 +3048,19 @@
         "dark": "#000"
       }
     },
+    {
+      "name": "--ak-theme-accent-subtle",
+      "path": [
+        "chrome",
+        "theme-accent-subtle"
+      ],
+      "description": "活动主色的淡底（页眉里的悬停 / 选中底、聚焦光圈）= --ak-theme-accent 的 14%；换主色时一起写——不用 color-mix() 推导，老浏览器也认",
+      "css": "rgba(24, 209, 255, .14)",
+      "resolved": {
+        "light": "rgba(24, 209, 255, .14)",
+        "dark": "rgba(24, 209, 255, .14)"
+      }
+    },
     {
       "name": "--ak-chrome-bg",
       "path": [
@@ -3274,6 +3287,19 @@
         "dark": "60%"
       }
     },
+    {
+      "name": "--ak-keyart-veil-filter",
+      "path": [
+        "chrome",
+        "keyart-veil-filter"
+      ],
+      "description": "纱底下先给画加的 backdrop-filter：细节先糊开、再被纱盖住，亮色主题下读起来是雾 / 景深而不是隔着磨砂膜；none 关闭。画面鲜艳的主题可以再加 saturate(.6) 之类",
+      "css": "blur(8px)",
+      "resolved": {
+        "light": "blur(8px)",
+        "dark": "blur(8px)"
+      }
+    },
     {
       "name": "--ak-keyart-position",
       "path": [