@primer/primitives 7.17.0-rc.34cd1021 → 7.17.0-rc.39874fc0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (231) hide show
  1. package/README.md +1 -1
  2. package/build.js +578 -0
  3. package/dist/css/functional/themes/dark-colorblind.css +0 -10
  4. package/dist/css/functional/themes/dark-dimmed.css +0 -10
  5. package/dist/css/functional/themes/dark-high-contrast.css +0 -10
  6. package/dist/css/functional/themes/dark-tritanopia.css +0 -10
  7. package/dist/css/functional/themes/dark.css +0 -10
  8. package/dist/css/functional/themes/light-colorblind.css +0 -10
  9. package/dist/css/functional/themes/light-high-contrast.css +0 -10
  10. package/dist/css/functional/themes/light-tritanopia.css +0 -10
  11. package/dist/css/functional/themes/light.css +0 -10
  12. package/dist/css/functional/typography/typography.css +1 -1
  13. package/dist/deprecated/colors.json +7 -0
  14. package/dist/docs/base/typography/typography.json +4 -52
  15. package/dist/docs/functional/themes/dark-colorblind.json +78 -223
  16. package/dist/docs/functional/themes/dark-dimmed.json +73 -218
  17. package/dist/docs/functional/themes/dark-high-contrast.json +75 -220
  18. package/dist/docs/functional/themes/dark-tritanopia.json +78 -223
  19. package/dist/docs/functional/themes/dark.json +73 -218
  20. package/dist/docs/functional/themes/light-colorblind.json +76 -221
  21. package/dist/docs/functional/themes/light-high-contrast.json +70 -215
  22. package/dist/docs/functional/themes/light-tritanopia.json +76 -221
  23. package/dist/docs/functional/themes/light.json +71 -216
  24. package/dist/docs/functional/typography/typography.json +36 -494
  25. package/dist/fallbacks/functional/typography/typography.json +1 -1
  26. package/dist/figma/figma.json +1 -18
  27. package/dist/figma/scales/dark-dimmed.json +20 -20
  28. package/dist/figma/scales/dark-high-constrast.json +20 -20
  29. package/dist/figma/scales/dark.json +20 -20
  30. package/dist/figma/scales/light-high-constrast.json +20 -20
  31. package/dist/figma/scales/light.json +20 -20
  32. package/dist/figma/themes/dark-colorblind.json +70 -150
  33. package/dist/figma/themes/dark-dimmed.json +65 -145
  34. package/dist/figma/themes/dark-high-contrast.json +69 -149
  35. package/dist/figma/themes/dark-tritanopia.json +70 -150
  36. package/dist/figma/themes/dark.json +65 -145
  37. package/dist/figma/themes/light-colorblind.json +59 -139
  38. package/dist/figma/themes/light-high-contrast.json +55 -135
  39. package/dist/figma/themes/light-tritanopia.json +59 -139
  40. package/dist/figma/themes/light.json +54 -134
  41. package/dist/internalCss/dark-colorblind.css +20 -30
  42. package/dist/internalCss/dark-dimmed.css +20 -30
  43. package/dist/internalCss/dark-high-contrast.css +20 -30
  44. package/dist/internalCss/dark-tritanopia.css +20 -30
  45. package/dist/internalCss/dark.css +20 -30
  46. package/dist/internalCss/light-colorblind.css +20 -30
  47. package/dist/internalCss/light-high-contrast.css +20 -30
  48. package/dist/internalCss/light-tritanopia.css +20 -30
  49. package/dist/internalCss/light.css +20 -30
  50. package/dist/js/colors/dark.d.ts +516 -0
  51. package/dist/js/colors/dark.js +616 -0
  52. package/dist/js/colors/dark_colorblind.d.ts +516 -0
  53. package/dist/js/colors/dark_colorblind.js +616 -0
  54. package/dist/js/colors/dark_dimmed.d.ts +516 -0
  55. package/dist/js/colors/dark_dimmed.js +616 -0
  56. package/dist/js/colors/dark_high_contrast.d.ts +516 -0
  57. package/dist/js/colors/dark_high_contrast.js +616 -0
  58. package/dist/js/colors/dark_tritanopia.d.ts +516 -0
  59. package/dist/js/colors/dark_tritanopia.js +616 -0
  60. package/dist/js/colors/index.d.ts +4638 -0
  61. package/dist/js/colors/index.js +15 -0
  62. package/dist/js/colors/light.d.ts +516 -0
  63. package/dist/js/colors/light.js +616 -0
  64. package/dist/js/colors/light_colorblind.d.ts +516 -0
  65. package/dist/js/colors/light_colorblind.js +616 -0
  66. package/dist/js/colors/light_high_contrast.d.ts +516 -0
  67. package/dist/js/colors/light_high_contrast.js +616 -0
  68. package/dist/js/colors/light_tritanopia.d.ts +516 -0
  69. package/dist/js/colors/light_tritanopia.js +616 -0
  70. package/dist/js/index.d.ts +4655 -0
  71. package/dist/js/index.js +9 -0
  72. package/dist/js/spacing/index.d.ts +6 -0
  73. package/dist/js/spacing/index.js +7 -0
  74. package/dist/js/spacing/normal.d.ts +4 -0
  75. package/dist/js/spacing/normal.js +13 -0
  76. package/dist/js/typography/index.d.ts +11 -0
  77. package/dist/js/typography/index.js +7 -0
  78. package/dist/js/typography/normal.d.ts +9 -0
  79. package/dist/js/typography/normal.js +19 -0
  80. package/dist/json/colors/dark.json +614 -0
  81. package/dist/json/colors/dark_colorblind.json +614 -0
  82. package/dist/json/colors/dark_dimmed.json +614 -0
  83. package/dist/json/colors/dark_high_contrast.json +614 -0
  84. package/dist/json/colors/dark_tritanopia.json +614 -0
  85. package/dist/json/colors/light.json +614 -0
  86. package/dist/json/colors/light_colorblind.json +614 -0
  87. package/dist/json/colors/light_high_contrast.json +614 -0
  88. package/dist/json/colors/light_tritanopia.json +614 -0
  89. package/dist/json/spacing/normal.json +11 -0
  90. package/dist/json/typography/normal.json +17 -0
  91. package/dist/removed/colors.json +432 -0
  92. package/dist/scss/colors/_dark.scss +452 -0
  93. package/dist/scss/colors/_dark_colorblind.scss +452 -0
  94. package/dist/scss/colors/_dark_dimmed.scss +452 -0
  95. package/dist/scss/colors/_dark_high_contrast.scss +452 -0
  96. package/dist/scss/colors/_dark_tritanopia.scss +452 -0
  97. package/dist/scss/colors/_light.scss +452 -0
  98. package/dist/scss/colors/_light_colorblind.scss +452 -0
  99. package/dist/scss/colors/_light_high_contrast.scss +452 -0
  100. package/dist/scss/colors/_light_tritanopia.scss +452 -0
  101. package/dist/scss/spacing/_normal.scss +11 -0
  102. package/dist/scss/typography/_normal.scss +15 -0
  103. package/dist/styleLint/base/typography/typography.json +4 -52
  104. package/dist/styleLint/functional/themes/dark-colorblind.json +78 -223
  105. package/dist/styleLint/functional/themes/dark-dimmed.json +73 -218
  106. package/dist/styleLint/functional/themes/dark-high-contrast.json +75 -220
  107. package/dist/styleLint/functional/themes/dark-tritanopia.json +78 -223
  108. package/dist/styleLint/functional/themes/dark.json +73 -218
  109. package/dist/styleLint/functional/themes/light-colorblind.json +76 -221
  110. package/dist/styleLint/functional/themes/light-high-contrast.json +70 -215
  111. package/dist/styleLint/functional/themes/light-tritanopia.json +76 -221
  112. package/dist/styleLint/functional/themes/light.json +71 -216
  113. package/dist/styleLint/functional/typography/typography.json +36 -494
  114. package/dist/ts/colors/dark.ts +614 -0
  115. package/dist/ts/colors/dark_colorblind.ts +614 -0
  116. package/dist/ts/colors/dark_dimmed.ts +614 -0
  117. package/dist/ts/colors/dark_high_contrast.ts +614 -0
  118. package/dist/ts/colors/dark_tritanopia.ts +614 -0
  119. package/dist/ts/colors/index.ts +10 -0
  120. package/dist/ts/colors/light.ts +614 -0
  121. package/dist/ts/colors/light_colorblind.ts +614 -0
  122. package/dist/ts/colors/light_high_contrast.ts +614 -0
  123. package/dist/ts/colors/light_tritanopia.ts +614 -0
  124. package/dist/ts/index.ts +4 -0
  125. package/dist/ts/spacing/index.ts +2 -0
  126. package/dist/ts/spacing/normal.ts +11 -0
  127. package/dist/ts/typography/index.ts +2 -0
  128. package/dist/ts/typography/normal.ts +17 -0
  129. package/package.json +12 -5
  130. package/src/PrimerStyleDictionary.ts +0 -12
  131. package/src/filters/index.ts +0 -1
  132. package/src/formats/jsonFigma.ts +0 -1
  133. package/src/platforms/figma.ts +1 -10
  134. package/src/schemas/numberToken.ts +0 -17
  135. package/src/tokens/base/color/dark/dark.dimmed.json5 +1 -1
  136. package/src/tokens/base/color/dark/dark.high-contrast.json5 +1 -1
  137. package/src/tokens/base/color/dark/dark.json5 +1 -1
  138. package/src/tokens/base/color/light/light.high-contrast.json5 +1 -1
  139. package/src/tokens/base/color/light/light.json5 +1 -1
  140. package/src/tokens/base/typography/typography.json +4 -28
  141. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  142. package/src/tokens/functional/color/dark/display-dark.json5 +0 -66
  143. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +17 -17
  144. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
  145. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -5
  146. package/src/tokens/functional/color/dark/patterns-dark.json5 +42 -42
  147. package/src/tokens/functional/color/dark/primitives-dark.json5 +16 -16
  148. package/src/tokens/functional/color/dark/syntax-dark.json5 +13 -13
  149. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  150. package/src/tokens/functional/color/light/display-light.json5 +0 -66
  151. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  152. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
  153. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -5
  154. package/src/tokens/functional/color/light/patterns-light.json5 +30 -30
  155. package/src/tokens/functional/color/light/primitives-light.json5 +15 -15
  156. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  157. package/src/tokens/functional/shadow/dark.json5 +1 -1
  158. package/src/tokens/functional/shadow/light.json5 +11 -11
  159. package/src/tokens/functional/typography/typography.json +34 -263
  160. package/src/transformers/fontFamilyToCss.ts +4 -3
  161. package/src/transformers/index.ts +0 -2
  162. package/tokens/base/size/size.json +57 -0
  163. package/tokens/base/typography/typography.json +20 -0
  164. package/tokens/functional/size/border.json +48 -0
  165. package/tokens/functional/size/breakpoints.json +24 -0
  166. package/tokens/functional/size/size-coarse.json +27 -0
  167. package/tokens/functional/size/size-fine.json +27 -0
  168. package/tokens/functional/size/size.json +189 -0
  169. package/tokens/functional/size/viewport.json +24 -0
  170. package/tokens/functional/typography/typography.json +213 -0
  171. package/tokens/removed/color.json +421 -0
  172. package/tokens-v2-private/css/tokens/base/size/size.css +24 -0
  173. package/tokens-v2-private/css/tokens/base/typography/typography.css +11 -0
  174. package/tokens-v2-private/css/tokens/functional/size/border.css +17 -0
  175. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +13 -0
  176. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +11 -0
  177. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +11 -0
  178. package/tokens-v2-private/css/tokens/functional/size/size.css +54 -0
  179. package/tokens-v2-private/css/tokens/functional/size/viewport.css +6 -0
  180. package/tokens-v2-private/css/tokens/functional/typography/typography.css +47 -0
  181. package/tokens-v2-private/docs/docValues.json +2209 -0
  182. package/tokens-v2-private/js/module/tokens/base/size/size.js +266 -0
  183. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +77 -0
  184. package/tokens-v2-private/js/module/tokens/functional/size/border.js +165 -0
  185. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +101 -0
  186. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +73 -0
  187. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +73 -0
  188. package/tokens-v2-private/js/module/tokens/functional/size/size.js +824 -0
  189. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +101 -0
  190. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +809 -0
  191. package/tokens-v2-private/js/tokens/base/size/size.js +22 -0
  192. package/tokens-v2-private/js/tokens/base/typography/typography.js +9 -0
  193. package/tokens-v2-private/js/tokens/functional/size/border.js +15 -0
  194. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +11 -0
  195. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +8 -0
  196. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +8 -0
  197. package/tokens-v2-private/js/tokens/functional/size/size.js +52 -0
  198. package/tokens-v2-private/js/tokens/functional/size/viewport.js +11 -0
  199. package/tokens-v2-private/js/tokens/functional/typography/typography.js +45 -0
  200. package/tokens-v2-private/scss/tokens/base/size/size.scss +21 -0
  201. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +8 -0
  202. package/tokens-v2-private/scss/tokens/functional/size/border.scss +14 -0
  203. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +10 -0
  204. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +7 -0
  205. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +7 -0
  206. package/tokens-v2-private/scss/tokens/functional/size/size.scss +51 -0
  207. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +10 -0
  208. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +44 -0
  209. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +31 -0
  210. package/tokens-v2-private/ts/tokens/base/size/size.js +30 -0
  211. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +20 -0
  212. package/tokens-v2-private/ts/tokens/base/typography/typography.js +19 -0
  213. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +28 -0
  214. package/tokens-v2-private/ts/tokens/functional/size/border.js +27 -0
  215. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +20 -0
  216. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +19 -0
  217. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +29 -0
  218. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +28 -0
  219. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +29 -0
  220. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +28 -0
  221. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +103 -0
  222. package/tokens-v2-private/ts/tokens/functional/size/size.js +102 -0
  223. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +20 -0
  224. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +19 -0
  225. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +131 -0
  226. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +130 -0
  227. package/dist/figma/typography/typography.json +0 -370
  228. package/src/filters/isNumber.ts +0 -8
  229. package/src/transformers/floatToPixel.ts +0 -33
  230. package/src/transformers/fontFamilyToFigma.ts +0 -47
  231. package/src/transformers/utilities/hasSpaceInString.ts +0 -6
package/dist/scss/colors/_dark_high_contrast.scss ADDED
@@ -0,0 +1,452 @@
1
+ @mixin primer-colors-dark_high_contrast {
2
+ & {
3
+ --color-canvas-default-transparent: rgba(10,12,16,0);
4
+ --color-page-header-bg: #0a0c10;
5
+ --color-marketing-icon-primary: #91cbff;
6
+ --color-marketing-icon-secondary: #409eff;
7
+ --color-diff-blob-addition-num-text: #f0f3f6;
8
+ --color-diff-blob-addition-fg: #0a0c10;
9
+ --color-diff-blob-addition-num-bg: rgba(38,205,77,0.3);
10
+ --color-diff-blob-addition-line-bg: rgba(9,180,58,0.15);
11
+ --color-diff-blob-addition-word-bg: #09b43a;
12
+ --color-diff-blob-deletion-num-text: #f0f3f6;
13
+ --color-diff-blob-deletion-fg: #0a0c10;
14
+ --color-diff-blob-deletion-num-bg: rgba(255,106,105,0.3);
15
+ --color-diff-blob-deletion-line-bg: rgba(255,106,105,0.1);
16
+ --color-diff-blob-deletion-word-bg: #ff6a69;
17
+ --color-diff-blob-hunk-num-bg: rgba(64,158,255,0.4);
18
+ --color-diff-blob-expander-icon: #f0f3f6;
19
+ --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
20
+ --color-diffstat-deletion-border: #ffb1af;
21
+ --color-diffstat-addition-border: #4ae168;
22
+ --color-diffstat-addition-bg: #26cd4d;
23
+ --color-search-keyword-hl: rgba(240,183,47,0.4);
24
+ --color-prettylights-syntax-comment: #bdc4cc;
25
+ --color-prettylights-syntax-constant: #91cbff;
26
+ --color-prettylights-syntax-entity: #dbb7ff;
27
+ --color-prettylights-syntax-storage-modifier-import: #f0f3f6;
28
+ --color-prettylights-syntax-entity-tag: #72f088;
29
+ --color-prettylights-syntax-keyword: #ff9492;
30
+ --color-prettylights-syntax-string: #addcff;
31
+ --color-prettylights-syntax-variable: #ffb757;
32
+ --color-prettylights-syntax-brackethighlighter-unmatched: #ff6a69;
33
+ --color-prettylights-syntax-invalid-illegal-text: #ffffff;
34
+ --color-prettylights-syntax-invalid-illegal-bg: #e82a2f;
35
+ --color-prettylights-syntax-carriage-return-text: #ffffff;
36
+ --color-prettylights-syntax-carriage-return-bg: #ff4445;
37
+ --color-prettylights-syntax-string-regexp: #72f088;
38
+ --color-prettylights-syntax-markup-list: #fbd669;
39
+ --color-prettylights-syntax-markup-heading: #409eff;
40
+ --color-prettylights-syntax-markup-italic: #f0f3f6;
41
+ --color-prettylights-syntax-markup-bold: #f0f3f6;
42
+ --color-prettylights-syntax-markup-deleted-text: #ffdedb;
43
+ --color-prettylights-syntax-markup-deleted-bg: #cc1421;
44
+ --color-prettylights-syntax-markup-inserted-text: #acf7b6;
45
+ --color-prettylights-syntax-markup-inserted-bg: #007728;
46
+ --color-prettylights-syntax-markup-changed-text: #ffe1b4;
47
+ --color-prettylights-syntax-markup-changed-bg: #a74c00;
48
+ --color-prettylights-syntax-markup-ignored-text: #f0f3f6;
49
+ --color-prettylights-syntax-markup-ignored-bg: #318bf8;
50
+ --color-prettylights-syntax-meta-diff-range: #dbb7ff;
51
+ --color-prettylights-syntax-brackethighlighter-angle: #bdc4cc;
52
+ --color-prettylights-syntax-sublimelinter-gutter-mark: #7a828e;
53
+ --color-prettylights-syntax-constant-other-reference-link: #addcff;
54
+ --color-codemirror-text: #f0f3f6;
55
+ --color-codemirror-bg: #0a0c10;
56
+ --color-codemirror-gutters-bg: #0a0c10;
57
+ --color-codemirror-guttermarker-text: #0a0c10;
58
+ --color-codemirror-guttermarker-subtle-text: #9ea7b3;
59
+ --color-codemirror-linenumber-text: #f0f3f6;
60
+ --color-codemirror-cursor: #f0f3f6;
61
+ --color-codemirror-selection-bg: rgba(64,158,255,0.4);
62
+ --color-codemirror-activeline-bg: rgba(158,167,179,0.1);
63
+ --color-codemirror-matchingbracket-text: #f0f3f6;
64
+ --color-codemirror-lines-bg: #0a0c10;
65
+ --color-codemirror-syntax-comment: #bdc4cc;
66
+ --color-codemirror-syntax-constant: #91cbff;
67
+ --color-codemirror-syntax-entity: #dbb7ff;
68
+ --color-codemirror-syntax-keyword: #ff9492;
69
+ --color-codemirror-syntax-storage: #ff9492;
70
+ --color-codemirror-syntax-string: #addcff;
71
+ --color-codemirror-syntax-support: #91cbff;
72
+ --color-codemirror-syntax-variable: #ffb757;
73
+ --color-checks-bg: #010409;
74
+ --color-checks-run-border-width: 1px;
75
+ --color-checks-container-border-width: 1px;
76
+ --color-checks-text-primary: #f0f3f6;
77
+ --color-checks-text-secondary: #f0f3f6;
78
+ --color-checks-text-link: #71b7ff;
79
+ --color-checks-btn-icon: #f0f3f6;
80
+ --color-checks-btn-hover-icon: #f0f3f6;
81
+ --color-checks-btn-hover-bg: rgba(158,167,179,0.1);
82
+ --color-checks-input-text: #f0f3f6;
83
+ --color-checks-input-placeholder-text: #9ea7b3;
84
+ --color-checks-input-focus-text: #f0f3f6;
85
+ --color-checks-input-bg: #272b33;
86
+ --color-checks-input-shadow: 0 0 0 1px (obj) => (0, get_1.default)(obj, path);
87
+ --color-checks-donut-error: #ff6a69;
88
+ --color-checks-donut-pending: #f0b72f;
89
+ --color-checks-donut-success: #09b43a;
90
+ --color-checks-donut-neutral: #bdc4cc;
91
+ --color-checks-dropdown-text: #f0f3f6;
92
+ --color-checks-dropdown-bg: #272b33;
93
+ --color-checks-dropdown-border: #7a828e;
94
+ --color-checks-dropdown-shadow: rgba(1,4,9,0.3);
95
+ --color-checks-dropdown-hover-text: #f0f3f6;
96
+ --color-checks-dropdown-hover-bg: rgba(158,167,179,0.1);
97
+ --color-checks-dropdown-btn-hover-text: #f0f3f6;
98
+ --color-checks-dropdown-btn-hover-bg: rgba(158,167,179,0.1);
99
+ --color-checks-scrollbar-thumb-bg: rgba(158,167,179,0.4);
100
+ --color-checks-header-label-text: #f0f3f6;
101
+ --color-checks-header-label-open-text: #f0f3f6;
102
+ --color-checks-header-border: #7a828e;
103
+ --color-checks-header-icon: #f0f3f6;
104
+ --color-checks-line-text: #f0f3f6;
105
+ --color-checks-line-num-text: #9ea7b3;
106
+ --color-checks-line-timestamp-text: #9ea7b3;
107
+ --color-checks-line-hover-bg: rgba(158,167,179,0.1);
108
+ --color-checks-line-selected-bg: rgba(64,158,255,0.1);
109
+ --color-checks-line-selected-num-text: #71b7ff;
110
+ --color-checks-line-dt-fm-text: #0a0c10;
111
+ --color-checks-line-dt-fm-bg: #e09b13;
112
+ --color-checks-gate-bg: rgba(224,155,19,0.15);
113
+ --color-checks-gate-text: #f0f3f6;
114
+ --color-checks-gate-waiting-text: #f0b72f;
115
+ --color-checks-step-header-open-bg: #272b33;
116
+ --color-checks-step-error-text: #ff6a69;
117
+ --color-checks-step-warning-text: #f0b72f;
118
+ --color-checks-logline-text: #f0f3f6;
119
+ --color-checks-logline-num-text: #9ea7b3;
120
+ --color-checks-logline-debug-text: #b780ff;
121
+ --color-checks-logline-error-text: #f0f3f6;
122
+ --color-checks-logline-error-num-text: #9ea7b3;
123
+ --color-checks-logline-error-bg: rgba(255,106,105,0.1);
124
+ --color-checks-logline-warning-text: #f0f3f6;
125
+ --color-checks-logline-warning-num-text: #f0b72f;
126
+ --color-checks-logline-warning-bg: rgba(224,155,19,0.15);
127
+ --color-checks-logline-command-text: #71b7ff;
128
+ --color-checks-logline-section-text: #26cd4d;
129
+ --color-checks-ansi-black: #0a0c10;
130
+ --color-checks-ansi-black-bright: #272b33;
131
+ --color-checks-ansi-white: #d9dee3;
132
+ --color-checks-ansi-white-bright: #d9dee3;
133
+ --color-checks-ansi-gray: #9ea7b3;
134
+ --color-checks-ansi-red: #ff9492;
135
+ --color-checks-ansi-red-bright: #ffb1af;
136
+ --color-checks-ansi-green: #26cd4d;
137
+ --color-checks-ansi-green-bright: #4ae168;
138
+ --color-checks-ansi-yellow: #f0b72f;
139
+ --color-checks-ansi-yellow-bright: #f7c843;
140
+ --color-checks-ansi-blue: #71b7ff;
141
+ --color-checks-ansi-blue-bright: #91cbff;
142
+ --color-checks-ansi-magenta: #cb9eff;
143
+ --color-checks-ansi-magenta-bright: #dbb7ff;
144
+ --color-checks-ansi-cyan: #76e3ea;
145
+ --color-checks-ansi-cyan-bright: #b3f0ff;
146
+ --color-project-header-bg: #0a0c10;
147
+ --color-project-sidebar-bg: #272b33;
148
+ --color-project-gradient-in: #272b33;
149
+ --color-project-gradient-out: rgba(39,43,51,0);
150
+ --color-mktg-btn-bg: #f6f8fa;
151
+ --color-mktg-btn-shadow-outline: rgb(255 255 255 / 25%) 0 0 0 1px inset;
152
+ --color-mktg-btn-shadow-focus: rgb(255 255 255 / 25%) 0 0 0 4px;
153
+ --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
154
+ --color-mktg-btn-shadow-hover-muted: rgb(255 255 255) 0 0 0 2px inset;
155
+ --color-control-border-color-emphasis: #9ea7b3;
156
+ --color-avatar-bg: rgba(255,255,255,0.1);
157
+ --color-avatar-border: rgba(255,255,255,0.9);
158
+ --color-avatar-stack-fade: #525964;
159
+ --color-avatar-stack-fade-more: #272b33;
160
+ --color-avatar-child-shadow: 0 0 0 2px #0a0c10;
161
+ --color-topic-tag-border: #409eff;
162
+ --color-counter-border: rgba(0,0,0,0);
163
+ --color-select-menu-backdrop-border: #7a828e;
164
+ --color-select-menu-tap-highlight: rgba(82,89,100,0.5);
165
+ --color-select-menu-tap-focus-bg: #1e60d5;
166
+ --color-overlay-shadow: 0 0 0 1px #525964, 0 16px 32px rgba(1,4,9,0.85);
167
+ --color-overlay-backdrop: rgba(39,43,51,0.4);
168
+ --color-header-text: rgba(255,255,255,0.7);
169
+ --color-header-bg: #272b33;
170
+ --color-header-divider: #bdc4cc;
171
+ --color-header-logo: #ffffff;
172
+ --color-header-search-bg: #0a0c10;
173
+ --color-header-search-border: #525964;
174
+ --color-sidenav-selected-bg: #272b33;
175
+ --color-menu-bg-active: #272b33;
176
+ --color-input-disabled-bg: rgba(158,167,179,0);
177
+ --color-timeline-badge-bg: #272b33;
178
+ --color-ansi-black: #7a828e;
179
+ --color-ansi-black-bright: #9ea7b3;
180
+ --color-ansi-white: #d9dee3;
181
+ --color-ansi-white-bright: #ffffff;
182
+ --color-ansi-gray: #9ea7b3;
183
+ --color-ansi-red: #ff9492;
184
+ --color-ansi-red-bright: #ffb1af;
185
+ --color-ansi-green: #26cd4d;
186
+ --color-ansi-green-bright: #4ae168;
187
+ --color-ansi-yellow: #f0b72f;
188
+ --color-ansi-yellow-bright: #f7c843;
189
+ --color-ansi-blue: #71b7ff;
190
+ --color-ansi-blue-bright: #91cbff;
191
+ --color-ansi-magenta: #cb9eff;
192
+ --color-ansi-magenta-bright: #dbb7ff;
193
+ --color-ansi-cyan: #39c5cf;
194
+ --color-ansi-cyan-bright: #56d4dd;
195
+ --color-btn-text: #f0f3f6;
196
+ --color-btn-bg: #272b33;
197
+ --color-btn-border: #7a828e;
198
+ --color-btn-shadow: 0 0 transparent;
199
+ --color-btn-inset-shadow: 0 0 transparent;
200
+ --color-btn-hover-bg: #525964;
201
+ --color-btn-hover-border: #bdc4cc;
202
+ --color-btn-active-bg: hsla(217,10%,33%,1);
203
+ --color-btn-active-border: #9ea7b3;
204
+ --color-btn-selected-bg: rgba(82,89,100,0.9);
205
+ --color-btn-counter-bg: #525964;
206
+ --color-btn-primary-text: #0a0c10;
207
+ --color-btn-primary-bg: #09b43a;
208
+ --color-btn-primary-border: #4ae168;
209
+ --color-btn-primary-shadow: 0 0 transparent;
210
+ --color-btn-primary-inset-shadow: 0 0 transparent;
211
+ --color-btn-primary-hover-bg: #26cd4d;
212
+ --color-btn-primary-hover-border: #4ae168;
213
+ --color-btn-primary-selected-bg: #09b43a;
214
+ --color-btn-primary-selected-shadow: 0 0 transparent;
215
+ --color-btn-primary-disabled-text: rgba(10,12,16,0.5);
216
+ --color-btn-primary-disabled-bg: rgba(9,180,58,0.6);
217
+ --color-btn-primary-disabled-border: rgba(74,225,104,0.4);
218
+ --color-btn-primary-icon: #0a0c10;
219
+ --color-btn-primary-counter-bg: rgba(1,4,9,0.15);
220
+ --color-btn-outline-text: #409eff;
221
+ --color-btn-outline-hover-text: #71b7ff;
222
+ --color-btn-outline-hover-bg: #525964;
223
+ --color-btn-outline-hover-border: #7a828e;
224
+ --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
225
+ --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
226
+ --color-btn-outline-hover-counter-bg: rgba(25,79,177,0.2);
227
+ --color-btn-outline-selected-text: #ffffff;
228
+ --color-btn-outline-selected-bg: #2672f3;
229
+ --color-btn-outline-selected-border: #7a828e;
230
+ --color-btn-outline-selected-shadow: 0 0 transparent;
231
+ --color-btn-outline-disabled-text: rgba(113,183,255,0.5);
232
+ --color-btn-outline-disabled-bg: #0a0c10;
233
+ --color-btn-outline-disabled-counter-bg: rgba(64,158,255,0.05);
234
+ --color-btn-outline-counter-bg: rgba(25,79,177,0.2);
235
+ --color-btn-outline-hover-counter-fg: #71b7ff;
236
+ --color-btn-outline-disabled-counter-fg: rgba(113,183,255,0.5);
237
+ --color-btn-outline-counter-fg: #409eff;
238
+ --color-btn-danger-text: #ff6a69;
239
+ --color-btn-danger-hover-text: #0a0c10;
240
+ --color-btn-danger-hover-bg: #ff6a69;
241
+ --color-btn-danger-hover-border: #ff6a69;
242
+ --color-btn-danger-hover-shadow: 0 0 transparent;
243
+ --color-btn-danger-hover-inset-shadow: 0 0 transparent;
244
+ --color-btn-danger-hover-icon: #0a0c10;
245
+ --color-btn-danger-hover-counter-bg: rgba(1,4,9,0.15);
246
+ --color-btn-danger-selected-text: #ffffff;
247
+ --color-btn-danger-selected-bg: #ff4445;
248
+ --color-btn-danger-selected-border: #ff9492;
249
+ --color-btn-danger-selected-shadow: 0 0 transparent;
250
+ --color-btn-danger-disabled-text: rgba(255,106,105,0.5);
251
+ --color-btn-danger-disabled-bg: #0a0c10;
252
+ --color-btn-danger-disabled-counter-bg: rgba(255,106,105,0.05);
253
+ --color-btn-danger-counter-bg: rgba(1,4,9,0.15);
254
+ --color-btn-danger-icon: #ff6a69;
255
+ --color-btn-danger-counter-fg: #ff6a69;
256
+ --color-btn-danger-disabled-counter-fg: rgba(255,106,105,0.5);
257
+ --color-btn-danger-hover-counter-fg: #ffffff;
258
+ --color-btn-inactive-bg: #272b33;
259
+ --color-btn-inactive-text: #bdc4cc;
260
+ --color-underlinenav-icon: #f0f3f6;
261
+ --color-underlinenav-border-hover: #bdc4cc;
262
+ --color-action-list-item-inline-divider: #7a828e;
263
+ --color-action-list-item-default-hover-bg: #272b33;
264
+ --color-action-list-item-default-hover-border: #7a828e;
265
+ --color-action-list-item-default-active-bg: #525964;
266
+ --color-action-list-item-default-active-border: #9ea7b3;
267
+ --color-action-list-item-default-selected-bg: #525964;
268
+ --color-action-list-item-danger-hover-bg: #ff6a69;
269
+ --color-action-list-item-danger-active-bg: #ff4445;
270
+ --color-action-list-item-danger-hover-text: #0a0c10;
271
+ --color-switch-track-bg: #9ea7b3;
272
+ --color-switch-track-hover-bg: hsla(214,12%,61%,1);
273
+ --color-switch-track-active-bg: hsla(214,12%,58%,1);
274
+ --color-switch-track-disabled-bg: #272b33;
275
+ --color-switch-track-fg: #0a0c10;
276
+ --color-switch-track-disabled-fg: #010409;
277
+ --color-switch-track-border: rgba(0,0,0,0);
278
+ --color-switch-track-checked-bg: #409eff;
279
+ --color-switch-track-checked-hover-bg: rgba(64,158,255,0.5);
280
+ --color-switch-track-checked-active-bg: rgba(64,158,255,0.65);
281
+ --color-switch-track-checked-fg: #0a0c10;
282
+ --color-switch-track-checked-disabled-fg: #010409;
283
+ --color-switch-track-checked-border: rgba(0,0,0,0);
284
+ --color-switch-knob-bg: #0a0c10;
285
+ --color-switch-knob-border: #9ea7b3;
286
+ --color-switch-knob-disabled-bg: #272b33;
287
+ --color-switch-knob-checked-bg: #0a0c10;
288
+ --color-switch-knob-checked-disabled-bg: #272b33;
289
+ --color-switch-knob-checked-border: #409eff;
290
+ --color-segmented-control-bg: rgba(158,167,179,0.1);
291
+ --color-segmented-control-button-bg: #0a0c10;
292
+ --color-segmented-control-button-hover-bg: #525964;
293
+ --color-segmented-control-button-active-bg: #272b33;
294
+ --color-segmented-control-button-selected-border: #9ea7b3;
295
+ --color-tree-view-item-chevron-hover-bg: #525964;
296
+ --color-tree-view-item-directory-fill: #f0f3f6;
297
+ --color-fg-default: #f0f3f6;
298
+ --color-fg-muted: #f0f3f6;
299
+ --color-fg-subtle: #9ea7b3;
300
+ --color-fg-on-emphasis: #0a0c10;
301
+ --color-canvas-default: #0a0c10;
302
+ --color-canvas-overlay: #272b33;
303
+ --color-canvas-inset: #010409;
304
+ --color-canvas-subtle: #272b33;
305
+ --color-border-default: #7a828e;
306
+ --color-border-muted: #7a828e;
307
+ --color-border-subtle: #7a828e;
308
+ --color-shadow-small: 0 0 transparent;
309
+ --color-shadow-medium: 0 3px 6px #010409;
310
+ --color-shadow-large: 0 8px 24px #010409;
311
+ --color-shadow-extra-large: 0 12px 48px #010409;
312
+ --color-neutral-emphasis-plus: #ffffff;
313
+ --color-neutral-emphasis: #9ea7b3;
314
+ --color-neutral-muted: rgba(158,167,179,0.4);
315
+ --color-neutral-subtle: rgba(158,167,179,0.1);
316
+ --color-accent-fg: #71b7ff;
317
+ --color-accent-emphasis: #409eff;
318
+ --color-accent-muted: #409eff;
319
+ --color-accent-subtle: rgba(64,158,255,0.1);
320
+ --color-success-fg: #26cd4d;
321
+ --color-success-emphasis: #09b43a;
322
+ --color-success-muted: #09b43a;
323
+ --color-success-subtle: rgba(9,180,58,0.15);
324
+ --color-attention-fg: #f0b72f;
325
+ --color-attention-emphasis: #e09b13;
326
+ --color-attention-muted: #e09b13;
327
+ --color-attention-subtle: rgba(224,155,19,0.15);
328
+ --color-severe-fg: #e7811d;
329
+ --color-severe-emphasis: #e7811d;
330
+ --color-severe-muted: #e7811d;
331
+ --color-severe-subtle: rgba(231,129,29,0.1);
332
+ --color-danger-fg: #ff6a69;
333
+ --color-danger-emphasis: #ff6a69;
334
+ --color-danger-muted: #ff6a69;
335
+ --color-danger-subtle: rgba(255,106,105,0.1);
336
+ --color-open-fg: #26cd4d;
337
+ --color-open-emphasis: #09b43a;
338
+ --color-open-muted: rgba(9,180,58,0.4);
339
+ --color-open-subtle: rgba(9,180,58,0.15);
340
+ --color-closed-fg: #ff6a69;
341
+ --color-closed-emphasis: #ff6a69;
342
+ --color-closed-muted: rgba(255,106,105,0.4);
343
+ --color-closed-subtle: rgba(255,106,105,0.15);
344
+ --color-done-fg: #b780ff;
345
+ --color-done-emphasis: #b87fff;
346
+ --color-done-muted: #b780ff;
347
+ --color-done-subtle: rgba(183,128,255,0.1);
348
+ --color-sponsors-fg: #ef6eb1;
349
+ --color-sponsors-emphasis: #ef6eb1;
350
+ --color-sponsors-muted: #ef6eb1;
351
+ --color-sponsors-subtle: rgba(239,110,177,0.1);
352
+ --color-primer-fg-disabled: #7a828e;
353
+ --color-primer-canvas-backdrop: rgba(1,4,9,0.8);
354
+ --color-primer-canvas-sticky: rgba(10,12,16,0.95);
355
+ --color-primer-border-active: #ff967d;
356
+ --color-primer-border-contrast: rgba(255,255,255,0.2);
357
+ --color-primer-shadow-highlight: 0 0 transparent;
358
+ --color-primer-shadow-inset: 0 0 transparent;
359
+ --color-scale-black: #010409;
360
+ --color-scale-white: #ffffff;
361
+ --color-scale-gray-0: #ffffff;
362
+ --color-scale-gray-1: #f0f3f6;
363
+ --color-scale-gray-2: #d9dee3;
364
+ --color-scale-gray-3: #bdc4cc;
365
+ --color-scale-gray-4: #9ea7b3;
366
+ --color-scale-gray-5: #7a828e;
367
+ --color-scale-gray-6: #525964;
368
+ --color-scale-gray-7: #272b33;
369
+ --color-scale-gray-8: #272b33;
370
+ --color-scale-gray-9: #0a0c10;
371
+ --color-scale-blue-0: #caeaff;
372
+ --color-scale-blue-1: #addcff;
373
+ --color-scale-blue-2: #91cbff;
374
+ --color-scale-blue-3: #71b7ff;
375
+ --color-scale-blue-4: #409eff;
376
+ --color-scale-blue-5: #409eff;
377
+ --color-scale-blue-6: #318bf8;
378
+ --color-scale-blue-7: #2672f3;
379
+ --color-scale-blue-8: #1e60d5;
380
+ --color-scale-blue-9: #194fb1;
381
+ --color-scale-green-0: #acf7b6;
382
+ --color-scale-green-1: #72f088;
383
+ --color-scale-green-2: #4ae168;
384
+ --color-scale-green-3: #26cd4d;
385
+ --color-scale-green-4: #09b43a;
386
+ --color-scale-green-5: #09b43a;
387
+ --color-scale-green-6: #02a232;
388
+ --color-scale-green-7: #008c2c;
389
+ --color-scale-green-8: #007728;
390
+ --color-scale-green-9: #006222;
391
+ --color-scale-yellow-0: #fbe59e;
392
+ --color-scale-yellow-1: #fbd669;
393
+ --color-scale-yellow-2: #f7c843;
394
+ --color-scale-yellow-3: #f0b72f;
395
+ --color-scale-yellow-4: #e09b13;
396
+ --color-scale-yellow-5: #e09b13;
397
+ --color-scale-yellow-6: #c88508;
398
+ --color-scale-yellow-7: #ae7104;
399
+ --color-scale-yellow-8: #945d02;
400
+ --color-scale-yellow-9: #7b4900;
401
+ --color-scale-orange-0: #ffe1b4;
402
+ --color-scale-orange-1: #ffcf86;
403
+ --color-scale-orange-2: #ffb757;
404
+ --color-scale-orange-3: #fe9a2d;
405
+ --color-scale-orange-4: #e7811d;
406
+ --color-scale-orange-5: #e7811d;
407
+ --color-scale-orange-6: #d57014;
408
+ --color-scale-orange-7: #bf5e0a;
409
+ --color-scale-orange-8: #a74c00;
410
+ --color-scale-orange-9: #8f3c00;
411
+ --color-scale-red-0: #ffdedb;
412
+ --color-scale-red-1: #ffc9c7;
413
+ --color-scale-red-2: #ffb1af;
414
+ --color-scale-red-3: #ff9492;
415
+ --color-scale-red-4: #ff6a69;
416
+ --color-scale-red-5: #ff6a69;
417
+ --color-scale-red-6: #ff4445;
418
+ --color-scale-red-7: #e82a2f;
419
+ --color-scale-red-8: #cc1421;
420
+ --color-scale-red-9: #ad0116;
421
+ --color-scale-purple-0: #f0dfff;
422
+ --color-scale-purple-1: #e6ccff;
423
+ --color-scale-purple-2: #dbb7ff;
424
+ --color-scale-purple-3: #cb9eff;
425
+ --color-scale-purple-4: #b780ff;
426
+ --color-scale-purple-5: #b87fff;
427
+ --color-scale-purple-6: #a66bff;
428
+ --color-scale-purple-7: #954ffd;
429
+ --color-scale-purple-8: #8031f7;
430
+ --color-scale-purple-9: #6921d7;
431
+ --color-scale-pink-0: #ffdceb;
432
+ --color-scale-pink-1: #ffc7e1;
433
+ --color-scale-pink-2: #ffadd4;
434
+ --color-scale-pink-3: #ff8dc7;
435
+ --color-scale-pink-4: #ef6eb1;
436
+ --color-scale-pink-5: #ef6eb1;
437
+ --color-scale-pink-6: #e456a3;
438
+ --color-scale-pink-7: #d23d91;
439
+ --color-scale-pink-8: #b72c7d;
440
+ --color-scale-pink-9: #9c1d6a;
441
+ --color-scale-coral-0: #ffded4;
442
+ --color-scale-coral-1: #ffcbb9;
443
+ --color-scale-coral-2: #ffb39b;
444
+ --color-scale-coral-3: #ff967d;
445
+ --color-scale-coral-4: #fc704f;
446
+ --color-scale-coral-5: #fc704f;
447
+ --color-scale-coral-6: #f75133;
448
+ --color-scale-coral-7: #e03b21;
449
+ --color-scale-coral-8: #c62612;
450
+ --color-scale-coral-9: #a91500;
451
+ }
452
+ }