ThoughtLite · DSH 皮肤预览

左：浅色 / 右：深色  ·  上游：astro-theme-thought-lite

Light
把这套皮肤应用到我当前的会话里，顺便展示一下 Markdown 的排版。

ThoughtLite 排版

正文用衬线体，行高 1.75，纸面是奶油色 #fdfcf6，墨色是 #2a2a28。链接不靠颜色区分，靠静息下划线。

为什么是这套结构

上游只有一个强调色：文字本身的颜色。所以整套皮肤是单色的，语义状态色保留 GitHub Alert 的四种色相。
  • heading 用 4px / 2px 的横线收口
  • 引用是 4px 的 --shadow-color 竖条
  • 表格用 booktabs 式三条横线
令牌LightDark
canvas#fdfcf6#0e0e0c
ink#2a2a28#dddddb
block#f0ede0#1e1d17
tokens.ts复制
// 令牌覆盖层
export const skin = {
  canvas: "#fffffd",
  ink: "#2a2a28",
  overrideTokens(id, tokens)
}

tip warning caution

给 DeepSeek Harness 发消息… ↑
Dark
把这套皮肤应用到我当前的会话里，顺便展示一下 Markdown 的排版。

ThoughtLite 排版

正文用衬线体，行高 1.75，纸面是奶油色 #fdfcf6，墨色是 #2a2a28。链接不靠颜色区分，靠静息下划线。

为什么是这套结构

上游只有一个强调色：文字本身的颜色。所以整套皮肤是单色的，语义状态色保留 GitHub Alert 的四种色相。
  • heading 用 4px / 2px 的横线收口
  • 引用是 4px 的 --shadow-color 竖条
  • 表格用 booktabs 式三条横线
令牌LightDark
canvas#fdfcf6#0e0e0c
ink#2a2a28#dddddb
block#f0ede0#1e1d17
tokens.ts复制
// 令牌覆盖层
export const skin = {
  canvas: "#fffffd",
  ink: "#2a2a28",
  overrideTokens(id, tokens)
}

tip warning caution

给 DeepSeek Harness 发消息… ↑

这张预览页与插件共用同一份令牌表（src/skin.mjs → node src/build.mjs）， 所以页面上看到的每一个颜色都是 ctx.theme.overrideTokens 实际下发的值。 唯一例外是 theme-color、原生窗口外框等由宿主绘制的部分。