gradient-shadow-text.css 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269
  1. body {
  2. --dsw-linear-gradient-think: linear-gradient(180deg, #fff 20.19%, rgba(255, 255, 255, 0) 100%);
  3. --dsw-linear-think-select: linear-gradient(180deg, #f5f6f7 20.19%, rgba(245, 246, 247, 0) 100%);
  4. /* 阴影 */
  5. --dsw-shadow-lv1: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  6. --dsw-shadow-lv1-blur: 0 4px 12px 0 rgba(0, 0, 0, 0.02);
  7. --dsw-shadow-lv2: 0 4px 12px 0 rgba(0, 0, 0, 0.02), 0 2px 8px 0 rgba(0, 0, 0, 0.04);
  8. --dsw-shadow-lv3:
  9. 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);
  10. /* Elevation:浮层/面板/面型按钮的描边+投影三件套。0.5px 发丝描边画在
  11. box-shadow 里(组件配 border: 0,不占布局),叠两层极淡柔光;深色主题下
  12. 柔光几乎不可见,由描边承担分离。描边颜色经 --dsw-elevation-stroke-color
  13. 间接,组件可重绑(菜单面重绑最浅的 l1、输入框重绑 l2,输入框的
  14. workspace-trigger 态置 transparent 只保留柔光)。soft 供输入框:更大
  15. 模糊、更低透明度的柔光。默认色只声明在 body 上,让表面的重绑沿继承
  16. 传给真正消费投影的后代。 */
  17. --dsw-elevation-stroke-color: var(--dsw-alias-border-l4);
  18. /* blur filter */
  19. --dsw-mask-blur: blur(2px);
  20. }
  21. /* 派生 elevation 值逐元素声明而非从 body 继承:继承传下来的是在 body 上就
  22. 已替换完 var() 的值,组件重绑 --dsw-elevation-stroke-color 将无法进入
  23. var(--dsw-elevation-*);逐元素声明让每个元素按自己看到的描边色重新替换
  24. (同 scrollbar.css 对 --dsh-scrollbar-thumb 的处理)。 */
  25. body,
  26. body * {
  27. --dsw-elevation-stroke: 0 0 0 0.5px var(--dsw-elevation-stroke-color);
  28. --dsw-elevation-panel:
  29. var(--dsw-elevation-stroke), 0 3px 8px 0 rgba(0, 0, 0, 0.03), 0 0 16px 0 rgba(0, 0, 0, 0.02);
  30. --dsw-elevation-prominent:
  31. var(--dsw-elevation-stroke), 0 3px 8px 0 rgba(0, 0, 0, 0.04), 0 0 20px 0 rgba(0, 0, 0, 0.05);
  32. --dsw-elevation-soft:
  33. var(--dsw-elevation-stroke), 0 4px 16px 0 rgba(0, 0, 0, 0.03), 0 0 24px 0 rgba(0, 0, 0, 0.03);
  34. }
  35. body[data-ds-dark-theme] {
  36. --dsw-linear-gradient-think: linear-gradient(180deg, #151517 20.19%, rgba(21, 21, 23, 0) 100%);
  37. --dsw-linear-think-select: linear-gradient(180deg, #232325 20.19%, rgba(35, 35, 37, 0) 100%);
  38. }
  39. /* ---------- 字体 ---------- */
  40. /* 由 @deepseek-figma-plugin/custom-variable-name 插件导出 */
  41. /* Markdown 阶梯整体按 0.875(正文 16 → 14)等比缩放,四舍五入到整数像素;
  42. 重新从 Figma 导出时需要保留这一缩放。 */
  43. /* 正文字号调节:--dsh-content-font-size 由主题 bootstrap 与 ThemePresenter
  44. 写在 body 上(整数 px,12–17,默认 14)。标题与正文变体按同一像素增量
  45. (--dsh-content-font-delta)随动,保持层级。低一档文本(think、工具/bash
  46. 行的标题与摘要、markdown 表格、流内次级说明等)统一读
  47. --dsh-content-font-size-secondary:设置 ≤14 时为设置值 −1,>14 时为
  48. 设置值 −2(12→11、13→12、14→13、15→13、16→14、17→15)。式中
  49. max(13px,·) 的作用是让低设置取 −1 而非 −2,不是结果下限——12 设置下
  50. 层级触底 11px。small、code 属于密集次级文本,保持固定。 */
  51. body {
  52. --dsh-content-font-delta: calc(var(--dsh-content-font-size, 14px) - 14px);
  53. --dsh-content-font-size-secondary: min(calc(var(--dsh-content-font-size, 14px) - 1px), max(13px, calc(var(--dsh-content-font-size, 14px) - 2px)));
  54. --dsh-content-font-delta-secondary: calc(var(--dsh-content-font-size-secondary) - 13px);
  55. --dsw-font-markdown-h1: 700 calc(21px + var(--dsh-content-font-delta)) / calc(30px + var(--dsh-content-font-delta)) var(--dsw-font-family);
  56. --dsw-font-markdown-h1-font-family: var(--dsw-font-family);
  57. --dsw-font-markdown-h1-font-weight: 700;
  58. --dsw-font-markdown-h1-line-height: calc(30px + var(--dsh-content-font-delta));
  59. --dsw-font-markdown-h1-font-size: calc(21px + var(--dsh-content-font-delta));
  60. --dsw-font-markdown-h1-font-style: normal;
  61. --dsw-font-markdown-h2: 700 calc(19px + var(--dsh-content-font-delta)) / calc(28px + var(--dsh-content-font-delta)) var(--dsw-font-family);
  62. --dsw-font-markdown-h2-font-family: var(--dsw-font-family);
  63. --dsw-font-markdown-h2-font-weight: 700;
  64. --dsw-font-markdown-h2-line-height: calc(28px + var(--dsh-content-font-delta));
  65. --dsw-font-markdown-h2-font-size: calc(19px + var(--dsh-content-font-delta));
  66. --dsw-font-markdown-h2-font-style: normal;
  67. --dsw-font-markdown-h3: 700 calc(18px + var(--dsh-content-font-delta)) / calc(26px + var(--dsh-content-font-delta)) var(--dsw-font-family);
  68. --dsw-font-markdown-h3-font-family: var(--dsw-font-family);
  69. --dsw-font-markdown-h3-font-weight: 700;
  70. --dsw-font-markdown-h3-line-height: calc(26px + var(--dsh-content-font-delta));
  71. --dsw-font-markdown-h3-font-size: calc(18px + var(--dsh-content-font-delta));
  72. --dsw-font-markdown-h3-font-style: normal;
  73. --dsw-font-markdown-h4: 600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family);
  74. --dsw-font-markdown-h4-font-family: var(--dsw-font-family);
  75. --dsw-font-markdown-h4-font-weight: 600;
  76. --dsw-font-markdown-h4-line-height: calc(24px + var(--dsh-content-font-delta));
  77. --dsw-font-markdown-h4-font-size: var(--dsh-content-font-size, 14px);
  78. --dsw-font-markdown-h4-font-style: normal;
  79. --dsw-font-markdown-base: var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family);
  80. --dsw-font-markdown-base-font-family: var(--dsw-font-family);
  81. --dsw-font-markdown-base-font-weight: 400;
  82. --dsw-font-markdown-base-line-height: calc(24px + var(--dsh-content-font-delta));
  83. --dsw-font-markdown-base-font-size: var(--dsh-content-font-size, 14px);
  84. --dsw-font-markdown-base-font-style: normal;
  85. --dsw-font-markdown-base-strong: 600 var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family);
  86. --dsw-font-markdown-base-strong-font-family: var(--dsw-font-family);
  87. --dsw-font-markdown-base-strong-font-weight: 600;
  88. --dsw-font-markdown-base-strong-line-height: calc(24px + var(--dsh-content-font-delta));
  89. --dsw-font-markdown-base-strong-font-size: var(--dsh-content-font-size, 14px);
  90. --dsw-font-markdown-base-strong-font-style: normal;
  91. --dsw-font-markdown-base-italic: italic var(--dsh-content-font-size, 14px) / calc(24px + var(--dsh-content-font-delta)) var(--dsw-font-family);
  92. --dsw-font-markdown-base-italic-font-family: var(--dsw-font-family);
  93. --dsw-font-markdown-base-italic-font-weight: 400;
  94. --dsw-font-markdown-base-italic-line-height: calc(24px + var(--dsh-content-font-delta));
  95. --dsw-font-markdown-base-italic-font-size: var(--dsh-content-font-size, 14px);
  96. --dsw-font-markdown-base-italic-font-style: italic;
  97. --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);
  98. --dsw-font-markdown-base-strong-italic-font-family: var(--dsw-font-family);
  99. --dsw-font-markdown-base-strong-italic-font-weight: 600;
  100. --dsw-font-markdown-base-strong-italic-line-height: calc(24px + var(--dsh-content-font-delta));
  101. --dsw-font-markdown-base-strong-italic-font-size: var(--dsh-content-font-size, 14px);
  102. --dsw-font-markdown-base-strong-italic-font-style: italic;
  103. --dsw-font-markdown-table: var(--dsh-content-font-size-secondary, 13px)/calc(22px + var(--dsh-content-font-delta-secondary, 0px)) var(--dsw-font-family);
  104. --dsw-font-markdown-table-font-family: var(--dsw-font-family);
  105. --dsw-font-markdown-table-font-weight: 400;
  106. --dsw-font-markdown-table-line-height: calc(22px + var(--dsh-content-font-delta-secondary, 0px));
  107. --dsw-font-markdown-table-font-size: var(--dsh-content-font-size-secondary, 13px);
  108. --dsw-font-markdown-table-font-style: normal;
  109. --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);
  110. --dsw-font-markdown-table-head-font-family: var(--dsw-font-family);
  111. --dsw-font-markdown-table-head-font-weight: 500;
  112. --dsw-font-markdown-table-head-line-height: calc(22px + var(--dsh-content-font-delta-secondary, 0px));
  113. --dsw-font-markdown-table-head-font-size: var(--dsh-content-font-size-secondary, 13px);
  114. --dsw-font-markdown-table-head-font-style: normal;
  115. --dsw-font-markdown-small: 12px/20px var(--dsw-font-family);
  116. --dsw-font-markdown-small-font-family: var(--dsw-font-family);
  117. --dsw-font-markdown-small-font-weight: 400;
  118. --dsw-font-markdown-small-line-height: 20px;
  119. --dsw-font-markdown-small-font-size: 12px;
  120. --dsw-font-markdown-small-font-style: normal;
  121. --dsw-font-markdown-small-strong: 600 12px/20px var(--dsw-font-family);
  122. --dsw-font-markdown-small-strong-font-family: var(--dsw-font-family);
  123. --dsw-font-markdown-small-strong-font-weight: 600;
  124. --dsw-font-markdown-small-strong-line-height: 20px;
  125. --dsw-font-markdown-small-strong-font-size: 12px;
  126. --dsw-font-markdown-small-strong-font-style: normal;
  127. --dsw-font-markdown-small-italic: italic 12px/20px var(--dsw-font-family);
  128. --dsw-font-markdown-small-italic-font-family: var(--dsw-font-family);
  129. --dsw-font-markdown-small-italic-font-weight: 400;
  130. --dsw-font-markdown-small-italic-line-height: 20px;
  131. --dsw-font-markdown-small-italic-font-size: 12px;
  132. --dsw-font-markdown-small-italic-font-style: italic;
  133. --dsw-font-markdown-small-strong-italic: italic 600 12px/20px var(--dsw-font-family);
  134. --dsw-font-markdown-small-strong-italic-font-family: var(--dsw-font-family);
  135. --dsw-font-markdown-small-strong-italic-font-weight: 600;
  136. --dsw-font-markdown-small-strong-italic-line-height: 20px;
  137. --dsw-font-markdown-small-strong-italic-font-size: 12px;
  138. --dsw-font-markdown-small-strong-italic-font-style: italic;
  139. --dsw-font-markdown-code: 12px/19px var(--ds-font-family-code);
  140. --dsw-font-markdown-code-font-family: var(--ds-font-family-code);
  141. --dsw-font-markdown-code-font-weight: 400;
  142. --dsw-font-markdown-code-line-height: 19px;
  143. --dsw-font-markdown-code-font-size: 12px;
  144. --dsw-font-markdown-code-font-style: normal;
  145. --dsw-font-markdown-code-block: 11px/19px var(--ds-font-family-code);
  146. --dsw-font-markdown-code-block-font-family: var(--ds-font-family-code);
  147. --dsw-font-markdown-code-block-font-weight: 400;
  148. --dsw-font-markdown-code-block-line-height: 19px;
  149. --dsw-font-markdown-code-block-font-size: 11px;
  150. --dsw-font-markdown-code-block-font-style: normal;
  151. /* 手工补充(非插件导出):tool row 展开卡片内的小号 code 字体。 */
  152. --dsw-font-markdown-code-block-small: 11px/16px var(--ds-font-family-code);
  153. --dsw-font-markdown-code-block-small-font-family: var(--ds-font-family-code);
  154. --dsw-font-markdown-code-block-small-font-weight: 400;
  155. --dsw-font-markdown-code-block-small-line-height: 16px;
  156. --dsw-font-markdown-code-block-small-font-size: 11px;
  157. --dsw-font-markdown-code-block-small-font-style: normal;
  158. --dsw-font-xl-24: 600 24px/32px var(--dsw-font-family);
  159. --dsw-font-xl-24-font-family: var(--dsw-font-family);
  160. --dsw-font-xl-24-font-weight: 600;
  161. --dsw-font-xl-24-line-height: 32px;
  162. --dsw-font-xl-24-font-size: 24px;
  163. --dsw-font-xl-24-font-style: normal;
  164. --dsw-font-l-20: 500 20px/28px var(--dsw-font-family);
  165. --dsw-font-l-20-font-family: var(--dsw-font-family);
  166. --dsw-font-l-20-font-weight: 500;
  167. --dsw-font-l-20-line-height: 28px;
  168. --dsw-font-l-20-font-size: 20px;
  169. --dsw-font-l-20-font-style: normal;
  170. --dsw-font-m-18: 500 16px/28px var(--dsw-font-family);
  171. --dsw-font-m-18-font-family: var(--dsw-font-family);
  172. --dsw-font-m-18-font-weight: 500;
  173. --dsw-font-m-18-line-height: 28px;
  174. --dsw-font-m-18-font-size: 16px;
  175. --dsw-font-m-18-font-style: normal;
  176. --dsw-font-base-16: 16px/24px var(--dsw-font-family);
  177. --dsw-font-base-16-font-family: var(--dsw-font-family);
  178. --dsw-font-base-16-font-weight: 400;
  179. --dsw-font-base-16-line-height: 24px;
  180. --dsw-font-base-16-font-size: 16px;
  181. --dsw-font-base-16-font-style: normal;
  182. --dsw-font-base-strong-16: 500 16px/24px var(--dsw-font-family);
  183. --dsw-font-base-strong-16-font-family: var(--dsw-font-family);
  184. --dsw-font-base-strong-16-font-weight: 500;
  185. --dsw-font-base-strong-16-line-height: 24px;
  186. --dsw-font-base-strong-16-font-size: 16px;
  187. --dsw-font-base-strong-16-font-style: normal;
  188. --dsw-font-s-14: 14px/22px var(--dsw-font-family);
  189. --dsw-font-s-14-font-family: var(--dsw-font-family);
  190. --dsw-font-s-14-font-weight: 400;
  191. --dsw-font-s-14-line-height: 22px;
  192. --dsw-font-s-14-font-size: 14px;
  193. --dsw-font-s-14-font-style: normal;
  194. --dsw-font-s-strong-14: 500 14px/22px var(--dsw-font-family);
  195. --dsw-font-s-strong-14-font-family: var(--dsw-font-family);
  196. --dsw-font-s-strong-14-font-weight: 500;
  197. --dsw-font-s-strong-14-line-height: 22px;
  198. --dsw-font-s-strong-14-font-size: 14px;
  199. --dsw-font-s-strong-14-font-style: normal;
  200. --dsw-font-xs-13: 13px/20px var(--dsw-font-family);
  201. --dsw-font-xs-13-font-family: var(--dsw-font-family);
  202. --dsw-font-xs-13-font-weight: 400;
  203. --dsw-font-xs-13-line-height: 20px;
  204. --dsw-font-xs-13-font-size: 13px;
  205. --dsw-font-xs-13-font-style: normal;
  206. --dsw-font-xs-strong-13: 500 13px/20px var(--dsw-font-family);
  207. --dsw-font-xs-strong-13-font-family: var(--dsw-font-family);
  208. --dsw-font-xs-strong-13-font-weight: 500;
  209. --dsw-font-xs-strong-13-line-height: 20px;
  210. --dsw-font-xs-strong-13-font-size: 13px;
  211. --dsw-font-xs-strong-13-font-style: normal;
  212. --dsw-font-xxs-12: 12px/18px var(--dsw-font-family);
  213. --dsw-font-xxs-12-font-family: var(--dsw-font-family);
  214. --dsw-font-xxs-12-font-weight: 400;
  215. --dsw-font-xxs-12-line-height: 18px;
  216. --dsw-font-xxs-12-font-size: 12px;
  217. --dsw-font-xxs-12-font-style: normal;
  218. --dsw-font-xxs-strong-12: 500 12px/18px var(--dsw-font-family);
  219. --dsw-font-xxs-strong-12-font-family: var(--dsw-font-family);
  220. --dsw-font-xxs-strong-12-font-weight: 500;
  221. --dsw-font-xxs-strong-12-line-height: 18px;
  222. --dsw-font-xxs-strong-12-font-size: 12px;
  223. --dsw-font-xxs-strong-12-font-style: normal;
  224. --dsw-font-xxxs-11: 11px/14px var(--dsw-font-family);
  225. --dsw-font-xxxs-11-font-family: var(--dsw-font-family);
  226. --dsw-font-xxxs-11-font-weight: 400;
  227. --dsw-font-xxxs-11-line-height: 14px;
  228. --dsw-font-xxxs-11-font-size: 11px;
  229. --dsw-font-xxxs-11-font-style: normal;
  230. --dsw-font-xxxs-strong-11: 500 11px/14px var(--dsw-font-family);
  231. --dsw-font-xxxs-strong-11-font-family: var(--dsw-font-family);
  232. --dsw-font-xxxs-strong-11-font-weight: 500;
  233. --dsw-font-xxxs-strong-11-line-height: 14px;
  234. --dsw-font-xxxs-strong-11-font-size: 11px;
  235. --dsw-font-xxxs-strong-11-font-style: normal;
  236. }