Download packages/client/ui-theme/src/styles/gradient-shadow-text.css from SaylorTwift/deepseek-harness: direct link, hf CLI and curl.
- Browser
- Download file 14.7 kB
-
https://huggingface.co/SaylorTwift/deepseek-harness/resolve/main/packages/client/ui-theme/src/styles/gradient-shadow-text.css
- Command line
-
hf download hf://SaylorTwift/deepseek-harness/packages/client/ui-theme/src/styles/gradient-shadow-text.css
-
curl -L -o gradient-shadow-text.css https://huggingface.co/SaylorTwift/deepseek-harness/resolve/main/packages/client/ui-theme/src/styles/gradient-shadow-text.css
14.7 kB
| 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; | |
| } | |