From 03e19c4cd43227f4292cd511f0c47be3901cbf4a Mon Sep 17 00:00:00 2001 From: Menghuan1918 Date: Sun, 6 Sep 2026 23:44:56 +0800 Subject: [PATCH] fix(changes): use real skin tokens in the preview-pane additions MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .htmlFrame hardcoded #fff -> var(--dsw-alias-bg-base) (mirrors the editor's .editorHtml); .redactBanner referenced --dsw-alias-state-warning-primary, which does not exist in the DSW vocabulary (it is state-warn-*), so the var() always fell through to a hardcoded #b8860b — use the real token with no literal fallback. --- src/client/changes/changes.module.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/client/changes/changes.module.css b/src/client/changes/changes.module.css index 4236122..b64aed6 100644 --- a/src/client/changes/changes.module.css +++ b/src/client/changes/changes.module.css @@ -342,13 +342,13 @@ /* ── Shared preview pane ───────────────────────────────────────────────── */ -.redactBanner { flex: none; font: var(--dsw-font-xxxs-strong-11); padding: 2px 8px; border-radius: 7px; color: var(--dsw-alias-state-warning-primary, #b8860b); background: var(--dsw-alias-interactive-bg-hover); white-space: nowrap; } +.redactBanner { flex: none; font: var(--dsw-font-xxxs-strong-11); padding: 2px 8px; border-radius: 7px; color: var(--dsw-alias-state-warn-primary); background: var(--dsw-alias-interactive-bg-hover); white-space: nowrap; } .mdToggle { flex: none; border: 1px solid var(--dsw-alias-border-l1); border-radius: 7px; background: transparent; color: var(--dsw-alias-label-secondary); font: var(--dsw-font-xxxs-strong-11); padding: 2px 8px; cursor: pointer; } .mdToggle:hover { background: var(--dsw-alias-interactive-bg-hover); color: var(--dsw-alias-label-primary); } .mdToggle[data-on='true'] { border-color: var(--dsw-alias-state-business-primary); color: var(--dsw-alias-state-business-primary); } .mdBody { padding: 12px 16px 20px; font: var(--dsw-font-xs-regular-13); line-height: 1.6; min-height: 0; overflow-y: auto; } .htmlPane { flex: 1; min-height: 0; display: flex; } -.htmlFrame { flex: 1; width: 100%; border: 0; background: #fff; } +.htmlFrame { flex: 1; width: 100%; border: none; background: var(--dsw-alias-bg-base); } .diffPane { border-top: 1px solid var(--dsw-alias-border-l1); display: flex; flex-direction: column; flex: none; min-height: 0; } .dragHandle { flex: none; height: 8px; cursor: ns-resize; position: relative; background: var(--dsw-alias-bg-base); }