dsh-theme-mineradio 2.1.1 → 2.2.0

package/README.md

@@ -5,6 +5,18 @@ English | [中文](README.zh.md)
 
 **Mineradio** is a cinematic glassmorphism theme for the DeepSeek Harness web UI — a faithful re-skin of the Mineradio "private visual radio" identity. The header, sidebar, composer, stats line, and trajectory view become panes of warm champagne glass over a near-black studio backdrop. You can put a video as wallpaper and switch it off and the stock UI comes back exactly, with no source changes to DSH itself.
 
+## Screenshots
+
+Real captures of the theme on the DeepSeek Harness UI — dark, light, and the settings panel:
+
+| Dark | Light |
+| --- | --- |
+| ![Dark theme](docs/screenshot-dark.png) | ![Light theme](docs/screenshot-light.png) |
+
+![Settings panel](docs/screenshot-settings-dark.png)
+
+A full-size gallery is also hosted at **https://dhicoc.github.io/dsh-theme-mineradio/**.
+
 ## What ports from Mineradio
 
 - **Champagne-gold identity** — the signature palette (`#f4d28a` champagne, `#7ad7c2` mint, `#ff5367` ember rose over a warm near-black `#08090B`) drives every alias token: surfaces, hairline strokes, text ink, buttons, scrollbars, and warm-tinted shadows with a gold bloom.

package/README.zh.md

@@ -5,6 +5,18 @@
 
 **Mineradio** 是一套为 DeepSeek Harness Web UI 打造的影院级玻璃拟态主题——对 Mineradio「私人视觉电台」气质的忠实移植。顶栏、侧栏、输入框、状态行与轨迹视图都化作近黑演播室背景上一块块温暖的香槟金玻璃。你可以把视频设为壁纸，一键关闭后原样还原官方界面，无需改动 DSH 任何源码。
 
+## 截图
+
+主题在 DeepSeek Harness UI 上的实机截图——深色、浅色与设置面板：
+
+| 深色 | 浅色 |
+| --- | --- |
+| ![深色主题](docs/screenshot-dark.png) | ![浅色主题](docs/screenshot-light.png) |
+
+![设置面板](docs/screenshot-settings-dark.png)
+
+原图相册也托管在 **https://dhicoc.github.io/dsh-theme-mineradio/**。
+
 ## 从 Mineradio 移植了什么
 
 - **香槟金身份标识** —— 招牌调色板（香槟金 `#f4d28a`、薄荷 `#7ad7c2`、余烬玫瑰 `#ff5367`，压在一层温暖的近黑 `#08090B` 之上）驱动全部 alias token：表面、发丝描边、文字墨色、按钮、滚动条，以及带金色辉光的暖调阴影。

package/lib/client.js

@@ -408,6 +408,7 @@ function MineradioAppearanceRow(props) {
   const {
     t,
     setMode,
+    setTextStyle,
     setBlur,
     setFrost,
     setFluidHue,
@@ -437,6 +438,7 @@ function MineradioAppearanceRow(props) {
   } = props;
   const enabled = useStore((s) => s.enabled);
   const mode = useStore((s) => s.mode);
+  const textStyle = useStore((s) => s.textStyle);
   const blur = useStore((s) => s.blur);
   const frost = useStore((s) => s.frost);
   const fluidHue = useStore((s) => s.fluidHue);
@@ -538,6 +540,23 @@ function MineradioAppearanceRow(props) {
         }
       ) }) })
     ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: MineradioAppearanceRow_default.subGroup, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: MineradioAppearanceRow_default.subTitle, children: t("mineradio.textColor") }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: MineradioAppearanceRow_default.controls, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: MineradioAppearanceRow_default.row, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        Segmented,
+        {
+          label: t("mineradio.textColor"),
+          value: textStyle,
+          options: [
+            { id: "champagne", label: t("mineradio.textColorChampagne") },
+            { id: "neutral", label: t("mineradio.textColorNeutral") },
+            { id: "mint", label: t("mineradio.textColorMint") },
+            { id: "rose", label: t("mineradio.textColorRose") }
+          ],
+          onSelect: setTextStyle
+        }
+      ) }) })
+    ] }),
     mode === "mica" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: MineradioAppearanceRow_default.subGroup, children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: MineradioAppearanceRow_default.subTitle, children: t("mineradio.materialGroup") }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: MineradioAppearanceRow_default.controls, children: [
@@ -803,6 +822,7 @@ function createMineradioRowStore() {
     init: () => ({
       enabled: true,
       mode: "mica",
+      textStyle: "champagne",
       blur: 24,
       frost: 14,
       fluidHue: 44,
@@ -835,6 +855,7 @@ function createMineradioRowStore() {
         if (revision <= d.revision) return;
         d.enabled = next.enabled;
         d.mode = next.mode;
+        d.textStyle = next.textStyle;
         d.blur = next.blur;
         d.frost = next.frost;
         d.fluidHue = next.fluidHue;
@@ -876,6 +897,11 @@ var zh = {
   "mineradio.mode": "\u6A21\u5F0F",
   "mineradio.modeMica": "\u4E91\u6BCD\u6548\u679C",
   "mineradio.modeCompat": "\u517C\u5BB9\u6A21\u5F0F",
+  "mineradio.textColor": "\u6587\u5B57\u989C\u8272",
+  "mineradio.textColorChampagne": "\u9999\u69DF\u91D1",
+  "mineradio.textColorNeutral": "\u4E2D\u6027",
+  "mineradio.textColorMint": "\u8584\u8377",
+  "mineradio.textColorRose": "\u73AB\u7470",
   "mineradio.materialGroup": "\u73BB\u7483\u6750\u8D28",
   "mineradio.decorAmbient": "\u73AF\u5883\u88C5\u9970",
   "mineradio.decorHover": "\u60AC\u505C\u6548\u679C",
@@ -921,6 +947,11 @@ var en = {
   "mineradio.mode": "Mode",
   "mineradio.modeMica": "Mica",
   "mineradio.modeCompat": "Compatibility",
+  "mineradio.textColor": "Text color",
+  "mineradio.textColorChampagne": "Champagne",
+  "mineradio.textColorNeutral": "Neutral",
+  "mineradio.textColorMint": "Mint",
+  "mineradio.textColorRose": "Rose",
   "mineradio.materialGroup": "Glass material",
   "mineradio.decorAmbient": "Ambient",
   "mineradio.decorHover": "Hover effects",
@@ -3220,6 +3251,63 @@ var MINERADIO_TOKEN_OVERRIDES = {
     dark: "0 0 1px rgba(0, 0, 0, 0.6), 0 12px 32px rgba(0, 0, 0, 0.55)"
   }
 };
+function hslHex(h, s, l) {
+  const c = (1 - Math.abs(2 * l - 1)) * s;
+  const x = c * (1 - Math.abs(h / 60 % 2 - 1));
+  const m = l - c / 2;
+  let r = 0, g = 0, b = 0;
+  if (h < 60) {
+    r = c;
+    g = x;
+  } else if (h < 120) {
+    r = x;
+    g = c;
+  } else if (h < 180) {
+    g = c;
+    b = x;
+  } else if (h < 240) {
+    g = x;
+    b = c;
+  } else if (h < 300) {
+    r = x;
+    b = c;
+  } else {
+    r = c;
+    b = x;
+  }
+  const hex = (v) => Math.round((v + m) * 255).toString(16).padStart(2, "0");
+  return `#${hex(r)}${hex(g)}${hex(b)}`;
+}
+function textInkPalette(style) {
+  if (style === "champagne") {
+    return {
+      light: { primary: "#2A241A", secondary: "#5C5240", tertiary: "#7A6F5A", caption: "#8F8572", dimmed: "#C8BFAB", bluish: "#A97A2A", primaryDimmed: "#4A3A1E" },
+      dark: { primary: "#F2F0EA", secondary: "#CBC4B8", tertiary: "#98917F", caption: "#7A7468", dimmed: "#5A564C", bluish: "#E8CEA0", primaryDimmed: "#EADFC6" }
+    };
+  }
+  const h = style === "mint" ? 166 : style === "rose" ? 352 : 0;
+  const s = style === "mint" ? 0.18 : style === "rose" ? 0.15 : 0;
+  return {
+    light: {
+      primary: hslHex(h, s, 0.13),
+      secondary: hslHex(h, s, 0.32),
+      tertiary: hslHex(h, s, 0.46),
+      caption: hslHex(h, s, 0.53),
+      dimmed: hslHex(h, s, 0.75),
+      bluish: hslHex(h, Math.min(1, s + 0.12), 0.34),
+      primaryDimmed: hslHex(h, s, 0.22)
+    },
+    dark: {
+      primary: hslHex(h, s, 0.95),
+      secondary: hslHex(h, s, 0.73),
+      tertiary: hslHex(h, s, 0.6),
+      caption: hslHex(h, s, 0.48),
+      dimmed: hslHex(h, s, 0.36),
+      bluish: hslHex(h, Math.min(1, s + 0.12), 0.8),
+      primaryDimmed: hslHex(h, s, 0.88)
+    }
+  };
+}
 var COMPAT_SURFACE_OVERRIDES = {
   "--dsw-alias-bg-layer-1": { light: "rgba(255, 255, 255, 0.55)", dark: "color-mix(in srgb, rgb(17 26 39) calc(55% * var(--dsh-aqua-frost, 1)), transparent)" },
   "--dsw-alias-bg-layer-2": { light: "rgba(236, 242, 250, 0.5)", dark: "color-mix(in srgb, rgb(22 33 48) calc(55% * var(--dsh-aqua-frost, 1)), transparent)" },
@@ -3260,6 +3348,7 @@ function writeEnabled(value) {
 }
 var SETTINGS_DEFAULTS = {
   mode: "mica",
+  textStyle: "champagne",
   blur: 22,
   frost: 50,
   bgBrightness: 50,
@@ -3302,6 +3391,7 @@ var NUMERIC_KEYS = {
   videoBrightness: "dsh.ui-mineradio.videoBrightness"
 };
 var MODE_KEY = "dsh.ui-mineradio.mode";
+var TEXT_STYLE_KEY = "dsh.ui-mineradio.textStyle";
 var BACKGROUND_KEY = "dsh.ui-mineradio.background";
 var WALLPAPER_KEY = "dsh.ui-mineradio.wallpaper";
 var AUTO_TINT_KEY = "dsh.ui-mineradio.autoTint";
@@ -3358,6 +3448,20 @@ function writeMode(value) {
   } catch {
   }
 }
+function readTextStyle() {
+  try {
+    const stored = localStorage.getItem(TEXT_STYLE_KEY);
+    return stored === "neutral" || stored === "mint" || stored === "rose" ? stored : "champagne";
+  } catch {
+    return "champagne";
+  }
+}
+function writeTextStyle(value) {
+  try {
+    localStorage.setItem(TEXT_STYLE_KEY, value);
+  } catch {
+  }
+}
 function readWallpaper() {
   try {
     return localStorage.getItem(WALLPAPER_KEY) ?? "";
@@ -3526,7 +3630,7 @@ var MineradioLayer = class {
           this.sync();
         }
         const key = event.key;
-        if (key !== null && (key in NUMERIC_KEYS || key === BACKGROUND_KEY || key === WALLPAPER_KEY || key === AUTO_TINT_KEY || key === WALLPAPER_MASK_KEY || key === MODE_KEY || key === WHALE_KEY || key === CRITTERS_KEY || key === MESH_KEY || key === SPOTLIGHT_KEY || key === PRESS_KEY || key === AUDIO_REACT_KEY)) {
+        if (key !== null && (key in NUMERIC_KEYS || key === BACKGROUND_KEY || key === WALLPAPER_KEY || key === AUTO_TINT_KEY || key === WALLPAPER_MASK_KEY || key === MODE_KEY || key === TEXT_STYLE_KEY || key === WHALE_KEY || key === CRITTERS_KEY || key === MESH_KEY || key === SPOTLIGHT_KEY || key === PRESS_KEY || key === AUDIO_REACT_KEY)) {
           this.reloadSettings();
           if (this.enabled) {
             this.applySettings();
@@ -3595,6 +3699,7 @@ var MineradioLayer = class {
     }
     this.settings = {
       mode: readMode(),
+      textStyle: readTextStyle(),
       blur: readSetting("blur"),
       frost: readSetting("frost"),
       fluidHue: readSetting("fluidHue"),
@@ -3638,6 +3743,13 @@ var MineradioLayer = class {
       this.applyTokens();
     }
   }
+  /** Set the global text-ink preset ('champagne' | 'neutral' | 'mint' | 'rose'). */
+  setTextStyle(value) {
+    if (value === this.settings.textStyle) return;
+    this.settings.textStyle = value;
+    writeTextStyle(value);
+    if (this.enabled) this.applyTokens();
+  }
   /** Set the glass blur radius (px). */
   setBlur(value) {
     const next = clampSetting("blur", value);
@@ -4032,11 +4144,26 @@ var MineradioLayer = class {
   /** Apply the mode's token layer (floating palette, or translucent compat). */
   applyTokens() {
     this.tokenDisposer?.();
+    const base = this.settings.mode === "compat" ? COMPAT_TOKEN_OVERRIDES : MINERADIO_TOKEN_OVERRIDES;
     this.tokenDisposer = this.ctx.theme.overrideTokens(
       OVERRIDE_SOURCE,
-      this.settings.mode === "compat" ? COMPAT_TOKEN_OVERRIDES : MINERADIO_TOKEN_OVERRIDES
+      { ...base, ...this.inkOverrides() }
     );
   }
+  /** The text-ink override for the current preset: redefines the warm ink
+   *  tokens only; every other token falls through to the base layer. */
+  inkOverrides() {
+    const p = textInkPalette(this.settings.textStyle);
+    return {
+      "--dsw-alias-label-primary": { light: p.light.primary, dark: p.dark.primary },
+      "--dsw-alias-label-secondary": { light: p.light.secondary, dark: p.dark.secondary },
+      "--dsw-alias-label-tertiary": { light: p.light.tertiary, dark: p.dark.tertiary },
+      "--dsw-alias-label-caption": { light: p.light.caption, dark: p.dark.caption },
+      "--dsw-alias-label-dimmed": { light: p.light.dimmed, dark: p.dark.dimmed },
+      "--dsw-alias-label-primary-bluish": { light: p.light.bluish, dark: p.dark.bluish },
+      "--dsw-alias-label-primary-dimmed": { light: p.light.primaryDimmed, dark: p.dark.primaryDimmed }
+    };
+  }
   mount() {
     document.documentElement.setAttribute(MINERADIO_ATTRIBUTE, "");
     ensureAmbientScene();
@@ -4255,6 +4382,7 @@ function apply(ctx) {
     return {
       enabled: layer.getEnabled(),
       mode: s.mode,
+      textStyle: s.textStyle,
       blur: s.blur,
       frost: s.frost,
       fluidHue: s.fluidHue,
@@ -4309,6 +4437,10 @@ function apply(ctx) {
         layer.setMode(mode);
         sync();
       },
+      setTextStyle: (textStyle) => {
+        layer.setTextStyle(textStyle);
+        sync();
+      },
       setBlur: (blur) => {
         layer.setBlur(blur);
         sync();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-theme-mineradio",
   "description": "Mineradio: a cinematic private-visual-radio glass theme for the Web surface — champagne glow, fluid or wallpaper backdrop, unified corners, and motion",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "publishConfig": {
     "access": "public"
   },