dsh-fonttune 0.1.3 → 0.1.4

package/CHANGELOG.en.md

@@ -2,6 +2,16 @@
 
 All notable changes to **dsh-fonttune** are documented here. Chinese version: [CHANGELOG.md](CHANGELOG.md).
 
+## [0.1.4] - 2026-09-15
+
+### Added
+- **Code font-size offset**: the size control is split into **two independent axes** — "Body font size offset" for text and interface sizes, and "Code font size offset" for code blocks and inline code only. The single slider used to scale both chains, so moving the body always dragged code along with it; now each moves on its own. The field is `sizeOffsetCode` (-3 ~ +6 px, 0 = leave alone), sitting next to the existing `sizeOffset`, whose meaning narrows to "body and interface text". After upgrading, an existing configuration leaves code at DSH's own sizes while body behaviour is unchanged.
+
+### Changed
+- **Card layout**: each size slider now sits under the font it resizes — body font → body size offset → code font → code size offset → weight. The two sliders are labelled separately ("Body font size offset" / "Code font size offset"), and the card description reads "Body and code fonts, a size offset for each, weight, and a West/CJK split".
+- **How the code chain is consumed**: DSH's markdown code tokens are `font` shorthands (`--dsw-font-markdown-code` / `-code-block` / `-code-block-small`, valued like `11px/19px <family>`), and the shorthands — not their `-font-size` parts — are what the shipped stylesheets actually read, so the code axis rewrites those too (size and line height scaled, family list kept verbatim) alongside the split parts. The embedded fallback map is corrected to rc.2's real values (it claimed 13px/20px) and gains the three shorthand names.
+- **Compatibility table** now lists 0.1.4 as the latest version.
+
 ## [0.1.3] - 2026-09-14
 
 ### Changed

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 **dsh-fonttune** 的重要变更都记录在这里。英文版见 [CHANGELOG.en.md](CHANGELOG.en.md)。
 
+## [0.1.4] - 2026-09-15
+
+### 新增
+- **代码字号偏移**：字号从「一个全局偏移」拆成**两个互不影响的轴**——「正文字号偏移」作用于正文与界面文字，「代码字号偏移」只作用于代码块与行内代码。原来那一个滑块同时缩放两条链路，调正文必然带动代码；现在各调各的。字段为 `sizeOffsetCode`（-3 ~ +6 px，0 = 不动），与既有的 `sizeOffset` 并列；`sizeOffset` 语义收敛为「正文与界面文字」，旧配置升级后代码字号回到 DSH 原值、正文行为不变。
+
+### 变更
+- **卡片布局**：字号滑块移到对应字体下面——正文字体 → 正文字号偏移 → 代码字体 → 代码字号偏移 → 字重；两处滑块文案分开（「正文字号偏移」/「代码字号偏移」），卡片描述改为「正文与代码字体、各自的字号偏移、字重、中西文分栏」。
+- **代码链路的消费点**：DSH 的 markdown 代码 token 都是 `font` 简写（`--dsw-font-markdown-code` / `-code-block` / `-code-block-small`，值是 `11px/19px <family>` 这种形式），真正被样式表消费的是简写而不是 `-font-size` 分件，所以代码轴连同简写一起重写（尺寸与行高按比例乘、字体族原样保留），分件也一并覆盖；内置兜底表按 rc.2 的真实取值修正（此前记的 13px/20px 与主题不符），并补上三个简写名。
+- **兼容表**改列 0.1.4 为最新版本。
+
 ## [0.1.3] - 2026-09-14
 
 ### 变更

package/README.en.md

@@ -2,12 +2,13 @@
 
 > [中文](README.md) | **English**
 
-**Font plugin for DeepSeek Harness (DSH)**: set the body and code font families, a global font-size offset and a global font weight, and pick fonts per **Western / CJK** slot. Everything lives in the native card under **Settings → Plugins → Plugin configuration** and applies immediately.
+**Font plugin for DeepSeek Harness (DSH)**: set the body and code font families, a font-size offset for each, and a global font weight, and pick fonts per **Western / CJK** slot. Everything lives in the native card under **Settings → Plugins → Plugin configuration** and applies immediately.
 
 ## Features
 
 - **Body / code fonts** — two independent fallback lists, Latin families first and CJK after; leaving one empty keeps DSH's own stack untouched
-- **Global font-size offset** — -3 ~ +6 px, stacked on top of DSH's own font-size setting rather than replacing it; every size step scales together with its line height
+- **Body font-size offset** — -3 ~ +6 px for text and interface sizes, stacked on top of DSH's own font-size setting rather than replacing it; every size step scales together with its line height
+- **Code font-size offset** — -3 ~ +6 px for code blocks and inline code, **independent** of the body offset: moving one never moves the other
 - **Global font weight** — any integer from 300 to 600; unset or 400 both mean "keep DSH's own weight"
 - **West / CJK split (simple mode)** — a switch at the top of the card: simple mode gives just a Western and a CJK single-pick slot (one pair for body, one for code), advanced mode is the full stack editor; both views share one stack, so toggling never changes the order you set up
 - **Font picker panel** — four preset groups (monospace / CJK / Latin / generic), plus an "installed on this machine" group on Chromium; a name that is not in the list can be created with "use xxx"
@@ -18,7 +19,7 @@
 
 | Plugin version | Supported DSH versions |
 | --- | --- |
-| **0.1.3** (latest) | 0.1.5-rc.2 |
+| **0.1.4** (latest) | 0.1.5-rc.2 |
 
 `engines.dsh` requires **0.1.5-rc.2** or newer, and the compatibility declaration lists only the **latest release of the 0.1.5 line**: it carries every fix in that line, which makes it the most stable build of the major version, while older builds of the same major version stay compatible per semantic versioning. Earlier or newer DSH versions are untested and not declared. On install or update, the DSH market runs a host-compatibility preflight against `engines.dsh`, `dsh.compatibility.dshReleases` and `peerDependencies` in `package.json`.
 
@@ -48,7 +49,7 @@ Restart DSH once afterwards and open the Web UI; changing settings needs no rest
 
 - **Open the settings** — Settings → Plugins → Plugin configuration → expand the "Font tune" card
 - **Pick fonts** — in simple mode click the four slots (Body · Western, Body · CJK, Code · Western, Code · CJK); in advanced mode use "Add font" and the chip editor to maintain the full fallback list
-- **Tune numbers** — drag the size-offset / weight sliders; the value applies on release. Changed fields are marked and can be reset individually, with "Reset all" at the bottom of the card
+- **Tune sizes** — each size slider sits directly under the font it resizes: "Body font size offset" under the body font, "Code font size offset" under the code font, with the weight slider below. Drag and release to apply. Changed fields are marked and can be reset individually, with "Reset all" at the bottom of the card
 - **Preview** — the mixed-script and code preview at the bottom of the card renders with the current configuration
 - Settings are stored in DSH's settings document (`settings.yaml`), so they travel with your configuration
 

package/README.md

@@ -2,12 +2,13 @@
 
 > [English](README.en.md) | **中文**
 
-**DeepSeek Harness（DSH）字体插件**：设置正文与代码的字体族、全局字号偏移与字重，并按「西文 / 中文」分栏挑字体；配置入口是 **设置 → 插件 → 插件配置** 里的原生卡片，改完即时生效。
+**DeepSeek Harness（DSH）字体插件**：设置正文与代码的字体族、各自独立的字号偏移与字重，并按「西文 / 中文」分栏挑字体；配置入口是 **设置 → 插件 → 插件配置** 里的原生卡片，改完即时生效。
 
 ## 功能
 
 - **正文 / 代码字体** —— 两套独立的字体回退列表，拉丁字体在前、中文字体在后；留空表示完全沿用 DSH 的字体栈
-- **全局字号偏移** —— -3 ~ +6 px，与 DSH 自己的「字号大小」叠加而不是覆盖；每一档字号连同它的行高一起等比缩放
+- **正文字号偏移** —— -3 ~ +6 px，作用于正文与界面文字；与 DSH 自己的「字号大小」叠加而不是覆盖，每一档字号连同它的行高一起等比缩放
+- **代码字号偏移** —— -3 ~ +6 px，**独立**作用于代码块与行内代码：调正文不会带动代码，调代码也不会带动正文
 - **全局字重** —— 300 ~ 600 任意整数；未设置或 400 都表示沿用 DSH 原本的字重
 - **西文 / 中文分栏（简单模式）** —— 卡片顶部一个开关：简单模式只给「西文」「中文」两个单选格（正文/代码各一对），高级模式是完整的字体栈编辑器；两种模式共用同一条栈，来回切换不会改动已排好的顺序
 - **选字体面板** —— 内置 等宽 / 中文（CJK）/ 拉丁 / 通用 四组预设，Chromium 下再补上「本机已安装」分组；搜索不到的名字可以直接「使用 xxx」新建
@@ -18,7 +19,7 @@
 
 | 插件版本 | 支持的 DSH 版本 |
 | --- | --- |
-| **0.1.3**（最新） | 0.1.5-rc.2 |
+| **0.1.4**（最新） | 0.1.5-rc.2 |
 
 `engines.dsh` 下限为 **0.1.5-rc.2**，兼容声明只列 **0.1.5 线的最新版本**：它包含这条线的全部修复，是同一大版本里最稳的一版，而同一大版本内的旧版本按语义化版本约定向上兼容。更早或更新的 DSH 未经验证，不作声明。安装或更新时，DSH 市场会依据 `package.json` 里的 `engines.dsh`、`dsh.compatibility.dshReleases` 与 `peerDependencies` 做宿主兼容预检。
 
@@ -48,7 +49,7 @@ dsh plugin --profile web add <插件目录路径>
 
 - **打开设置** —— 设置 → 插件 → 插件配置 → 展开「字体增强」卡片
 - **换字体** —— 简单模式下点「正文 · 西文字体」「正文 · 中文字体」「代码 · 西文字体」「代码 · 中文字体」四个格子选字体；高级模式下用「添加字体」与 chips 编辑器维护完整回退列表
-- **调整数值** —— 拖字号偏移 / 字重滑块，松手即生效；改过的字段标「已修改」并可单独重置，卡片底部有「全部重置」
+- **调整字号** —— 字号滑块就在对应的字体下面：「正文字号偏移」跟着正文字体、「代码字号偏移」跟着代码字体；再往下是「字重」。拖动松手即生效；改过的字段标「已修改」并可单独重置，卡片底部有「全部重置」
 - **预览** —— 卡片底部的中英混排与代码预览用当前配置渲染
 - 设置保存在 DSH 的设置文档里（`settings.yaml`），跟随配置走
 

package/lib/client.js

@@ -32,9 +32,12 @@ var SANS_FIELD = "sans";
 /** Field carrying the code CSS font-family stack (empty = leave DSH alone). */
 var MONO_FIELD = "mono";
 
-/** Field carrying the global font-size offset in px (0 = leave DSH alone). */
+/** Field carrying the body/UI font-size offset in px (0 = leave DSH alone). */
 var SIZE_FIELD = "sizeOffset";
 
+/** Field carrying the code font-size offset in px (0 = leave DSH alone). */
+var CODE_SIZE_FIELD = "sizeOffsetCode";
+
 /** Field carrying the global font weight (0 = leave DSH alone). */
 var WEIGHT_FIELD = "weight";
 
@@ -61,6 +64,7 @@ var DEFAULTS = {
   sans: "",
   mono: "",
   sizeOffset: 0,
+  sizeOffsetCode: 0,
   weight: WEIGHT_UNSET,
 };
 
@@ -146,13 +150,12 @@ var GENERIC_FAMILIES = [
  * Normalize a configuration-shaped object coming from the settings document,
  * a config layer, or a test fixture.
  * @param {unknown} value - candidate configuration.
- * @returns {{sans: string, mono: string, sizeOffset: number, weight: number}} the normalized config.
+ * @returns {{sans: string, mono: string, sizeOffset: number, sizeOffsetCode: number, weight: number}} the normalized config.
  */
 function normalizeConfig(value) {
   var source = value !== null && typeof value === "object" ? value : {};
-  var size = Number(source[SIZE_FIELD]);
-  if (!isFinite(size)) size = 0;
-  size = Math.round(Math.min(SIZE_MAX, Math.max(SIZE_MIN, size)));
+  var size = clampOffset(source[SIZE_FIELD]);
+  var codeSize = clampOffset(source[CODE_SIZE_FIELD]);
   var weight = Number(source[WEIGHT_FIELD]);
   if (!isFinite(weight)) weight = WEIGHT_UNSET;
   weight = Math.round(weight);
@@ -163,10 +166,22 @@ function normalizeConfig(value) {
   config[SANS_FIELD] = sanitize(source[SANS_FIELD]).slice(0, MAX_STACK_LENGTH);
   config[MONO_FIELD] = sanitize(source[MONO_FIELD]).slice(0, MAX_STACK_LENGTH);
   config[SIZE_FIELD] = size;
+  config[CODE_SIZE_FIELD] = codeSize;
   config[WEIGHT_FIELD] = weight;
   return config;
 }
 
+/**
+ * Clamp one size offset to the allowed range, with 0 for anything unusable.
+ * @param {unknown} value - candidate offset in px.
+ * @returns {number} the offset the stylesheet may use.
+ */
+function clampOffset(value) {
+  var size = Number(value);
+  if (!isFinite(size)) return 0;
+  return Math.round(Math.min(SIZE_MAX, Math.max(SIZE_MIN, size)));
+}
+
 /**
  * Format a family list as a CSS font-family value.
  * @param {readonly string[]} families - family names in precedence order.
@@ -361,7 +376,7 @@ function scaleFor(sizeOffset, base) {
 
 /**
  * Whether a configuration asks for any change at all.
- * @param {{sans: string, mono: string, sizeOffset: number, weight: number}} config - normalized config.
+ * @param {{sans: string, mono: string, sizeOffset: number, sizeOffsetCode: number, weight: number}} config - normalized config.
  * @returns {boolean} true when nothing should be injected.
  */
 function isDormant(config) {
@@ -369,6 +384,7 @@ function isDormant(config) {
     config[SANS_FIELD] === "" &&
     config[MONO_FIELD] === "" &&
     config[SIZE_FIELD] === 0 &&
+    config[CODE_SIZE_FIELD] === 0 &&
     config[WEIGHT_FIELD] === WEIGHT_UNSET
   );
 }
@@ -384,13 +400,22 @@ function isDormant(config) {
  * would never inherit a plain `body` rule. The explicit `body` / `pre,code`
  * rules stay as a second path for elements that hardcode a family.
  *
- * The size offset rewrites DSH's own design tokens rather than every element:
+ * The size offsets rewrite DSH's own design tokens rather than every element:
  * a token whose name ends in `-font-size` or `-line-height` is re-declared as
  * itself multiplied by one scale factor. `baseTokens` supplies the untouched
  * values (read from the live document, falling back to the embedded map), so
  * the ratio composes with DSH's own font-size slider instead of replacing it.
  *
- * @param {{sans: string, mono: string, sizeOffset: number, weight: number}} config - normalized config.
+ * Body and code are two independent axes. Body sizes hang off the content-size
+ * chain (`--dsh-content-font-size` and the `--dsw-font-*` steps), while every
+ * markdown code token is a bare literal (`--dsw-font-markdown-code-block:
+ * 11px/19px …`) that the content chain never touches — so the code axis is the
+ * only thing that moves it, and the body axis deliberately leaves those tokens
+ * alone. Code sizing is consumed through the `font` SHORTHAND tokens (that is
+ * what the shipped stylesheets use), which is why those are re-declared too,
+ * not just their `-font-size` / `-line-height` parts.
+ *
+ * @param {{sans: string, mono: string, sizeOffset: number, sizeOffsetCode: number, weight: number}} config - normalized config.
  * @param {Record<string, string>} [baseTokens] - token name to untouched value.
  * @returns {string} declarations for one `<style>` element ("" when dormant).
  */
@@ -399,6 +424,7 @@ function buildFontCss(config, baseTokens) {
   var sans = formatStack(parseStack(normalized[SANS_FIELD]));
   var mono = formatStack(parseStack(normalized[MONO_FIELD]));
   var offset = normalized[SIZE_FIELD];
+  var codeOffset = normalized[CODE_SIZE_FIELD];
   var weight = normalized[WEIGHT_FIELD];
   if (isDormant(normalized)) return "";
   var declarations = [];
@@ -422,28 +448,17 @@ function buildFontCss(config, baseTokens) {
     );
   }
   if (offset !== 0) {
-    var scale = round(scaleFor(offset), 6);
-    var names = tokenNames(baseTokens);
-    var scaled = [];
-    for (var index = 0; index < names.length; index += 1) {
-      var name = names[index];
-      var base = baseTokens[name];
-      if (typeof base !== "string" || base === "") continue;
-      // A base that itself references another token via var() derives from it:
-      // scaling the var target already scales this one, so re-scaling here
-      // would compound (markdown-base = var(--dsh-content-font-size) would
-      // take the ratio twice). DSH's chain does the work instead.
-      if (base.indexOf("var(") !== -1) continue;
-      // !important: the theme writes `--dsh-content-font-size` INLINE on body,
-      // and an inline declaration outranks a plain stylesheet one — without
-      // the flag body itself would keep DSH's own size while every descendant
-      // scales, splitting the page in two.
-      scaled.push(name + ":calc((" + base + ") * " + scale + ") !important");
-    }
+    var scaled = scaleTokens(bodyTokenNames(baseTokens), baseTokens, round(scaleFor(offset), 6));
     if (scaled.length > 0) {
       declarations.push(bodyAndDescendants(scaled.join(";")));
     }
   }
+  if (codeOffset !== 0) {
+    var scaledCode = scaleCodeTokens(baseTokens, round(scaleFor(codeOffset), 6));
+    if (scaledCode.length > 0) {
+      declarations.push(bodyAndDescendants(scaledCode.join(";")));
+    }
+  }
   if (weight !== WEIGHT_UNSET) {
     // Written as the user chose it: a variable font honors every integer, and
     // a static one rounds to its own nearest step by itself.
@@ -452,6 +467,109 @@ function buildFontCss(config, baseTokens) {
   return declarations.join("\n");
 }
 
+/**
+ * Values a ratio may multiply: a number with a unit, a bare number, or an
+ * expression. A keyword (`unset`, `inherit`) or an unrecognized shape is left
+ * alone instead of being wrapped into an invalid `calc()`.
+ */
+var SCALABLE_VALUE = /^(?:[+-]?(?:\d|\.\d)|calc\(|var\(|min\(|max\(|clamp\()/;
+
+/**
+ * Whether one token value can be multiplied by a scale factor.
+ * @param {string} value - the token's untouched value.
+ * @returns {boolean} true when `calc((value) * scale)` is meaningful.
+ */
+function isScalableValue(value) {
+  return typeof value === "string" && SCALABLE_VALUE.test(value.trim());
+}
+
+/**
+ * Scale one set of tokens by one ratio.
+ *
+ * A base that itself references another token via var() derives from it:
+ * scaling the var target already scales this one, so re-scaling here would
+ * compound (markdown-base = var(--dsh-content-font-size) would take the ratio
+ * twice). DSH's chain does the work instead.
+ *
+ * `!important` is required: the theme writes `--dsh-content-font-size` INLINE on
+ * body, and an inline declaration outranks a plain stylesheet one — without the
+ * flag body itself would keep DSH's own size while every descendant scales,
+ * splitting the page in two.
+ *
+ * @param {string[]} names - token names to re-declare.
+ * @param {Record<string, string>} baseTokens - token name to untouched value.
+ * @param {number} scale - the ratio to apply.
+ * @returns {string[]} declarations.
+ */
+function scaleTokens(names, baseTokens, scale) {
+  var out = [];
+  for (var index = 0; index < names.length; index += 1) {
+    var name = names[index];
+    var base = baseTokens[name];
+    if (typeof base !== "string" || base === "") continue;
+    if (base.indexOf("var(") !== -1) continue;
+    if (!isScalableValue(base)) continue;
+    out.push(name + ":calc((" + base + ") * " + scale + ") !important");
+  }
+  return out;
+}
+
+/**
+ * Re-declare the markdown code tokens at their own ratio.
+ *
+ * Two shapes exist and both must be covered, because the shipped stylesheets
+ * consume the shorthand (`font: var(--dsw-font-markdown-code-block-small)`)
+ * while the split tokens exist for anything that asks for a single part:
+ * `11px/19px <family>` and a bare `11px`.
+ *
+ * @param {Record<string, string>} baseTokens - token name to untouched value.
+ * @param {number} scale - the ratio to apply.
+ * @returns {string[]} declarations.
+ */
+function scaleCodeTokens(baseTokens, scale) {
+  var names = codeTokenNames(baseTokens);
+  var out = [];
+  for (var index = 0; index < names.length; index += 1) {
+    var name = names[index];
+    var base = baseTokens[name];
+    if (typeof base !== "string" || base === "") continue;
+    var shorthand = scaleFontShorthand(base, scale);
+    if (shorthand !== null) {
+      out.push(name + ":" + shorthand + " !important");
+      continue;
+    }
+    // A part token that derives from another token follows that token's own
+    // scaling; re-declaring it here would compound the ratio.
+    if (base.indexOf("var(") !== -1) continue;
+    if (!isScalableValue(base)) continue;
+    out.push(name + ":calc((" + base + ") * " + scale + ") !important");
+  }
+  return out;
+}
+
+/**
+ * Multiply the size and the line height inside one `font` shorthand value,
+ * leaving the family list (and anything else after it) untouched.
+ * @param {string} value - a value shaped like `11px/19px var(--ds-font-family-code)`.
+ * @param {number} scale - the ratio to apply.
+ * @returns {string|null} the scaled shorthand, or null when the shape differs.
+ */
+function scaleFontShorthand(value, scale) {
+  var slash = value.indexOf("/");
+  if (slash <= 0) return null;
+  var size = value.slice(0, slash).trim();
+  var rest = value.slice(slash + 1).trim();
+  var gap = rest.search(/\s/);
+  if (gap <= 0) return null;
+  var height = rest.slice(0, gap).trim();
+  var family = rest.slice(gap + 1).trim();
+  if (size === "" || height === "" || family === "") return null;
+  if (!isScalableValue(size) || !isScalableValue(height)) return null;
+  return (
+    "calc((" + size + ") * " + scale + ")/calc((" + height + ") * " + scale + ") " + family
+  );
+}
+
 /**
  * Match DSH's typography tokens: the design system's sizes plus the content
  * size the theme plugin writes on `body` (whose secondary variant carries a
@@ -483,6 +601,30 @@ function isFontToken(name) {
   return typeof name === "string" && TOKEN_PATTERN.test(name);
 }
 
+/**
+ * Match DSH's markdown code tokens, which are their own sizing axis.
+ *
+ * The theme declares these as literals the content-size chain never reaches
+ * (`--dsw-font-markdown-code:12px/19px …`, `-code-block:11px/19px …`,
+ * `-code-block-small:11px/16px …`), and the shipped stylesheets consume them
+ * through the `font` shorthand. Everything with this prefix therefore belongs
+ * to the code offset and to nothing else.
+ * @param {string} name - custom property name including the leading dashes.
+ * @returns {boolean} true when the token sizes code.
+ */
+function isCodeToken(name) {
+  return typeof name === "string" && name.indexOf("--dsw-font-markdown-code") === 0;
+}
+
+/**
+ * Whether a token is one this plugin re-declares at all.
+ * @param {string} name - custom property name including the leading dashes.
+ * @returns {boolean} true for body sizes, body line heights and code tokens.
+ */
+function isScaledToken(name) {
+  return isFontToken(name) || isCodeToken(name);
+}
+
 /**
  * Ordered token names present in a base map, sizes before line heights so a
  * reader of the stylesheet sees each size next to its height.
@@ -491,7 +633,7 @@ function isFontToken(name) {
  */
 function tokenNames(baseTokens) {
   if (baseTokens === null || typeof baseTokens !== "object") return [];
-  var names = Object.keys(baseTokens).filter(isFontToken);
+  var names = Object.keys(baseTokens).filter(isScaledToken);
   names.sort(function (left, right) {
     if (left.length !== right.length) return left.length - right.length;
     return left < right ? -1 : left > right ? 1 : 0;
@@ -499,6 +641,28 @@ function tokenNames(baseTokens) {
   return names;
 }
 
+/**
+ * The body/UI tokens: everything this plugin scales except the code family,
+ * which answers to its own offset.
+ * @param {Record<string, string>} [baseTokens] - token name to value.
+ * @returns {string[]} the names the body offset re-declares.
+ */
+function bodyTokenNames(baseTokens) {
+  return tokenNames(baseTokens).filter(function (name) {
+    return !isCodeToken(name);
+  });
+}
+
+/**
+ * The code tokens: the `font` shorthands plus their `-font-size` /
+ * `-line-height` parts, when the live stylesheets declare them.
+ * @param {Record<string, string>} [baseTokens] - token name to value.
+ * @returns {string[]} the names the code offset re-declares.
+ */
+function codeTokenNames(baseTokens) {
+  return tokenNames(baseTokens).filter(isCodeToken);
+}
+
 /**
  * Embedded fallback for the tokens the theme plugin defines at runtime.
  *
@@ -546,12 +710,18 @@ var FALLBACK_TOKENS = {
   "--dsw-font-markdown-h3-line-height": "26px",
   "--dsw-font-markdown-h4-font-size": "15px",
   "--dsw-font-markdown-h4-line-height": "24px",
-  "--dsw-font-markdown-code-font-size": "13px",
-  "--dsw-font-markdown-code-line-height": "20px",
-  "--dsw-font-markdown-code-block-font-size": "13px",
-  "--dsw-font-markdown-code-block-line-height": "20px",
-  "--dsw-font-markdown-code-block-small-font-size": "12px",
-  "--dsw-font-markdown-code-block-small-line-height": "18px",
+  // The code family is consumed through the `font` shorthand, so the shorthand
+  // names matter more than their parts — both are listed, at rc.2's values.
+  "--dsw-font-markdown-code": "12px/19px var(--ds-font-family-code)",
+  "--dsw-font-markdown-code-font-size": "12px",
+  "--dsw-font-markdown-code-line-height": "19px",
+  "--dsw-font-markdown-code-block": "11px/19px var(--ds-font-family-code)",
+  "--dsw-font-markdown-code-block": "11px/19px var(--ds-font-family-code)",
+  "--dsw-font-markdown-code-block-font-size": "11px",
+  "--dsw-font-markdown-code-block-line-height": "19px",
+  "--dsw-font-markdown-code-block-small": "11px/16px var(--ds-font-family-code)",
+  "--dsw-font-markdown-code-block-small-font-size": "11px",
+  "--dsw-font-markdown-code-block-small-line-height": "16px",
   "--dsw-font-markdown-table-font-size": "13px",
   "--dsw-font-markdown-table-line-height": "22px",
   "--dsh-content-font-size": "14px",
@@ -638,6 +808,7 @@ var shared = {
   SANS_FIELD: SANS_FIELD,
   MONO_FIELD: MONO_FIELD,
   SIZE_FIELD: SIZE_FIELD,
+  CODE_SIZE_FIELD: CODE_SIZE_FIELD,
   WEIGHT_FIELD: WEIGHT_FIELD,
   SIZE_MIN: SIZE_MIN,
   SIZE_MAX: SIZE_MAX,
@@ -662,6 +833,11 @@ var shared = {
   isDormant: isDormant,
   buildFontCss: buildFontCss,
   isFontToken: isFontToken,
+  isCodeToken: isCodeToken,
+  isScaledToken: isScaledToken,
+  codeTokenNames: codeTokenNames,
+  bodyTokenNames: bodyTokenNames,
+  scaleFontShorthand: scaleFontShorthand,
   isGenericFamilyName: isGenericFamilyName,
   isCJKFamilyName: isCJKFamilyName,
   setWestEntry: setWestEntry,
@@ -713,6 +889,7 @@ var NAMESPACE = shared.NAMESPACE;
 var SANS_FIELD = shared.SANS_FIELD;
 var MONO_FIELD = shared.MONO_FIELD;
 var SIZE_FIELD = shared.SIZE_FIELD;
+var CODE_SIZE_FIELD = shared.CODE_SIZE_FIELD;
 var WEIGHT_FIELD = shared.WEIGHT_FIELD;
 var SIZE_MIN = shared.SIZE_MIN;
 var SIZE_MAX = shared.SIZE_MAX;
@@ -726,6 +903,7 @@ var PRESETS = shared.PRESETS;
 var buildFontCss = shared.buildFontCss;
 var formatStack = shared.formatStack;
 var isFontToken = shared.isFontToken;
+var isScaledToken = shared.isScaledToken;
 var normalizeConfig = shared.normalizeConfig;
 var parseStack = shared.parseStack;
 var quoteFamily = shared.quoteFamily;
@@ -762,7 +940,7 @@ var DICTS = {
   en: {
     "card.title": "Font tune",
     "card.description":
-      "Body and code fonts, a size offset, weight, and a West/CJK split",
+      "Body and code fonts, a size offset for each, weight, and a West/CJK split",
     "card.expand": "Expand",
     "card.collapse": "Collapse",
     "card.resetAll": "Reset all",
@@ -814,9 +992,12 @@ var DICTS = {
     "split.remove": "Remove {name}",
     "split.rest": "Other fallbacks (reorder them in Advanced): {names}",
 
-    "size.label": "Font size offset",
-    "size.hint":
-      "Adds {offset} to every size DSH uses, on top of its own font-size setting. 0 keeps DSH's sizes.",
+    "size.bodyLabel": "Body font size offset",
+    "size.bodyHint":
+      "Adds {offset} to text and interface sizes, on top of DSH's own font-size setting. 0 keeps DSH's sizes.",
+    "size.codeLabel": "Code font size offset",
+    "size.codeHint":
+      "Adds {offset} to code blocks and inline code only; the body offset does not reach them. 0 keeps DSH's sizes.",
     "size.unit": "px",
 
     "weight.label": "Font weight",
@@ -835,7 +1016,7 @@ var DICTS = {
   },
   zh: {
     "card.title": "字体增强",
-    "card.description": "正文与代码字体、字号偏移、字重、中西文分栏",
+    "card.description": "正文与代码字体、各自的字号偏移、字重、中西文分栏",
     "card.expand": "展开",
     "card.collapse": "收起",
     "card.resetAll": "全部重置",
@@ -885,9 +1066,12 @@ var DICTS = {
     "split.remove": "移除 {name}",
     "split.rest": "其余回退项（在高级模式中排序）：{names}",
 
-    "size.label": "字号偏移",
-    "size.hint":
-      "给 DSH 使用的每一档字号统一加 {offset}，与设置里的「字号大小」叠加；0 表示保持原样。",
+    "size.bodyLabel": "正文字号偏移",
+    "size.bodyHint":
+      "给正文与界面文字统一加 {offset}，与设置里的「字号大小」叠加；0 表示保持原样。",
+    "size.codeLabel": "代码字号偏移",
+    "size.codeHint":
+      "只作用于代码块与行内代码，与正文字号互不影响；0 表示保持原样。",
     "size.unit": "px",
 
     "weight.label": "字重",
@@ -1063,7 +1247,7 @@ function isOwnSheet(sheet) {
 }
 
 /**
- * Snapshot the typography tokens the size offset scales.
+ * Snapshot the typography tokens the size offsets scale.
  *
  * Three sources, in rising authority: the embedded fallback map (covers the
  * frame before DSH's runtime tokens exist), declarations read from the
@@ -1073,6 +1257,10 @@ function isOwnSheet(sheet) {
  * rule applies it reports the SCALED values, and feeding those back as bases
  * compounds the offset on every refresh.
  *
+ * Code shorthands (`--dsw-font-markdown-code-block` and friends) are collected
+ * too: they are `font` values rather than `-font-size` tokens, and they are
+ * what the shipped stylesheets actually consume.
+ *
  * @returns {Record<string, string>} token name to its untouched value.
  */
 function readBaseTokens() {
@@ -1101,7 +1289,7 @@ function readBaseTokens() {
         if (!style) continue;
         for (var propertyIndex = 0; propertyIndex < style.length; propertyIndex += 1) {
           var property = style[propertyIndex];
-          if (property.slice(0, 2) !== "--" || !isFontToken(property)) continue;
+          if (property.slice(0, 2) !== "--" || !isScaledToken(property)) continue;
           var declared = style.getPropertyValue(property).trim();
           if (declared !== "") out[property] = declared;
         }
@@ -1122,7 +1310,7 @@ function readBaseTokens() {
     }
     for (var inlineIndex = 0; inlineIndex < inline.length; inlineIndex += 1) {
       var inlineName = inline[inlineIndex];
-      if (inlineName.slice(0, 2) !== "--" || !isFontToken(inlineName)) continue;
+      if (inlineName.slice(0, 2) !== "--" || !isScaledToken(inlineName)) continue;
       var inlineValue = inline.getPropertyValue(inlineName).trim();
       if (inlineValue !== "") out[inlineName] = inlineValue;
     }
@@ -2082,8 +2270,47 @@ function FontCard(props) {
   };
 
   var offset = config[SIZE_FIELD];
+  var codeOffset = config[CODE_SIZE_FIELD];
   var weight = config[WEIGHT_FIELD];
   var offsetText = offset > 0 ? "+" + offset : String(offset);
+  var codeOffsetText = codeOffset > 0 ? "+" + codeOffset : String(codeOffset);
+
+  /**
+   * One size slider, rendered directly under the family it resizes.
+   * @param {object} props - field, label keys, current value and text.
+   * @returns {object} the field shell wrapping the slider.
+   */
+  var sizeField = function (props) {
+    return h(
+      FieldShell,
+      {
+        t: t,
+        label: t(props.labelKey),
+        hint: t(props.hintKey, { offset: props.text }),
+        overridden: overridden(props.field) && props.value !== 0,
+        disabled: !writable,
+        onReset: function () {
+          resetField(props.field);
+        },
+      },
+      h(NumberSlider, {
+        min: SIZE_MIN,
+        max: SIZE_MAX,
+        value: props.value,
+        disabled: !writable,
+        label: t(props.labelKey),
+        readout: props.text + " " + t("size.unit"),
+        minLabel: SIZE_MIN + " " + t("size.unit"),
+        maxLabel: "+" + SIZE_MAX + " " + t("size.unit"),
+        pendingText: function (value) {
+          return (value > 0 ? "+" + value : String(value)) + " " + t("size.unit");
+        },
+        onChange: function (value) {
+          setField(props.field, value);
+        },
+      })
+    );
+  };
 
   return h(
     "li",
@@ -2192,6 +2419,14 @@ function FontCard(props) {
             })
           ),
 
+          sizeField({
+            field: SIZE_FIELD,
+            labelKey: "size.bodyLabel",
+            hintKey: "size.bodyHint",
+            value: offset,
+            text: offsetText,
+          }),
+
           view === "simple"
             ? h(SimpleFamilyField, {
                 t: t,
@@ -2233,35 +2468,13 @@ function FontCard(props) {
             })
           ),
 
-          h(
-            FieldShell,
-            {
-              t: t,
-              label: t("size.label"),
-              hint: t("size.hint", { offset: offsetText }),
-              overridden: overridden(SIZE_FIELD) && offset !== 0,
-              disabled: !writable,
-              onReset: function () {
-                resetField(SIZE_FIELD);
-              },
-            },
-            h(NumberSlider, {
-              min: SIZE_MIN,
-              max: SIZE_MAX,
-              value: offset,
-              disabled: !writable,
-              label: t("size.label"),
-              readout: offsetText + " " + t("size.unit"),
-              minLabel: SIZE_MIN + " " + t("size.unit"),
-              maxLabel: "+" + SIZE_MAX + " " + t("size.unit"),
-              pendingText: function (value) {
-                return (value > 0 ? "+" + value : String(value)) + " " + t("size.unit");
-              },
-              onChange: function (value) {
-                setField(SIZE_FIELD, value);
-              },
-            })
-          ),
+          sizeField({
+            field: CODE_SIZE_FIELD,
+            labelKey: "size.codeLabel",
+            hintKey: "size.codeHint",
+            value: codeOffset,
+            text: codeOffsetText,
+          }),
 
           h(
             FieldShell,
@@ -2348,6 +2561,7 @@ function FontCard(props) {
                   resetField(SANS_FIELD);
                   resetField(MONO_FIELD);
                   resetField(SIZE_FIELD);
+                  resetField(CODE_SIZE_FIELD);
                   resetField(WEIGHT_FIELD);
                 },
               },

package/lib/index.js

@@ -22,6 +22,7 @@ import shared from "./shared.cjs";
 
 const {
   buildFontCss,
+  CODE_SIZE_FIELD,
   FALLBACK_TOKENS,
   MONO_FIELD,
   NAMESPACE,
@@ -51,9 +52,9 @@ const MAX_STACK = 200;
  * The durable settings section.
  *
  * Every field defaults to "leave DSH alone": an empty stack injects no family
- * rule, a zero offset injects no size rule, and a zero weight injects no
- * weight rule. Installing the plugin therefore changes nothing until the user
- * asks for something.
+ * rule, a zero offset injects no size rule on either axis, and a zero weight
+ * injects no weight rule. Installing the plugin therefore changes nothing until
+ * the user asks for something.
  */
 export const Config = z.object({
   [SANS_FIELD]: z
@@ -74,7 +75,15 @@ export const Config = z.object({
     .max(SIZE_MAX)
     .default(0)
     .description(
-      `Global font-size offset in px (${SIZE_MIN}..${SIZE_MAX}, 0 keeps DSH's own sizes)`
+      `Body/UI font-size offset in px (${SIZE_MIN}..${SIZE_MAX}, 0 keeps DSH's own sizes)`
+    ),
+  [CODE_SIZE_FIELD]: z
+    .number()
+    .min(SIZE_MIN)
+    .max(SIZE_MAX)
+    .default(0)
+    .description(
+      `Code font-size offset in px (${SIZE_MIN}..${SIZE_MAX}, 0 keeps DSH's own sizes; independent of the body offset)`
     ),
   [WEIGHT_FIELD]: z
     .number()

package/lib/shared.cjs

@@ -23,9 +23,12 @@ var SANS_FIELD = "sans";
 /** Field carrying the code CSS font-family stack (empty = leave DSH alone). */
 var MONO_FIELD = "mono";
 
-/** Field carrying the global font-size offset in px (0 = leave DSH alone). */
+/** Field carrying the body/UI font-size offset in px (0 = leave DSH alone). */
 var SIZE_FIELD = "sizeOffset";
 
+/** Field carrying the code font-size offset in px (0 = leave DSH alone). */
+var CODE_SIZE_FIELD = "sizeOffsetCode";
+
 /** Field carrying the global font weight (0 = leave DSH alone). */
 var WEIGHT_FIELD = "weight";
 
@@ -52,6 +55,7 @@ var DEFAULTS = {
   sans: "",
   mono: "",
   sizeOffset: 0,
+  sizeOffsetCode: 0,
   weight: WEIGHT_UNSET,
 };
 
@@ -137,13 +141,12 @@ var GENERIC_FAMILIES = [
  * Normalize a configuration-shaped object coming from the settings document,
  * a config layer, or a test fixture.
  * @param {unknown} value - candidate configuration.
- * @returns {{sans: string, mono: string, sizeOffset: number, weight: number}} the normalized config.
+ * @returns {{sans: string, mono: string, sizeOffset: number, sizeOffsetCode: number, weight: number}} the normalized config.
  */
 function normalizeConfig(value) {
   var source = value !== null && typeof value === "object" ? value : {};
-  var size = Number(source[SIZE_FIELD]);
-  if (!isFinite(size)) size = 0;
-  size = Math.round(Math.min(SIZE_MAX, Math.max(SIZE_MIN, size)));
+  var size = clampOffset(source[SIZE_FIELD]);
+  var codeSize = clampOffset(source[CODE_SIZE_FIELD]);
   var weight = Number(source[WEIGHT_FIELD]);
   if (!isFinite(weight)) weight = WEIGHT_UNSET;
   weight = Math.round(weight);
@@ -154,10 +157,22 @@ function normalizeConfig(value) {
   config[SANS_FIELD] = sanitize(source[SANS_FIELD]).slice(0, MAX_STACK_LENGTH);
   config[MONO_FIELD] = sanitize(source[MONO_FIELD]).slice(0, MAX_STACK_LENGTH);
   config[SIZE_FIELD] = size;
+  config[CODE_SIZE_FIELD] = codeSize;
   config[WEIGHT_FIELD] = weight;
   return config;
 }
 
+/**
+ * Clamp one size offset to the allowed range, with 0 for anything unusable.
+ * @param {unknown} value - candidate offset in px.
+ * @returns {number} the offset the stylesheet may use.
+ */
+function clampOffset(value) {
+  var size = Number(value);
+  if (!isFinite(size)) return 0;
+  return Math.round(Math.min(SIZE_MAX, Math.max(SIZE_MIN, size)));
+}
+
 /**
  * Format a family list as a CSS font-family value.
  * @param {readonly string[]} families - family names in precedence order.
@@ -352,7 +367,7 @@ function scaleFor(sizeOffset, base) {
 
 /**
  * Whether a configuration asks for any change at all.
- * @param {{sans: string, mono: string, sizeOffset: number, weight: number}} config - normalized config.
+ * @param {{sans: string, mono: string, sizeOffset: number, sizeOffsetCode: number, weight: number}} config - normalized config.
  * @returns {boolean} true when nothing should be injected.
  */
 function isDormant(config) {
@@ -360,6 +375,7 @@ function isDormant(config) {
     config[SANS_FIELD] === "" &&
     config[MONO_FIELD] === "" &&
     config[SIZE_FIELD] === 0 &&
+    config[CODE_SIZE_FIELD] === 0 &&
     config[WEIGHT_FIELD] === WEIGHT_UNSET
   );
 }
@@ -375,13 +391,22 @@ function isDormant(config) {
  * would never inherit a plain `body` rule. The explicit `body` / `pre,code`
  * rules stay as a second path for elements that hardcode a family.
  *
- * The size offset rewrites DSH's own design tokens rather than every element:
+ * The size offsets rewrite DSH's own design tokens rather than every element:
  * a token whose name ends in `-font-size` or `-line-height` is re-declared as
  * itself multiplied by one scale factor. `baseTokens` supplies the untouched
  * values (read from the live document, falling back to the embedded map), so
  * the ratio composes with DSH's own font-size slider instead of replacing it.
  *
- * @param {{sans: string, mono: string, sizeOffset: number, weight: number}} config - normalized config.
+ * Body and code are two independent axes. Body sizes hang off the content-size
+ * chain (`--dsh-content-font-size` and the `--dsw-font-*` steps), while every
+ * markdown code token is a bare literal (`--dsw-font-markdown-code-block:
+ * 11px/19px …`) that the content chain never touches — so the code axis is the
+ * only thing that moves it, and the body axis deliberately leaves those tokens
+ * alone. Code sizing is consumed through the `font` SHORTHAND tokens (that is
+ * what the shipped stylesheets use), which is why those are re-declared too,
+ * not just their `-font-size` / `-line-height` parts.
+ *
+ * @param {{sans: string, mono: string, sizeOffset: number, sizeOffsetCode: number, weight: number}} config - normalized config.
  * @param {Record<string, string>} [baseTokens] - token name to untouched value.
  * @returns {string} declarations for one `<style>` element ("" when dormant).
  */
@@ -390,6 +415,7 @@ function buildFontCss(config, baseTokens) {
   var sans = formatStack(parseStack(normalized[SANS_FIELD]));
   var mono = formatStack(parseStack(normalized[MONO_FIELD]));
   var offset = normalized[SIZE_FIELD];
+  var codeOffset = normalized[CODE_SIZE_FIELD];
   var weight = normalized[WEIGHT_FIELD];
   if (isDormant(normalized)) return "";
   var declarations = [];
@@ -413,28 +439,17 @@ function buildFontCss(config, baseTokens) {
     );
   }
   if (offset !== 0) {
-    var scale = round(scaleFor(offset), 6);
-    var names = tokenNames(baseTokens);
-    var scaled = [];
-    for (var index = 0; index < names.length; index += 1) {
-      var name = names[index];
-      var base = baseTokens[name];
-      if (typeof base !== "string" || base === "") continue;
-      // A base that itself references another token via var() derives from it:
-      // scaling the var target already scales this one, so re-scaling here
-      // would compound (markdown-base = var(--dsh-content-font-size) would
-      // take the ratio twice). DSH's chain does the work instead.
-      if (base.indexOf("var(") !== -1) continue;
-      // !important: the theme writes `--dsh-content-font-size` INLINE on body,
-      // and an inline declaration outranks a plain stylesheet one — without
-      // the flag body itself would keep DSH's own size while every descendant
-      // scales, splitting the page in two.
-      scaled.push(name + ":calc((" + base + ") * " + scale + ") !important");
-    }
+    var scaled = scaleTokens(bodyTokenNames(baseTokens), baseTokens, round(scaleFor(offset), 6));
     if (scaled.length > 0) {
       declarations.push(bodyAndDescendants(scaled.join(";")));
     }
   }
+  if (codeOffset !== 0) {
+    var scaledCode = scaleCodeTokens(baseTokens, round(scaleFor(codeOffset), 6));
+    if (scaledCode.length > 0) {
+      declarations.push(bodyAndDescendants(scaledCode.join(";")));
+    }
+  }
   if (weight !== WEIGHT_UNSET) {
     // Written as the user chose it: a variable font honors every integer, and
     // a static one rounds to its own nearest step by itself.
@@ -443,6 +458,109 @@ function buildFontCss(config, baseTokens) {
   return declarations.join("\n");
 }
 
+/**
+ * Values a ratio may multiply: a number with a unit, a bare number, or an
+ * expression. A keyword (`unset`, `inherit`) or an unrecognized shape is left
+ * alone instead of being wrapped into an invalid `calc()`.
+ */
+var SCALABLE_VALUE = /^(?:[+-]?(?:\d|\.\d)|calc\(|var\(|min\(|max\(|clamp\()/;
+
+/**
+ * Whether one token value can be multiplied by a scale factor.
+ * @param {string} value - the token's untouched value.
+ * @returns {boolean} true when `calc((value) * scale)` is meaningful.
+ */
+function isScalableValue(value) {
+  return typeof value === "string" && SCALABLE_VALUE.test(value.trim());
+}
+
+/**
+ * Scale one set of tokens by one ratio.
+ *
+ * A base that itself references another token via var() derives from it:
+ * scaling the var target already scales this one, so re-scaling here would
+ * compound (markdown-base = var(--dsh-content-font-size) would take the ratio
+ * twice). DSH's chain does the work instead.
+ *
+ * `!important` is required: the theme writes `--dsh-content-font-size` INLINE on
+ * body, and an inline declaration outranks a plain stylesheet one — without the
+ * flag body itself would keep DSH's own size while every descendant scales,
+ * splitting the page in two.
+ *
+ * @param {string[]} names - token names to re-declare.
+ * @param {Record<string, string>} baseTokens - token name to untouched value.
+ * @param {number} scale - the ratio to apply.
+ * @returns {string[]} declarations.
+ */
+function scaleTokens(names, baseTokens, scale) {
+  var out = [];
+  for (var index = 0; index < names.length; index += 1) {
+    var name = names[index];
+    var base = baseTokens[name];
+    if (typeof base !== "string" || base === "") continue;
+    if (base.indexOf("var(") !== -1) continue;
+    if (!isScalableValue(base)) continue;
+    out.push(name + ":calc((" + base + ") * " + scale + ") !important");
+  }
+  return out;
+}
+
+/**
+ * Re-declare the markdown code tokens at their own ratio.
+ *
+ * Two shapes exist and both must be covered, because the shipped stylesheets
+ * consume the shorthand (`font: var(--dsw-font-markdown-code-block-small)`)
+ * while the split tokens exist for anything that asks for a single part:
+ * `11px/19px <family>` and a bare `11px`.
+ *
+ * @param {Record<string, string>} baseTokens - token name to untouched value.
+ * @param {number} scale - the ratio to apply.
+ * @returns {string[]} declarations.
+ */
+function scaleCodeTokens(baseTokens, scale) {
+  var names = codeTokenNames(baseTokens);
+  var out = [];
+  for (var index = 0; index < names.length; index += 1) {
+    var name = names[index];
+    var base = baseTokens[name];
+    if (typeof base !== "string" || base === "") continue;
+    var shorthand = scaleFontShorthand(base, scale);
+    if (shorthand !== null) {
+      out.push(name + ":" + shorthand + " !important");
+      continue;
+    }
+    // A part token that derives from another token follows that token's own
+    // scaling; re-declaring it here would compound the ratio.
+    if (base.indexOf("var(") !== -1) continue;
+    if (!isScalableValue(base)) continue;
+    out.push(name + ":calc((" + base + ") * " + scale + ") !important");
+  }
+  return out;
+}
+
+/**
+ * Multiply the size and the line height inside one `font` shorthand value,
+ * leaving the family list (and anything else after it) untouched.
+ * @param {string} value - a value shaped like `11px/19px var(--ds-font-family-code)`.
+ * @param {number} scale - the ratio to apply.
+ * @returns {string|null} the scaled shorthand, or null when the shape differs.
+ */
+function scaleFontShorthand(value, scale) {
+  var slash = value.indexOf("/");
+  if (slash <= 0) return null;
+  var size = value.slice(0, slash).trim();
+  var rest = value.slice(slash + 1).trim();
+  var gap = rest.search(/\s/);
+  if (gap <= 0) return null;
+  var height = rest.slice(0, gap).trim();
+  var family = rest.slice(gap + 1).trim();
+  if (size === "" || height === "" || family === "") return null;
+  if (!isScalableValue(size) || !isScalableValue(height)) return null;
+  return (
+    "calc((" + size + ") * " + scale + ")/calc((" + height + ") * " + scale + ") " + family
+  );
+}
+
 /**
  * Match DSH's typography tokens: the design system's sizes plus the content
  * size the theme plugin writes on `body` (whose secondary variant carries a
@@ -474,6 +592,30 @@ function isFontToken(name) {
   return typeof name === "string" && TOKEN_PATTERN.test(name);
 }
 
+/**
+ * Match DSH's markdown code tokens, which are their own sizing axis.
+ *
+ * The theme declares these as literals the content-size chain never reaches
+ * (`--dsw-font-markdown-code:12px/19px …`, `-code-block:11px/19px …`,
+ * `-code-block-small:11px/16px …`), and the shipped stylesheets consume them
+ * through the `font` shorthand. Everything with this prefix therefore belongs
+ * to the code offset and to nothing else.
+ * @param {string} name - custom property name including the leading dashes.
+ * @returns {boolean} true when the token sizes code.
+ */
+function isCodeToken(name) {
+  return typeof name === "string" && name.indexOf("--dsw-font-markdown-code") === 0;
+}
+
+/**
+ * Whether a token is one this plugin re-declares at all.
+ * @param {string} name - custom property name including the leading dashes.
+ * @returns {boolean} true for body sizes, body line heights and code tokens.
+ */
+function isScaledToken(name) {
+  return isFontToken(name) || isCodeToken(name);
+}
+
 /**
  * Ordered token names present in a base map, sizes before line heights so a
  * reader of the stylesheet sees each size next to its height.
@@ -482,7 +624,7 @@ function isFontToken(name) {
  */
 function tokenNames(baseTokens) {
   if (baseTokens === null || typeof baseTokens !== "object") return [];
-  var names = Object.keys(baseTokens).filter(isFontToken);
+  var names = Object.keys(baseTokens).filter(isScaledToken);
   names.sort(function (left, right) {
     if (left.length !== right.length) return left.length - right.length;
     return left < right ? -1 : left > right ? 1 : 0;
@@ -490,6 +632,28 @@ function tokenNames(baseTokens) {
   return names;
 }
 
+/**
+ * The body/UI tokens: everything this plugin scales except the code family,
+ * which answers to its own offset.
+ * @param {Record<string, string>} [baseTokens] - token name to value.
+ * @returns {string[]} the names the body offset re-declares.
+ */
+function bodyTokenNames(baseTokens) {
+  return tokenNames(baseTokens).filter(function (name) {
+    return !isCodeToken(name);
+  });
+}
+
+/**
+ * The code tokens: the `font` shorthands plus their `-font-size` /
+ * `-line-height` parts, when the live stylesheets declare them.
+ * @param {Record<string, string>} [baseTokens] - token name to value.
+ * @returns {string[]} the names the code offset re-declares.
+ */
+function codeTokenNames(baseTokens) {
+  return tokenNames(baseTokens).filter(isCodeToken);
+}
+
 /**
  * Embedded fallback for the tokens the theme plugin defines at runtime.
  *
@@ -537,12 +701,18 @@ var FALLBACK_TOKENS = {
   "--dsw-font-markdown-h3-line-height": "26px",
   "--dsw-font-markdown-h4-font-size": "15px",
   "--dsw-font-markdown-h4-line-height": "24px",
-  "--dsw-font-markdown-code-font-size": "13px",
-  "--dsw-font-markdown-code-line-height": "20px",
-  "--dsw-font-markdown-code-block-font-size": "13px",
-  "--dsw-font-markdown-code-block-line-height": "20px",
-  "--dsw-font-markdown-code-block-small-font-size": "12px",
-  "--dsw-font-markdown-code-block-small-line-height": "18px",
+  // The code family is consumed through the `font` shorthand, so the shorthand
+  // names matter more than their parts — both are listed, at rc.2's values.
+  "--dsw-font-markdown-code": "12px/19px var(--ds-font-family-code)",
+  "--dsw-font-markdown-code-font-size": "12px",
+  "--dsw-font-markdown-code-line-height": "19px",
+  "--dsw-font-markdown-code-block": "11px/19px var(--ds-font-family-code)",
+  "--dsw-font-markdown-code-block": "11px/19px var(--ds-font-family-code)",
+  "--dsw-font-markdown-code-block-font-size": "11px",
+  "--dsw-font-markdown-code-block-line-height": "19px",
+  "--dsw-font-markdown-code-block-small": "11px/16px var(--ds-font-family-code)",
+  "--dsw-font-markdown-code-block-small-font-size": "11px",
+  "--dsw-font-markdown-code-block-small-line-height": "16px",
   "--dsw-font-markdown-table-font-size": "13px",
   "--dsw-font-markdown-table-line-height": "22px",
   "--dsh-content-font-size": "14px",
@@ -629,6 +799,7 @@ var shared = {
   SANS_FIELD: SANS_FIELD,
   MONO_FIELD: MONO_FIELD,
   SIZE_FIELD: SIZE_FIELD,
+  CODE_SIZE_FIELD: CODE_SIZE_FIELD,
   WEIGHT_FIELD: WEIGHT_FIELD,
   SIZE_MIN: SIZE_MIN,
   SIZE_MAX: SIZE_MAX,
@@ -653,6 +824,11 @@ var shared = {
   isDormant: isDormant,
   buildFontCss: buildFontCss,
   isFontToken: isFontToken,
+  isCodeToken: isCodeToken,
+  isScaledToken: isScaledToken,
+  codeTokenNames: codeTokenNames,
+  bodyTokenNames: bodyTokenNames,
+  scaleFontShorthand: scaleFontShorthand,
   isGenericFamilyName: isGenericFamilyName,
   isCJKFamilyName: isCJKFamilyName,
   setWestEntry: setWestEntry,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-fonttune",
-  "version": "0.1.3",
-  "description": "Font plugin for the DeepSeek Harness Web GUI: body and code font families, a global font-size offset, a global font weight, and a West/CJK split picker.",
+  "version": "0.1.4",
+  "description": "Font plugin for the DeepSeek Harness Web GUI: body and code font families, a separate font-size offset for each, a global font weight, and a West/CJK split picker.",
   "type": "module",
   "main": "lib/index.js",
   "exports": {