dsh-theme-gallery 0.3.0 → 0.4.0

package/lib/palette-schemes.json

@@ -0,0 +1,20 @@
+{
+  "$comment": "纯色/拼色卡片上的 15 个可点击配色方案。它们**不是主题**：不注册进主题服务、不占面板卡片、不进官方「外观」下拉；点按钮时由插件叠一层 token 覆盖层把整屏换掉（见 lib/client.js 的 schemeTokens / syncScheme）。字段只放『人体可判断』的几个色，其余 60 多个 token 由 schemeTokens() 按同一条造色规则派生，这样 15 套不会各写各的、彼此漂移。**所有色值取自「中国传统色库」项目（chinese-colors）**：https://github.com/zerosoul/chinese-colors —— 作者 tristan（GitHub @zerosoul），在线手册 https://colors.ichuantong.cn ，许可 ISC。色名与色值是作者整理的开源成果，本插件只做取色与派生；source 字段记的是该库 src/assets/colors.json 里的『组 + id』。感谢作者 tristan 的整理与开源。",
+  "schemes": [
+    { "id": "p-xiang-se", "kind": "solid", "label": "缃色", "main": "#F0C239", "ground": "#F2ECDE", "ink": "#312520", "source": "黄 1-9 缃色（浅黄色）" },
+    { "id": "p-ju-huang", "kind": "solid", "label": "橘黄", "main": "#FF8936", "ground": "#F2ECDE", "ink": "#312520", "source": "黄 1-5 橘黄（柑橘的黄色）" },
+    { "id": "p-tao-hong", "kind": "solid", "label": "桃红", "main": "#F47983", "ground": "#EDD1D8", "ink": "#56004F", "source": "红 0-3 桃红（桃花的颜色）" },
+    { "id": "p-hai-tang-hong", "kind": "solid", "label": "海棠红", "main": "#DB5A6B", "ground": "#EDD1D8", "ink": "#56004F", "source": "红 0-4 海棠红（淡紫红色、较桃红色深一些）" },
+    { "id": "p-jiang-zi", "kind": "solid", "label": "绛紫", "main": "#8C4356", "ground": "#EDD1D8", "ink": "#56004F", "source": "红 0-9 绛紫（紫中略带红的颜色）" },
+    { "id": "p-song-bai-lu", "kind": "solid", "label": "松柏绿", "main": "#057748", "ground": "#E0F0E9", "ink": "#424C50", "source": "绿 2-30 松花绿（松柏叶的墨绿）" },
+    { "id": "p-zhu-qing", "kind": "solid", "label": "竹青", "main": "#789262", "ground": "#E0EEE8", "ink": "#424C50", "source": "绿 2-3 竹青（竹子的绿色）" },
+    { "id": "p-cang-qing", "kind": "solid", "label": "苍青", "main": "#7397AB", "ground": "#D6ECF0", "ink": "#4A4266", "source": "苍 4-3 苍青" },
+    { "id": "p-dai-zi", "kind": "solid", "label": "黛紫", "main": "#574266", "ground": "#E4C6D0", "ink": "#56004F", "source": "蓝 3-12 黛紫（深紫色）" },
+    { "id": "p-xuan-qing", "kind": "solid", "label": "玄青", "main": "#3D3B4F", "ground": "#F0F0F4", "ink": "#312520", "source": "黑 7-1 玄青（深黑色）" },
+    { "id": "p-shi-liu-jin", "kind": "clash", "label": "石榴金", "main": "#F20C00", "ground": "#F2ECDE", "ink": "#312520", "fill": "#9D2933", "dots": ["#FFFFFF", "#D6ECF0", "#EACD76", "#3DE1AD"], "source": "红 0-5 石榴红 + 金银 8-0 赤金 + 绿 2-14 翡翠色；按钮族用红 0-11 胭脂（白字 7.50:1，而压在石榴红上只有 4.35:1）" },
+    { "id": "p-bao-lan-jin", "kind": "clash", "label": "宝蓝·赤金", "main": "#4B5CC4", "ground": "#D6ECF0", "ink": "#4A4266", "dots": ["#F2BE45", "#EACD76", "#D9B611", "#FFFFFF"], "source": "蓝 3-5 宝蓝（多和小面积纯黄色（金色）配合使用）+ 金银 8-0 赤金" },
+    { "id": "p-qing-lian-jin", "kind": "clash", "label": "青莲·金玉", "main": "#801DAE", "ground": "#E4C6D0", "ink": "#56004F", "dots": ["#F2BE45", "#FFF143", "#3DE1AD", "#FFFFFF"], "source": "蓝 3-19 青莲（偏蓝的紫色）+ 黄 1-0 鹅黄 + 绿 2-14 翡翠色" },
+    { "id": "p-song-hua-tao", "kind": "clash", "label": "松花·桃粉", "main": "#BCE672", "ground": "#F7FBEC", "ink": "#424C50", "dots": ["#C93756", "#057748"], "source": "绿 2-31 松花色（嫩黄绿）+ 红 0-1 樱桃色 + 绿 2-30 松花绿" },
+    { "id": "p-wu-jin", "kind": "clash", "label": "藏青·鹅黄", "main": "#2E4E7E", "ground": "#E2E9F2", "ink": "#312520", "dots": ["#F2BE45", "#FFFFFF", "#FFB3A7", "#3DE1AD"], "source": "蓝 8-2 藏青（深蓝）+ 金银 8-0 赤金 + 精白 + 红 0-0 粉红 + 绿 2-14 翡翠色" }
+  ]
+}

package/lib/themes/meng-hai-you-yu.json

@@ -2,7 +2,7 @@
   {
     "id": "meng-hai-you-yu",
     "label": "梦海游鱼",
-    "description": "梦幻海洋，游鱼作伴 —— 复刻自电商新零售系统管理后台的默认主题",
+    "description": "梦幻海洋，游鱼作伴 —— 复刻自蜂链商城电商新零售系统管理后台的默认主题",
     "colorScheme": "light",
     "tokens": {
       "--dsw-alias-bg-base": {

package/lib/themes/pei-an-jie-xin.json

@@ -2,7 +2,7 @@
   {
     "id": "pei-an-jie-xin",
     "label": "佩安杰心",
-    "description": "檀香禅影，自在安顿 —— 复刻自电商新零售系统管理后台同名主题",
+    "description": "檀香禅影，自在安顿 —— 复刻自蜂链商城电商新零售系统管理后台同名主题",
     "colorScheme": "light",
     "tokens": {
       "--dsw-alias-bg-base": {

package/lib/themes/shan-qing-ting-cai.json

@@ -2,7 +2,7 @@
   {
     "id": "shan-qing-ting-cai",
     "label": "山青婷彩",
-    "description": "青山叠翠，蜓舞生姿 —— 复刻自电商新零售系统管理后台同名主题",
+    "description": "青山叠翠，蜓舞生姿 —— 复刻自蜂链商城电商新零售系统管理后台同名主题",
     "colorScheme": "light",
     "tokens": {
       "--dsw-alias-bg-base": {

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,6 +1,6 @@
 {
   "name": "dsh-theme-gallery",
-  "version": "0.3.0",
+  "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",

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,
@@ -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,