mirror of
https://github.com/deepseek-ai/deepseek-harness.git
synced 2026-09-11 04:00:38 +00:00
yx.zhang
3ce5604a71
The composer hairline moves one step up from the menus' l1; the seven menu-fill dropdown cards grow from 16px to 20px corners. Notes and the token comment record the new layering.
270 lines
14 KiB
CSS
270 lines
14 KiB
CSS
body {
|
||
--dsw-linear-gradient-think: linear-gradient(180deg, #fff 20.19%, rgba(255, 255, 255, 0) 100%);
|
||
--dsw-linear-think-select: linear-gradient(180deg, #f5f6f7 20.19%, rgba(245, 246, 247, 0) 100%);
|
||
/* 阴影 */
|
||
--dsw-shadow-lv1: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
|
||
--dsw-shadow-lv1-blur: 0 4px 12px 0 rgba(0, 0, 0, 0.02);
|
||
--dsw-shadow-lv2: 0 4px 12px 0 rgba(0, 0, 0, 0.02), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
|
||
--dsw-shadow-lv3:
|
||
0 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 4px 0 rgba(0, 0, 0, 0.02), 0 12px 32px 0 rgba(0, 0, 0, 0.08);
|
||
/* Elevation：浮层/面板/面型按钮的描边+投影三件套。0.5px 发丝描边画在
|
||
box-shadow 里（组件配 border: 0，不占布局），叠两层极淡柔光；深色主题下
|
||
柔光几乎不可见，由描边承担分离。描边颜色经 --dsw-elevation-stroke-color
|
||
间接，组件可重绑（菜单面重绑最浅的 l1、输入框重绑 l2，输入框的
|
||
workspace-trigger 态置 transparent 只保留柔光）。soft 供输入框：更大
|
||
模糊、更低透明度的柔光。默认色只声明在 body 上，让表面的重绑沿继承
|
||
传给真正消费投影的后代。 */
|
||
--dsw-elevation-stroke-color: var(--dsw-alias-border-l4);
|
||
/* blur filter */
|
||
--dsw-mask-blur: blur(2px);
|
||
}
|
||
|
||
/* 派生 elevation 值逐元素声明而非从 body 继承：继承传下来的是在 body 上就
|
||
已替换完 var() 的值，组件重绑 --dsw-elevation-stroke-color 将无法进入
|
||
var(--dsw-elevation-*)；逐元素声明让每个元素按自己看到的描边色重新替换
|
||
（同 scrollbar.css 对 --dsh-scrollbar-thumb 的处理）。 */
|
||
body,
|
||
body * {
|
||
--dsw-elevation-stroke: 0 0 0 0.5px var(--dsw-elevation-stroke-color);
|
||
--dsw-elevation-panel:
|
||
var(--dsw-elevation-stroke), 0 3px 8px 0 rgba(0, 0, 0, 0.03), 0 0 16px 0 rgba(0, 0, 0, 0.02);
|
||
--dsw-elevation-prominent:
|
||
var(--dsw-elevation-stroke), 0 3px 8px 0 rgba(0, 0, 0, 0.04), 0 0 20px 0 rgba(0, 0, 0, 0.05);
|
||
--dsw-elevation-soft:
|
||
var(--dsw-elevation-stroke), 0 4px 16px 0 rgba(0, 0, 0, 0.03), 0 0 24px 0 rgba(0, 0, 0, 0.03);
|
||
}
|
||
|
||
body[data-ds-dark-theme] {
|
||
--dsw-linear-gradient-think: linear-gradient(180deg, #151517 20.19%, rgba(21, 21, 23, 0) 100%);
|
||
--dsw-linear-think-select: linear-gradient(180deg, #232325 20.19%, rgba(35, 35, 37, 0) 100%);
|
||
}
|
||
|
||
/* ---------- 字体 ---------- */
|
||
/* 由 @deepseek-figma-plugin/custom-variable-name 插件导出 */
|
||
/* Markdown 阶梯整体按 0.875（正文 16 → 14）等比缩放，四舍五入到整数像素；
|
||
重新从 Figma 导出时需要保留这一缩放。 */
|
||
/* 正文字号调节：--dsh-content-font-size 由主题 bootstrap 与 ThemePresenter
|
||
写在 body 上（整数 px，12–17，默认 14）。标题与正文变体按同一像素增量
|
||
（--dsh-content-font-delta）随动，保持层级。低一档文本（think、工具/bash
|
||
行的标题与摘要、markdown 表格、流内次级说明等）统一读
|
||
--dsh-content-font-size-secondary：设置 ≤14 时为设置值 −1，>14 时为
|
||
设置值 −2（12→11、13→12、14→13、15→13、16→14、17→15）。式中
|
||
max(13px,·) 的作用是让低设置取 −1 而非 −2，不是结果下限——12 设置下
|
||
层级触底 11px。small、code 属于密集次级文本，保持固定。 */
|
||
body {
|
||
--dsh-content-font-delta: calc(var(--dsh-content-font-size, 14px) - 14px);
|
||
--dsh-content-font-size-secondary: min(calc(var(--dsh-content-font-size, 14px) - 1px), max(13px, calc(var(--dsh-content-font-size, 14px) - 2px)));
|
||
--dsh-content-font-delta-secondary: calc(var(--dsh-content-font-size-secondary) - 13px);
|
||
|
||
--dsw-font-markdown-h1: 700 calc(21px + var(--dsh-content-font-delta)) / calc(30px + var(--dsh-content-font-delta)) var(--dsw-font-family);
|
||
--dsw-font-markdown-h1-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-h1-font-weight: 700;
|
||
--dsw-font-markdown-h1-line-height: calc(30px + var(--dsh-content-font-delta));
|
||
--dsw-font-markdown-h1-font-size: calc(21px + var(--dsh-content-font-delta));
|
||
--dsw-font-markdown-h1-font-style: normal;
|
||
|
||
--dsw-font-markdown-h2: 700 calc(19px + var(--dsh-content-font-delta)) / calc(28px + var(--dsh-content-font-delta)) var(--dsw-font-family);
|
||
--dsw-font-markdown-h2-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-h2-font-weight: 700;
|
||
--dsw-font-markdown-h2-line-height: calc(28px + var(--dsh-content-font-delta));
|
||
--dsw-font-markdown-h2-font-size: calc(19px + var(--dsh-content-font-delta));
|
||
--dsw-font-markdown-h2-font-style: normal;
|
||
|
||
--dsw-font-markdown-h3: 700 calc(18px + var(--dsh-content-font-delta)) / calc(26px + var(--dsh-content-font-delta)) var(--dsw-font-family);
|
||
--dsw-font-markdown-h3-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-h3-font-weight: 700;
|
||
--dsw-font-markdown-h3-line-height: calc(26px + var(--dsh-content-font-delta));
|
||
--dsw-font-markdown-h3-font-size: calc(18px + var(--dsh-content-font-delta));
|
||
--dsw-font-markdown-h3-font-style: normal;
|
||
|
||
--dsw-font-markdown-h4: 600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family);
|
||
--dsw-font-markdown-h4-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-h4-font-weight: 600;
|
||
--dsw-font-markdown-h4-line-height: calc(24px + var(--dsh-content-font-delta));
|
||
--dsw-font-markdown-h4-font-size: var(--dsh-content-font-size, 14px);
|
||
--dsw-font-markdown-h4-font-style: normal;
|
||
|
||
--dsw-font-markdown-base: var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family);
|
||
--dsw-font-markdown-base-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-base-font-weight: 400;
|
||
--dsw-font-markdown-base-line-height: calc(24px + var(--dsh-content-font-delta));
|
||
--dsw-font-markdown-base-font-size: var(--dsh-content-font-size, 14px);
|
||
--dsw-font-markdown-base-font-style: normal;
|
||
|
||
--dsw-font-markdown-base-strong: 600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family);
|
||
--dsw-font-markdown-base-strong-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-base-strong-font-weight: 600;
|
||
--dsw-font-markdown-base-strong-line-height: calc(24px + var(--dsh-content-font-delta));
|
||
--dsw-font-markdown-base-strong-font-size: var(--dsh-content-font-size, 14px);
|
||
--dsw-font-markdown-base-strong-font-style: normal;
|
||
|
||
--dsw-font-markdown-base-italic: italic var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family);
|
||
--dsw-font-markdown-base-italic-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-base-italic-font-weight: 400;
|
||
--dsw-font-markdown-base-italic-line-height: calc(24px + var(--dsh-content-font-delta));
|
||
--dsw-font-markdown-base-italic-font-size: var(--dsh-content-font-size, 14px);
|
||
--dsw-font-markdown-base-italic-font-style: italic;
|
||
|
||
--dsw-font-markdown-base-strong-italic: italic 600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family);
|
||
--dsw-font-markdown-base-strong-italic-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-base-strong-italic-font-weight: 600;
|
||
--dsw-font-markdown-base-strong-italic-line-height: calc(24px + var(--dsh-content-font-delta));
|
||
--dsw-font-markdown-base-strong-italic-font-size: var(--dsh-content-font-size, 14px);
|
||
--dsw-font-markdown-base-strong-italic-font-style: italic;
|
||
|
||
--dsw-font-markdown-table: var(--dsh-content-font-size-secondary, 13px)/calc(22px + var(--dsh-content-font-delta-secondary, 0px)) var(--dsw-font-family);
|
||
--dsw-font-markdown-table-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-table-font-weight: 400;
|
||
--dsw-font-markdown-table-line-height: calc(22px + var(--dsh-content-font-delta-secondary, 0px));
|
||
--dsw-font-markdown-table-font-size: var(--dsh-content-font-size-secondary, 13px);
|
||
--dsw-font-markdown-table-font-style: normal;
|
||
|
||
--dsw-font-markdown-table-head: 500 var(--dsh-content-font-size-secondary, 13px)/calc(22px + var(--dsh-content-font-delta-secondary, 0px)) var(--dsw-font-family);
|
||
--dsw-font-markdown-table-head-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-table-head-font-weight: 500;
|
||
--dsw-font-markdown-table-head-line-height: calc(22px + var(--dsh-content-font-delta-secondary, 0px));
|
||
--dsw-font-markdown-table-head-font-size: var(--dsh-content-font-size-secondary, 13px);
|
||
--dsw-font-markdown-table-head-font-style: normal;
|
||
|
||
--dsw-font-markdown-small: 12px/20px var(--dsw-font-family);
|
||
--dsw-font-markdown-small-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-small-font-weight: 400;
|
||
--dsw-font-markdown-small-line-height: 20px;
|
||
--dsw-font-markdown-small-font-size: 12px;
|
||
--dsw-font-markdown-small-font-style: normal;
|
||
|
||
--dsw-font-markdown-small-strong: 600 12px/20px var(--dsw-font-family);
|
||
--dsw-font-markdown-small-strong-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-small-strong-font-weight: 600;
|
||
--dsw-font-markdown-small-strong-line-height: 20px;
|
||
--dsw-font-markdown-small-strong-font-size: 12px;
|
||
--dsw-font-markdown-small-strong-font-style: normal;
|
||
|
||
--dsw-font-markdown-small-italic: italic 12px/20px var(--dsw-font-family);
|
||
--dsw-font-markdown-small-italic-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-small-italic-font-weight: 400;
|
||
--dsw-font-markdown-small-italic-line-height: 20px;
|
||
--dsw-font-markdown-small-italic-font-size: 12px;
|
||
--dsw-font-markdown-small-italic-font-style: italic;
|
||
|
||
--dsw-font-markdown-small-strong-italic: italic 600 12px/20px var(--dsw-font-family);
|
||
--dsw-font-markdown-small-strong-italic-font-family: var(--dsw-font-family);
|
||
--dsw-font-markdown-small-strong-italic-font-weight: 600;
|
||
--dsw-font-markdown-small-strong-italic-line-height: 20px;
|
||
--dsw-font-markdown-small-strong-italic-font-size: 12px;
|
||
--dsw-font-markdown-small-strong-italic-font-style: italic;
|
||
|
||
--dsw-font-markdown-code: 12px/19px var(--ds-font-family-code);
|
||
--dsw-font-markdown-code-font-family: var(--ds-font-family-code);
|
||
--dsw-font-markdown-code-font-weight: 400;
|
||
--dsw-font-markdown-code-line-height: 19px;
|
||
--dsw-font-markdown-code-font-size: 12px;
|
||
--dsw-font-markdown-code-font-style: normal;
|
||
|
||
--dsw-font-markdown-code-block: 11px/19px var(--ds-font-family-code);
|
||
--dsw-font-markdown-code-block-font-family: var(--ds-font-family-code);
|
||
--dsw-font-markdown-code-block-font-weight: 400;
|
||
--dsw-font-markdown-code-block-line-height: 19px;
|
||
--dsw-font-markdown-code-block-font-size: 11px;
|
||
--dsw-font-markdown-code-block-font-style: normal;
|
||
|
||
/* 手工补充（非插件导出）：tool row 展开卡片内的小号 code 字体。 */
|
||
--dsw-font-markdown-code-block-small: 11px/16px var(--ds-font-family-code);
|
||
--dsw-font-markdown-code-block-small-font-family: var(--ds-font-family-code);
|
||
--dsw-font-markdown-code-block-small-font-weight: 400;
|
||
--dsw-font-markdown-code-block-small-line-height: 16px;
|
||
--dsw-font-markdown-code-block-small-font-size: 11px;
|
||
--dsw-font-markdown-code-block-small-font-style: normal;
|
||
|
||
--dsw-font-xl-24: 600 24px/32px var(--dsw-font-family);
|
||
--dsw-font-xl-24-font-family: var(--dsw-font-family);
|
||
--dsw-font-xl-24-font-weight: 600;
|
||
--dsw-font-xl-24-line-height: 32px;
|
||
--dsw-font-xl-24-font-size: 24px;
|
||
--dsw-font-xl-24-font-style: normal;
|
||
|
||
--dsw-font-l-20: 500 20px/28px var(--dsw-font-family);
|
||
--dsw-font-l-20-font-family: var(--dsw-font-family);
|
||
--dsw-font-l-20-font-weight: 500;
|
||
--dsw-font-l-20-line-height: 28px;
|
||
--dsw-font-l-20-font-size: 20px;
|
||
--dsw-font-l-20-font-style: normal;
|
||
|
||
--dsw-font-m-18: 500 16px/28px var(--dsw-font-family);
|
||
--dsw-font-m-18-font-family: var(--dsw-font-family);
|
||
--dsw-font-m-18-font-weight: 500;
|
||
--dsw-font-m-18-line-height: 28px;
|
||
--dsw-font-m-18-font-size: 16px;
|
||
--dsw-font-m-18-font-style: normal;
|
||
|
||
--dsw-font-base-16: 16px/24px var(--dsw-font-family);
|
||
--dsw-font-base-16-font-family: var(--dsw-font-family);
|
||
--dsw-font-base-16-font-weight: 400;
|
||
--dsw-font-base-16-line-height: 24px;
|
||
--dsw-font-base-16-font-size: 16px;
|
||
--dsw-font-base-16-font-style: normal;
|
||
|
||
--dsw-font-base-strong-16: 500 16px/24px var(--dsw-font-family);
|
||
--dsw-font-base-strong-16-font-family: var(--dsw-font-family);
|
||
--dsw-font-base-strong-16-font-weight: 500;
|
||
--dsw-font-base-strong-16-line-height: 24px;
|
||
--dsw-font-base-strong-16-font-size: 16px;
|
||
--dsw-font-base-strong-16-font-style: normal;
|
||
|
||
--dsw-font-s-14: 14px/22px var(--dsw-font-family);
|
||
--dsw-font-s-14-font-family: var(--dsw-font-family);
|
||
--dsw-font-s-14-font-weight: 400;
|
||
--dsw-font-s-14-line-height: 22px;
|
||
--dsw-font-s-14-font-size: 14px;
|
||
--dsw-font-s-14-font-style: normal;
|
||
|
||
--dsw-font-s-strong-14: 500 14px/22px var(--dsw-font-family);
|
||
--dsw-font-s-strong-14-font-family: var(--dsw-font-family);
|
||
--dsw-font-s-strong-14-font-weight: 500;
|
||
--dsw-font-s-strong-14-line-height: 22px;
|
||
--dsw-font-s-strong-14-font-size: 14px;
|
||
--dsw-font-s-strong-14-font-style: normal;
|
||
|
||
--dsw-font-xs-13: 13px/20px var(--dsw-font-family);
|
||
--dsw-font-xs-13-font-family: var(--dsw-font-family);
|
||
--dsw-font-xs-13-font-weight: 400;
|
||
--dsw-font-xs-13-line-height: 20px;
|
||
--dsw-font-xs-13-font-size: 13px;
|
||
--dsw-font-xs-13-font-style: normal;
|
||
|
||
--dsw-font-xs-strong-13: 500 13px/20px var(--dsw-font-family);
|
||
--dsw-font-xs-strong-13-font-family: var(--dsw-font-family);
|
||
--dsw-font-xs-strong-13-font-weight: 500;
|
||
--dsw-font-xs-strong-13-line-height: 20px;
|
||
--dsw-font-xs-strong-13-font-size: 13px;
|
||
--dsw-font-xs-strong-13-font-style: normal;
|
||
|
||
--dsw-font-xxs-12: 12px/18px var(--dsw-font-family);
|
||
--dsw-font-xxs-12-font-family: var(--dsw-font-family);
|
||
--dsw-font-xxs-12-font-weight: 400;
|
||
--dsw-font-xxs-12-line-height: 18px;
|
||
--dsw-font-xxs-12-font-size: 12px;
|
||
--dsw-font-xxs-12-font-style: normal;
|
||
|
||
--dsw-font-xxs-strong-12: 500 12px/18px var(--dsw-font-family);
|
||
--dsw-font-xxs-strong-12-font-family: var(--dsw-font-family);
|
||
--dsw-font-xxs-strong-12-font-weight: 500;
|
||
--dsw-font-xxs-strong-12-line-height: 18px;
|
||
--dsw-font-xxs-strong-12-font-size: 12px;
|
||
--dsw-font-xxs-strong-12-font-style: normal;
|
||
|
||
--dsw-font-xxxs-11: 11px/14px var(--dsw-font-family);
|
||
--dsw-font-xxxs-11-font-family: var(--dsw-font-family);
|
||
--dsw-font-xxxs-11-font-weight: 400;
|
||
--dsw-font-xxxs-11-line-height: 14px;
|
||
--dsw-font-xxxs-11-font-size: 11px;
|
||
--dsw-font-xxxs-11-font-style: normal;
|
||
|
||
--dsw-font-xxxs-strong-11: 500 11px/14px var(--dsw-font-family);
|
||
--dsw-font-xxxs-strong-11-font-family: var(--dsw-font-family);
|
||
--dsw-font-xxxs-strong-11-font-weight: 500;
|
||
--dsw-font-xxxs-strong-11-line-height: 14px;
|
||
--dsw-font-xxxs-strong-11-font-size: 11px;
|
||
--dsw-font-xxxs-strong-11-font-style: normal;
|
||
}
|