dsh-theme-gallery 0.2.0 → 0.4.0

package/lib/themes/shi-liu-jin.json

@@ -0,0 +1,293 @@
+[
+  {
+    "id": "shi-liu-jin",
+    "label": "纯色/拼色",
+    "description": "石榴红撞赤金与翡翠 —— 纯色排 × 拼色排的配色卡：15 个色块铺满卡面，不含侧栏素材",
+    "colorScheme": "light",
+    "tokens": {
+      "--dsw-alias-bg-base": {
+        "light": "linear-gradient(to bottom,#FBF7EC 0%,#F2ECDE 55%,#EADFC4 100%)",
+        "dark": "linear-gradient(to bottom,#FBF7EC 0%,#F2ECDE 55%,#EADFC4 100%)"
+      },
+      "--dsw-alias-bg-layer-1": {
+        "light": "#F0F0F4",
+        "dark": "#F0F0F4"
+      },
+      "--dsw-alias-bg-layer-2": {
+        "light": "#FFFBF0",
+        "dark": "#FFFBF0"
+      },
+      "--dsw-alias-bg-layer-3": {
+        "light": "#FFFBF0",
+        "dark": "#FFFBF0"
+      },
+      "--dsw-alias-bg-overlay": {
+        "light": "#EEDEB0",
+        "dark": "#EEDEB0"
+      },
+      "--dsw-alias-bg-skeleton": {
+        "light": "#D1D9E0",
+        "dark": "#D1D9E0"
+      },
+      "--dsw-alias-bg-module-platform": {
+        "light": "#EEDEB0",
+        "dark": "#EEDEB0"
+      },
+      "--dsw-alias-bg-multi-select": {
+        "light": "#EEDEB0",
+        "dark": "#EEDEB0"
+      },
+      "--dsw-alias-border-l1": {
+        "light": "#9D29330F",
+        "dark": "#9D29330F"
+      },
+      "--dsw-alias-border-l2": {
+        "light": "#9D293321",
+        "dark": "#9D293321"
+      },
+      "--dsw-alias-border-l3": {
+        "light": "#9D29332E",
+        "dark": "#9D29332E"
+      },
+      "--dsw-alias-border-l4": {
+        "light": "#D1D9E080",
+        "dark": "#D1D9E080"
+      },
+      "--dsw-alias-brand-primary": {
+        "light": "#9D2933",
+        "dark": "#9D2933"
+      },
+      "--dsw-alias-brand-primary-invert": {
+        "light": "#FFFFFF",
+        "dark": "#FFFFFF"
+      },
+      "--dsw-alias-brand-text": {
+        "light": "#9D2933",
+        "dark": "#9D2933"
+      },
+      "--dsw-alias-label-primary": {
+        "light": "#312520",
+        "dark": "#312520"
+      },
+      "--dsw-alias-label-primary-bluish": {
+        "light": "#312520",
+        "dark": "#312520"
+      },
+      "--dsw-alias-label-secondary": {
+        "light": "#574266",
+        "dark": "#574266"
+      },
+      "--dsw-alias-label-tertiary": {
+        "light": "#75664D",
+        "dark": "#75664D"
+      },
+      "--dsw-alias-label-caption": {
+        "light": "#75664D",
+        "dark": "#75664D"
+      },
+      "--dsw-alias-label-dimmed": {
+        "light": "#9A8C76",
+        "dark": "#9A8C76"
+      },
+      "--dsw-alias-label-primary-dimmed": {
+        "light": "#574266",
+        "dark": "#574266"
+      },
+      "--dsw-alias-label-primary-foreground": {
+        "light": "#FFFFFF",
+        "dark": "#FFFFFF"
+      },
+      "--dsw-alias-label-primary-inverted": {
+        "light": "#FFFFFF",
+        "dark": "#FFFFFF"
+      },
+      "--dsw-alias-link": {
+        "light": "#9D2933",
+        "dark": "#9D2933"
+      },
+      "--dsw-alias-interactive-bg-hover": {
+        "light": "#9D293314",
+        "dark": "#9D293314"
+      },
+      "--dsw-alias-interactive-bg-active": {
+        "light": "#F20C002E",
+        "dark": "#F20C002E"
+      },
+      "--dsw-alias-interactive-bg-hover-solid": {
+        "light": "#EEDEB0",
+        "dark": "#EEDEB0"
+      },
+      "--dsw-alias-interactive-bg-hover-accent": {
+        "light": "#F20C003D",
+        "dark": "#F20C003D"
+      },
+      "--dsw-alias-button-primary-fill": {
+        "light": "#9D2933",
+        "dark": "#9D2933"
+      },
+      "--dsw-alias-button-primary-hover": {
+        "light": "#B33A45",
+        "dark": "#B33A45"
+      },
+      "--dsw-alias-button-primary-dimmed": {
+        "light": "#9D293347",
+        "dark": "#9D293347"
+      },
+      "--dsw-alias-button-ghost-active-fill": {
+        "light": "#F20C0029",
+        "dark": "#F20C0029"
+      },
+      "--dsw-alias-button-ghost-active-border": {
+        "light": "#F20C00",
+        "dark": "#F20C00"
+      },
+      "--dsw-alias-button-ghost-active-hover": {
+        "light": "#F20C0047",
+        "dark": "#F20C0047"
+      },
+      "--dsw-alias-button-info-fill": {
+        "light": "#574266",
+        "dark": "#574266"
+      },
+      "--dsw-alias-button-info-hover": {
+        "light": "#75664D",
+        "dark": "#75664D"
+      },
+      "--dsw-alias-button-elevated-fill": {
+        "light": "#FFFBF0",
+        "dark": "#FFFBF0"
+      },
+      "--dsw-alias-button-floating-fill": {
+        "light": "#FFFBF0",
+        "dark": "#FFFBF0"
+      },
+      "--dsw-alias-button-floating-hover": {
+        "light": "#F7F0E0",
+        "dark": "#F7F0E0"
+      },
+      "--dsw-alias-button-contrast-fill": {
+        "light": "#312520",
+        "dark": "#312520"
+      },
+      "--dsw-alias-markdown-code-block": {
+        "light": "#F0F0F4",
+        "dark": "#F0F0F4"
+      },
+      "--dsw-alias-markdown-code-block-banner": {
+        "light": "#E4E6EC",
+        "dark": "#E4E6EC"
+      },
+      "--dsw-alias-markdown-inline-code": {
+        "light": "#EEDEB0",
+        "dark": "#EEDEB0"
+      },
+      "--dsw-alias-markdown-citation": {
+        "light": "#EEDEB0",
+        "dark": "#EEDEB0"
+      },
+      "--dsw-alias-markdown-tag": {
+        "light": "#EEDEB0",
+        "dark": "#EEDEB0"
+      },
+      "--dsw-alias-markdown-placeholder": {
+        "light": "#D1D9E0",
+        "dark": "#D1D9E0"
+      },
+      "--dsw-alias-markdown-code-segment-selected": {
+        "light": "#F20C0029",
+        "dark": "#F20C0029"
+      },
+      "--dsw-alias-markdown-code-segment-unselected": {
+        "light": "#F0F0F4",
+        "dark": "#F0F0F4"
+      },
+      "--dsw-alias-scrollbar-bg-l1": {
+        "light": "#9D293329",
+        "dark": "#9D293329"
+      },
+      "--dsw-alias-scrollbar-bg-l2": {
+        "light": "#9D293338",
+        "dark": "#9D293338"
+      },
+      "--dsw-alias-scrollbar-hover-l1": {
+        "light": "#9D293352",
+        "dark": "#9D293352"
+      },
+      "--dsw-alias-scrollbar-hover-l2": {
+        "light": "#9D293366",
+        "dark": "#9D293366"
+      },
+      "--dsw-alias-tooltip-bg": {
+        "light": "#312520",
+        "dark": "#312520"
+      },
+      "--dsw-alias-toast-bg": {
+        "light": "#FFFBF0",
+        "dark": "#FFFBF0"
+      },
+      "--dsw-alias-state-error-primary": {
+        "light": "#C2352B",
+        "dark": "#C2352B"
+      },
+      "--dsw-alias-state-error-secondary": {
+        "light": "#DB5A6B",
+        "dark": "#DB5A6B"
+      },
+      "--dsw-alias-state-success-primary": {
+        "light": "#1DA981",
+        "dark": "#1DA981"
+      },
+      "--dsw-alias-state-success-secondary": {
+        "light": "#7FE3C0",
+        "dark": "#7FE3C0"
+      },
+      "--dsw-alias-state-success-tertiary": {
+        "light": "#D8F5E8",
+        "dark": "#D8F5E8"
+      },
+      "--dsw-alias-state-warn-primary": {
+        "light": "#C89B40",
+        "dark": "#C89B40"
+      },
+      "--dsw-alias-state-warn-secondary": {
+        "light": "#EACD76",
+        "dark": "#EACD76"
+      },
+      "--dsw-alias-state-warn-tertiary": {
+        "light": "#F7EBC8",
+        "dark": "#F7EBC8"
+      },
+      "--dsw-alias-state-warn-label": {
+        "light": "#7A5A0E",
+        "dark": "#7A5A0E"
+      },
+      "--dsw-alias-state-business-primary": {
+        "light": "#3DE1AD",
+        "dark": "#3DE1AD"
+      },
+      "--dsw-alias-state-business-tertiary": {
+        "light": "#A8F0D8",
+        "dark": "#A8F0D8"
+      },
+      "--dsw-specific-sidebar-fill": {
+        "light": "linear-gradient(to bottom,#D6ECF0 0%,#E4E6E4 8%,#F2ECDE 18%,#F5E7CE 30%,#EFD6AE 44%,#E5BE86 58%,#D6A45C 72%,#C48F3C 86%,#BA8330 100%)",
+        "dark": "linear-gradient(to bottom,#D6ECF0 0%,#E4E6E4 8%,#F2ECDE 18%,#F5E7CE 30%,#EFD6AE 44%,#E5BE86 58%,#D6A45C 72%,#C48F3C 86%,#BA8330 100%)"
+      }
+    },
+    "reading": {
+      "colorScheme": "light",
+      "bg": "#FFFBF0",
+      "alpha": 0.62,
+      "blur": 3,
+      "maxWidth": 640
+    },
+    "card": {
+      "rows": [
+        { "kind": "solid", "schemes": ["p-xiang-se", "p-ju-huang", "p-tao-hong", "p-hai-tang-hong", "p-jiang-zi"] },
+        { "kind": "solid", "schemes": ["p-song-bai-lu", "p-zhu-qing", "p-cang-qing", "p-dai-zi", "p-xuan-qing"] },
+        { "kind": "clash", "schemes": ["p-shi-liu-jin", "p-bao-lan-jin", "p-qing-lian-jin", "p-song-hua-tao", "p-wu-jin"] }
+      ]
+    },
+    "accent": "#F20C00"
+  }
+]

package/lib/themes/ying-mu-cai-yun.json

@@ -2,7 +2,7 @@
   {
     "id": "ying-mu-cai-yun",
     "label": "营慕彩云",
-    "description": "营幕之下，彩云为伴 —— 复刻自电商新零售系统管理后台同名主题",
+    "description": "营幕之下，彩云为伴 —— 复刻自蜂链商城电商新零售系统管理后台同名主题",
     "colorScheme": "light",
     "tokens": {
       "--dsw-alias-bg-base": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-theme-gallery",
-  "version": "0.2.0",
-  "description": "A community theme gallery for DeepSeek Harness (DSH): JSON-defined skins with full-screen coverage and ported sidebar scenery, switched from the plugin's own sidebar panel — adding skins needs no code change",
+  "version": "0.4.0",
+  "description": "A theme gallery for DeepSeek Harness (DSH): six JSON-defined skins with full-screen coverage and sidebar scenery, plus built-in light/dark cards, switched from the panel under the sidebar's Plugins icon — adding skins needs no code change",
   "author": "renjie2026 (https://github.com/renjie2026)",
   "license": "MIT",
   "repository": {
@@ -51,6 +51,8 @@
     "test:order": "node tests/check-declaration-order.mjs",
     "test:tdz": "node tests/check-tdz-order.mjs && node tests/check-tdz-logic.mjs",
     "test:theme": "node tests/check-theme-contribution.mjs",
+    "test:cards": "node tests/check-card-order.mjs",
+    "test:copy": "node tests/check-copy-consistency-logic.mjs",
     "test:ambient": "node tests/check-ambient-render.mjs",
     "test:boot": "node tests/check-boot-timing.mjs",
     "test:safety": "node tests/check-boot-safety.mjs",
@@ -60,9 +62,10 @@
     "test:scope": "node tests/check-scope-reach.mjs",
     "test:scopelogic": "node tests/check-scope-reach-logic.mjs",
     "test:preview": "node scripts/build-ambient-preview.mjs",
+    "preview:panel": "node scripts/build-panel-preview.mjs",
     "test:calls": "node tests/check-undefined-calls.mjs",
     "test:emitguard": "node tests/check-self-emit-guard.mjs && node tests/check-self-emit-guard-logic.mjs",
-    "test": "npm run test:schema && npm run test:host && npm run test:store && npm run test:order && npm run test:tdz && npm run test:theme && npm run test:ambient && npm run test:boot && npm run test:safety && npm run test:module && npm run test:bounded && npm run test:bootpath && npm run test:scope && npm run test:scopelogic && npm run test:calls && npm run test:emitguard",
+    "test": "npm run test:schema && npm run test:host && npm run test:store && npm run test:order && npm run test:tdz && npm run test:theme && npm run test:cards && npm run test:copy && npm run test:ambient && npm run test:boot && npm run test:safety && npm run test:module && npm run test:bounded && npm run test:bootpath && npm run test:scope && npm run test:scopelogic && npm run test:calls && npm run test:emitguard",
     "prepack": "node scripts/embed-themes.mjs",
     "publish:check": "node scripts/publish-check.mjs",
     "embed-themes": "node scripts/embed-themes.mjs",
@@ -73,7 +76,7 @@
     "skin:enable": "node tools/profile-skin.mjs enable",
     "skin:rollback": "node tools/profile-skin.mjs rollback",
     "watch:renderer": "node tools/watch-renderer.mjs",
-    "check": "npm run typecheck && npm run test && npm run embed-themes && npm run preview:ambient",
+    "check": "npm run typecheck && npm run test && npm run embed-themes && npm run preview:ambient && npm run preview:panel",
     "prepublishOnly": "npm run publish:check"
   },
   "keywords": [

package/schema/theme.schema.json

@@ -67,6 +67,21 @@
           "$ref": "#/$defs/cssValue",
           "description": "The theme's marker colour, used for the states that say WHICH workspace or conversation is active. Taken from the theme's own characteristic colour - the source admin system's design rules forbid introducing a hue that does not already exist in the skin. It is stacked as an overrideTokens layer over --dsw-alias-button-ghost-active-fill/-border/-hover, the family the sidebar entry and the selected conversation row read. Omit it and the theme keeps the base palette's selection colour."
         },
+        "card": {
+          "type": "object",
+          "additionalProperties": false,
+          "required": ["rows"],
+          "description": "How this theme's card is drawn in the gallery, for a theme whose card is a PALETTE PICKER rather than one look (the 纯色/撞色 class). Omit it and the card keeps the default single 3-colour strip derived from the theme's own tokens, which is what every scene-carrying skin does. When present, the card draws a grid of CLICKABLE colour-value buttons — each slot names a scheme from lib/palette-schemes.json, and clicking it recolours the whole UI (the schemes are NOT registered themes, so they never appear in the official Appearance list). Such a card prints no `description` body: the slots already fill it, so the field stays a tooltip (asserted by tests/check-card-order.mjs).",
+          "properties": {
+            "rows": {
+              "type": "array",
+              "minItems": 2,
+              "maxItems": 3,
+              "description": "Two or three rows, drawn top to bottom. The LAST row must hold clash schemes and every earlier row must hold solid ones — the user's layout is 5+5+5: two rows of solid options, then the row of clash options. Each row's slots are equal width.",
+              "items": { "$ref": "#/$defs/cardRow" }
+            }
+          }
+        },
         "ambient": {
           "type": "object",
           "additionalProperties": false,
@@ -74,8 +89,8 @@
           "description": "Scenery drawn inside the sidebar column, ported from the source admin system where each theme mounted its own animation component behind the left menu. Only the kinds this plugin ships artwork for are accepted; a theme without this field gets no scenery.",
           "properties": {
             "kind": {
-              "enum": ["shan", "dream", "caiyun", "dongyun", "junyue", "jiexin", "fengchen"],
-              "description": "Which ported scene to draw: 'shan' is 山青婷彩 (mountains, mist, water, ripples, dragonflies, falling petals); 'dream' is 梦海游鱼 (corner glow, light washes, rising bubbles, glowing motes, swimming cartoon fish, swaying seaweed); 'caiyun' is 营慕彩云 (dusk glow, warm stars, drifting clouds, two marquee cloud-seas, hot-air balloons); 'dongyun' is 江畔冬云 (winter moon, drifting clouds, snow, river with moonlight, ripples, glints, a sampan, reeds); 'junyue' is 徐山军月 (brass stars, full moon, night clouds, meteor, mountain ridges, pines); 'jiexin' is 佩安杰心 (misty hills, zen enso and meditator, incense smoke, dust motes); 'fengchen' is 光彩凤晨 (dawn rays, falling feathers, a flying brush-stroke phoenix, dew)."
+              "enum": ["shan", "dream", "caiyun", "dongyun", "junyue", "jiexin", "fengchen", "humao", "ahuang"],
+              "description": "Which ported scene to draw: 'shan' is 山青婷彩 (mountains, mist, water, ripples, dragonflies, falling petals); 'dream' is 梦海游鱼 (corner glow, light washes, rising bubbles, glowing motes, swimming cartoon fish, swaying seaweed); 'caiyun' is 营慕彩云 (dusk glow, warm stars, drifting clouds, two marquee cloud-seas, hot-air balloons); 'dongyun' is 江畔冬云 (winter moon, drifting clouds, snow, river with moonlight, ripples, glints, a sampan, reeds); 'junyue' is 徐山军月 (brass stars, full moon, night clouds, meteor, mountain ridges, pines); 'jiexin' is 佩安杰心 (misty hills, zen enso and meditator, incense smoke, dust motes); 'fengchen' is 光彩凤晨 (dawn rays, falling feathers, a flying brush-stroke phoenix, dew); 'humao' is 琥珀猫咪, an original pet scene (warm haze, sunlit sill, a sitting tabby with a swaying tail, a curled sleeping cat breathing, amber dust motes); 'ahuang' is 虎子阿黄, an original pet scene (golden haze, field-path bank, a yellow pastoral dog with a wagging sickle tail and a head tilt, dry grass tufts, a ball, dandelion fluff)."
             },
             "petals": {
               "type": "integer",
@@ -117,7 +132,7 @@
               "type": "integer",
               "minimum": 0,
               "maximum": 20,
-              "description": "'jiexin' only: how many drifting incense dust motes to seed."
+              "description": "'jiexin' / 'humao' / 'ahuang' only: how many drifting motes to seed — incense dust for jiexin, amber sun motes for humao, dandelion fluff for ahuang."
             },
             "feathers": {
               "type": "integer",
@@ -135,6 +150,27 @@
         }
       }
     },
+    "cardRow": {
+      "type": "object",
+      "additionalProperties": false,
+      "required": ["kind", "schemes"],
+      "description": "One row of the palette picker: equal-width colour-value buttons. `kind` says what each button in THIS row looks like (a flat block, or a band with dots) and must match the kind every referenced scheme declares — drawing a clash scheme as one flat block reads as a colour that is merely off.",
+      "properties": {
+        "kind": { "enum": ["solid", "clash"] },
+        "schemes": {
+          "type": "array",
+          "minItems": 1,
+          "maxItems": 5,
+          "description": "Scheme ids from lib/palette-schemes.json. Five is the ceiling the card can still show as five distinct buttons (at the card's 200px minimum width each is ~34px); a sixth would read as a texture. A slot naming a scheme that does not exist draws nothing, and the whole card silently falls back to the default strip — scripts/lib/card-rows.mjs fails the build for that.",
+          "items": { "$ref": "#/$defs/schemeId" }
+        }
+      }
+    },
+    "schemeId": {
+      "type": "string",
+      "pattern": "^p-[a-z0-9-]+$",
+      "description": "A palette-scheme id, `p-` prefixed so it can never be confused with a registered theme id (the picker's anchor theme is `shi-liu-jin`). The scheme itself lives in lib/palette-schemes.json, which is inlined into the bundle but NOT registered with the theme service — these 15 are colour options, not themes, so they stay out of the official Appearance list and out of the skin count."
+    },
     "modes": {
       "type": "object",
       "additionalProperties": false,