@iasiv5/dsh-skins 1.5.1 → 1.5.2

package/lib/client.js

@@ -306,6 +306,14 @@
       }
       const blur = backdrop.blur ?? 0;
       if (typeof blur !== "number" || !(blur >= 0 && blur <= 24)) return null;
+      const desktopBlur = backdrop.desktopBlur ?? null;
+      if (desktopBlur !== null) {
+        if (!isPlainObject(desktopBlur)) return null;
+        for (const key of ["light", "dark"]) {
+          const value = desktopBlur[key];
+          if (typeof value !== "number" || !Number.isFinite(value) || value < 0 || value > 24) return null;
+        }
+      }
     }
     const tokenOverrides = source.tokenOverrides ?? null;
     if (tokenOverrides !== null) {
@@ -340,7 +348,8 @@
         imageDark: backdrop.imageDark ?? null,
         overlayLight: backdrop.overlayLight ?? null,
         overlayDark: backdrop.overlayDark ?? null,
-        blur: backdrop.blur ?? 0
+        blur: backdrop.blur ?? 0,
+        desktopBlur: backdrop.desktopBlur ?? null
       },
       tokenOverrides,
       cssVariables,
@@ -503,6 +512,23 @@
           rules.push(`${darkSelector}::after{background-image:${backdrop.overlayDark}}`);
         }
       }
+      const desktopBlur = backdrop.desktopBlur ?? null;
+      if (desktopBlur !== null && (backdrop.imageLight !== null || backdrop.imageDark !== null)) {
+        const desktopSelector = `html[data-windows-titlebar] ${selector}`;
+        const blurDeclarations = (blur) => `filter:blur(${blur}px);transform:scale(1.02);`;
+        if (desktopBlur.light === desktopBlur.dark) {
+          if (desktopBlur.light > 0) {
+            rules.push(`${desktopSelector}::before{${blurDeclarations(desktopBlur.light)}}`);
+          }
+        } else {
+          if (desktopBlur.light > 0) {
+            rules.push(`${desktopSelector}:not([data-ds-dark-theme])::before{${blurDeclarations(desktopBlur.light)}}`);
+          }
+          if (desktopBlur.dark > 0) {
+            rules.push(`${desktopSelector}[data-ds-dark-theme]::before{${blurDeclarations(desktopBlur.dark)}}`);
+          }
+        }
+      }
       return rules.length === 0 ? null : rules.join("\n");
     }
     function variablesCss(effects) {
@@ -2472,6 +2498,7 @@ ${names}`);
     const scrimLight = `linear-gradient(rgba(252, 250, 246, ${s}) 0%, rgba(252, 250, 246, ${s}) 100%)`;
     const scrimDark = `linear-gradient(rgba(16, 16, 26, ${s}) 0%, rgba(16, 16, 26, ${s}) 100%)`;
     const blurPx = Math.round(12 * t * t);
+    const desktopBlurPx = Math.min(24, blurPx + values.panelOpacity / 55);
     const wallpaperUrl = assets?.wallpaper?.url ?? null;
     const imageLight = wallpaperUrl === null ? null : `url("${wallpaperUrl}")`;
     const imageDark = wallpaperUrl === null ? null : `url("${wallpaperUrl}")`;
@@ -2480,7 +2507,14 @@ ${names}`);
       slogans: values.slogan ?? SLOGANS,
       titleBrand: "美人志",
       favicon: { href: MARK_URL, mime: "image/webp" },
-      backdrop: { imageLight, imageDark, overlayLight: scrimLight, overlayDark: scrimDark, blur: blurPx },
+      backdrop: {
+        imageLight,
+        imageDark,
+        overlayLight: scrimLight,
+        overlayDark: scrimDark,
+        blur: blurPx,
+        desktopBlur: { light: desktopBlurPx, dark: desktopBlurPx }
+      },
       tokenOverrides,
       cssVariables: blurPx > 0 ? { "--dsh-mrz-glass-blur": { light: `${blurPx}px`, dark: `${blurPx}px` } } : null,
       staticCss: blurPx > 0 ? CSS2 + "\n" + GLASS_RULE : CSS2,
@@ -2995,12 +3029,18 @@ ${names}`);
       const imageLight = custom ? `url("${url}")` : BACKGROUND_ART === "" ? PLACEHOLDER_LIGHT : scrimLight;
       const imageDark = custom ? `url("${url}")` : BACKGROUND_ART === "" ? PLACEHOLDER_DARK : scrimDark;
       const blurPx = Math.round(24 * Math.pow(Math.max(0, (P - 55) / 45), 2));
+      const desktopExtraBlurPx = P / 55;
+      const desktopBlur = {
+        light: Math.min(24, blurPx + desktopExtraBlurPx),
+        dark: blurPx
+        // OpenBMC dark remains the approved reference baseline.
+      };
       return {
         bodyAttribute: "dshOpenbmcSkin",
         slogans: values.slogan ?? SLOGANS2,
         titleBrand: "OpenBMC Studio",
         favicon: { href: FAVICON_DATA_URL, mime: FAVICON_MIME },
-        backdrop: { imageLight, imageDark, overlayLight: null, overlayDark: null, blur: blurPx },
+        backdrop: { imageLight, imageDark, overlayLight: null, overlayDark: null, blur: blurPx, desktopBlur },
         tokenOverrides,
         cssVariables: blurPx > 0 ? { "--dsh-openbmc-glass-blur": { light: `${blurPx}px`, dark: `${blurPx}px` } } : null,
         staticCss: blurPx > 0 ? CSS3 + "\n" + GLASS_RULE2 : CSS3,
@@ -3308,12 +3348,20 @@ body[data-dsh-uefi-harness][data-ds-dark-theme] .lc-tip {
       const imageLight = custom ? `url("${url}")` : scrimLight;
       const imageDark = custom ? `url("${url}")` : scrimDark;
       const blurPx = Math.round(24 * Math.pow(Math.max(0, (P - 55) / 45), 2));
+      const desktopBlurPx = Math.min(24, blurPx + P / 55);
       return {
         bodyAttribute: "dshUefiHarness",
         slogans: values.slogan ?? SLOGANS2,
         titleBrand: "UEFI Studio",
         favicon: { href: favicon, mime: "image/svg+xml" },
-        backdrop: { imageLight, imageDark, overlayLight: null, overlayDark: null, blur: blurPx },
+        backdrop: {
+          imageLight,
+          imageDark,
+          overlayLight: null,
+          overlayDark: null,
+          blur: blurPx,
+          desktopBlur: { light: desktopBlurPx, dark: desktopBlurPx }
+        },
         tokenOverrides,
         cssVariables: blurPx > 0 ? { "--dsh-uefi-glass-blur": { light: `${blurPx}px`, dark: `${blurPx}px` } } : null,
         staticCss: blurPx > 0 ? css + "\n" + GLASS_RULE2 : css,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iasiv5/dsh-skins",
   "description": "DSH Web 皮肤插件：多套品牌皮肤侧栏热切换。",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "homepage": "https://github.com/iasiv5/dsh-skins#readme",
   "repository": {
     "type": "git",