@linxin666/dsh-client-ui-skin-center 0.3.21 → 0.3.22

package/lib/index.js

@@ -145,7 +145,8 @@ const SKIN_BACKGROUND_DEFAULTS = {
 	backgroundBlurEmpty: 0,
 	backgroundBlurContent: 0,
 	inputCardBlur: 10,
-	bubbleOpacity: 50
+	bubbleOpacity: 50,
+	bubbleBlur: 10
 };
 /** The fields normalize/sanitize know about; unknown keys are dropped. */
 const SKIN_BACKGROUND_FIELDS = Object.keys(SKIN_BACKGROUND_DEFAULTS);
@@ -157,7 +158,8 @@ const RANGES = {
 	backgroundBlurEmpty: [0, 20],
 	backgroundBlurContent: [0, 20],
 	inputCardBlur: [0, 20],
-	bubbleOpacity: [0, 100]
+	bubbleOpacity: [0, 100],
+	bubbleBlur: [0, 20]
 };
 function isRecord$1(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
@@ -759,7 +761,7 @@ const REVIEWED_SKIN_HOOKS = {
 	},
 	"miku": {
 		entry: "hooks.mjs",
-		manifestSha256: "9022628fd39e8ee48aef3b311c12f8411b4cc99d62764e84aa65fb4a5a3631ab",
+		manifestSha256: "a1c713e59ed31eaf43f136205e1326d35419d83d613107423099cef2c992c621",
 		hooksSha256: "1c4052d328ac6e1ede3115395e8823c4f6acecd3b4508b85615006a88f7cbdd1"
 	},
 	"minecraft": {
@@ -9384,7 +9386,8 @@ const SkinBackgroundConfigSchema = z.object({
 	backgroundBlurEmpty: z.number().min(0).max(20).step(1).default(SKIN_BACKGROUND_DEFAULTS.backgroundBlurEmpty),
 	backgroundBlurContent: z.number().min(0).max(20).step(1).default(SKIN_BACKGROUND_DEFAULTS.backgroundBlurContent),
 	inputCardBlur: z.number().min(0).max(20).step(1).default(SKIN_BACKGROUND_DEFAULTS.inputCardBlur),
-	bubbleOpacity: z.number().min(0).max(100).step(5).default(SKIN_BACKGROUND_DEFAULTS.bubbleOpacity)
+	bubbleOpacity: z.number().min(0).max(100).step(5).default(SKIN_BACKGROUND_DEFAULTS.bubbleOpacity),
+	bubbleBlur: z.number().min(0).max(20).step(1).default(SKIN_BACKGROUND_DEFAULTS.bubbleBlur)
 });
 /**
 * Settings namespace for the Wallpaper Engine bridge, owned by the skin

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@linxin666/dsh-client-ui-skin-center",
   "description": "In-GUI skin center for the dsh web GUI — the single skin package: skins are pure asset directories (built-in plus $DSH_HOME/skins) loaded and rendered only by the skin center; live try-on and one-click apply switch atomically in the page (no reload, no cordis.patch.yml rewrite, no restart)",
-  "version": "0.3.21",
+  "version": "0.3.22",
   "type": "module",
   "main": "lib/index.js",
   "exports": {

package/skins/blue-fantasy/patches.css

@@ -286,9 +286,11 @@ body[data-ds-dark-theme] [data-phase="active"] [class*="composerSeat"]:before {
  * Both knobs come from the skin-center Background card and are read as optional
  * variables with fallbacks: the blur is var(--dsh-skin-bubble-blur, 10px), and
  * every text plate alpha rides var(--dsh-skin-bubble-alpha, .5). Each plate keeps
- * its own ratio so the default 50% reproduces the values this layer first shipped
- * with. The "Bubble opacity" slider therefore drives everything painted *behind
- * text* -- markdown blocks, tool output, the turn-process row -- and nothing else.
+ * its own ratio so the default reproduces the values this layer first shipped
+ * with -- the user's own bubble runs at 120% on both knobs, which is what its
+ * hand-tuned 12px / 60% used to be. The "Bubble opacity" slider therefore drives
+ * everything painted *behind text* -- markdown blocks, tool output, the
+ * turn-process row -- and nothing else.
  * The window chrome (header, right sidebar) is deliberately not on that slider:
  * it is frame, not bubble, and it keeps a fixed density.
  *
@@ -597,12 +599,18 @@ body[data-ds-dark-theme] [data-slot="conversation.session"] [class*="callRow"] [
 
 /* Keep the accent fill the skin already assigns, add translucency to it and
    frost what shows through. The compound selector matters: a bare
-   [class*="bubble"] would also catch unrelated bubbles elsewhere in the shell. */
+   [class*="bubble"] would also catch unrelated bubbles elsewhere in the shell.
+
+   The user's own bubble has always been the frosted one of the two -- deeper
+   than the plates around it -- so it rides the same slider at 120%: the default
+   10px reproduces the 12px this rule carried before the variable existed, and
+   the knob scales it in step with everything else. The alpha above uses the
+   same ratio for the same reason. */
 [data-slot="main.conversation"] [class*="userStack"] [class*="bubble"] {
   /* 120% of the slider reproduces the 60% body this layer shipped with. */
   background: color-mix(in srgb, var(--dsw-specific-bubble) calc(var(--dsh-skin-bubble-alpha, .5) * 120%), transparent);
-  -webkit-backdrop-filter: blur(var(--dsh-skin-bubble-blur, 12px)) saturate(1.3);
-  backdrop-filter: blur(var(--dsh-skin-bubble-blur, 12px)) saturate(1.3);
+  -webkit-backdrop-filter: blur(calc(var(--dsh-skin-bubble-blur, 10px) * 1.2)) saturate(1.3);
+  backdrop-filter: blur(calc(var(--dsh-skin-bubble-blur, 10px) * 1.2)) saturate(1.3);
 }
 
 /* --- deliverables row (this turn's produced files) ------------------------ */