@primer/primitives 7.17.0-rc.d7413369 → 7.17.1

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 (148) hide show
  1. package/README.md +1 -1
  2. package/dist/css/functional/typography/typography.css +1 -1
  3. package/dist/deprecated/colors.json +7 -0
  4. package/dist/docs/base/typography/typography.json +52 -4
  5. package/dist/docs/functional/themes/dark-colorblind.json +78 -78
  6. package/dist/docs/functional/themes/dark-dimmed.json +73 -73
  7. package/dist/docs/functional/themes/dark-high-contrast.json +75 -75
  8. package/dist/docs/functional/themes/dark-tritanopia.json +78 -78
  9. package/dist/docs/functional/themes/dark.json +73 -73
  10. package/dist/docs/functional/themes/light-colorblind.json +76 -76
  11. package/dist/docs/functional/themes/light-high-contrast.json +70 -70
  12. package/dist/docs/functional/themes/light-tritanopia.json +76 -76
  13. package/dist/docs/functional/themes/light.json +71 -71
  14. package/dist/docs/functional/typography/typography.json +455 -33
  15. package/dist/fallbacks/functional/typography/typography.json +1 -1
  16. package/dist/figma/figma.json +8 -0
  17. package/dist/figma/scales/dark-dimmed.json +20 -20
  18. package/dist/figma/scales/dark-high-constrast.json +20 -20
  19. package/dist/figma/scales/dark.json +20 -20
  20. package/dist/figma/scales/light-high-constrast.json +20 -20
  21. package/dist/figma/scales/light.json +20 -20
  22. package/dist/figma/themes/dark-colorblind.json +70 -70
  23. package/dist/figma/themes/dark-dimmed.json +65 -65
  24. package/dist/figma/themes/dark-high-contrast.json +69 -69
  25. package/dist/figma/themes/dark-tritanopia.json +70 -70
  26. package/dist/figma/themes/dark.json +65 -65
  27. package/dist/figma/themes/light-colorblind.json +59 -59
  28. package/dist/figma/themes/light-high-contrast.json +55 -55
  29. package/dist/figma/themes/light-tritanopia.json +59 -59
  30. package/dist/figma/themes/light.json +54 -54
  31. package/dist/figma/typography/typography.json +338 -0
  32. package/dist/internalCss/dark-colorblind.css +20 -20
  33. package/dist/internalCss/dark-dimmed.css +20 -20
  34. package/dist/internalCss/dark-high-contrast.css +20 -20
  35. package/dist/internalCss/dark-tritanopia.css +20 -20
  36. package/dist/internalCss/dark.css +20 -20
  37. package/dist/internalCss/light-colorblind.css +20 -20
  38. package/dist/internalCss/light-high-contrast.css +20 -20
  39. package/dist/internalCss/light-tritanopia.css +20 -20
  40. package/dist/internalCss/light.css +20 -20
  41. package/dist/js/colors/dark.d.ts +516 -0
  42. package/dist/js/colors/dark.js +616 -0
  43. package/dist/js/colors/dark_colorblind.d.ts +516 -0
  44. package/dist/js/colors/dark_colorblind.js +616 -0
  45. package/dist/js/colors/dark_dimmed.d.ts +516 -0
  46. package/dist/js/colors/dark_dimmed.js +616 -0
  47. package/dist/js/colors/dark_high_contrast.d.ts +516 -0
  48. package/dist/js/colors/dark_high_contrast.js +616 -0
  49. package/dist/js/colors/dark_tritanopia.d.ts +516 -0
  50. package/dist/js/colors/dark_tritanopia.js +616 -0
  51. package/dist/js/colors/index.d.ts +4638 -0
  52. package/dist/js/colors/index.js +15 -0
  53. package/dist/js/colors/light.d.ts +516 -0
  54. package/dist/js/colors/light.js +616 -0
  55. package/dist/js/colors/light_colorblind.d.ts +516 -0
  56. package/dist/js/colors/light_colorblind.js +616 -0
  57. package/dist/js/colors/light_high_contrast.d.ts +516 -0
  58. package/dist/js/colors/light_high_contrast.js +616 -0
  59. package/dist/js/colors/light_tritanopia.d.ts +516 -0
  60. package/dist/js/colors/light_tritanopia.js +616 -0
  61. package/dist/js/index.d.ts +4655 -0
  62. package/dist/js/index.js +9 -0
  63. package/dist/js/spacing/index.d.ts +6 -0
  64. package/dist/js/spacing/index.js +7 -0
  65. package/dist/js/spacing/normal.d.ts +4 -0
  66. package/dist/js/spacing/normal.js +13 -0
  67. package/dist/js/typography/index.d.ts +11 -0
  68. package/dist/js/typography/index.js +7 -0
  69. package/dist/js/typography/normal.d.ts +9 -0
  70. package/dist/js/typography/normal.js +19 -0
  71. package/dist/json/colors/dark.json +614 -0
  72. package/dist/json/colors/dark_colorblind.json +614 -0
  73. package/dist/json/colors/dark_dimmed.json +614 -0
  74. package/dist/json/colors/dark_high_contrast.json +614 -0
  75. package/dist/json/colors/dark_tritanopia.json +614 -0
  76. package/dist/json/colors/light.json +614 -0
  77. package/dist/json/colors/light_colorblind.json +614 -0
  78. package/dist/json/colors/light_high_contrast.json +614 -0
  79. package/dist/json/colors/light_tritanopia.json +614 -0
  80. package/dist/json/spacing/normal.json +11 -0
  81. package/dist/json/typography/normal.json +17 -0
  82. package/dist/removed/colors.json +432 -0
  83. package/dist/scss/colors/_dark.scss +452 -0
  84. package/dist/scss/colors/_dark_colorblind.scss +452 -0
  85. package/dist/scss/colors/_dark_dimmed.scss +452 -0
  86. package/dist/scss/colors/_dark_high_contrast.scss +452 -0
  87. package/dist/scss/colors/_dark_tritanopia.scss +452 -0
  88. package/dist/scss/colors/_light.scss +452 -0
  89. package/dist/scss/colors/_light_colorblind.scss +452 -0
  90. package/dist/scss/colors/_light_high_contrast.scss +452 -0
  91. package/dist/scss/colors/_light_tritanopia.scss +452 -0
  92. package/dist/scss/spacing/_normal.scss +11 -0
  93. package/dist/scss/typography/_normal.scss +15 -0
  94. package/dist/styleLint/base/typography/typography.json +52 -4
  95. package/dist/styleLint/functional/themes/dark-colorblind.json +78 -78
  96. package/dist/styleLint/functional/themes/dark-dimmed.json +73 -73
  97. package/dist/styleLint/functional/themes/dark-high-contrast.json +75 -75
  98. package/dist/styleLint/functional/themes/dark-tritanopia.json +78 -78
  99. package/dist/styleLint/functional/themes/dark.json +73 -73
  100. package/dist/styleLint/functional/themes/light-colorblind.json +76 -76
  101. package/dist/styleLint/functional/themes/light-high-contrast.json +70 -70
  102. package/dist/styleLint/functional/themes/light-tritanopia.json +76 -76
  103. package/dist/styleLint/functional/themes/light.json +71 -71
  104. package/dist/styleLint/functional/typography/typography.json +455 -33
  105. package/dist/ts/colors/dark.ts +614 -0
  106. package/dist/ts/colors/dark_colorblind.ts +614 -0
  107. package/dist/ts/colors/dark_dimmed.ts +614 -0
  108. package/dist/ts/colors/dark_high_contrast.ts +614 -0
  109. package/dist/ts/colors/dark_tritanopia.ts +614 -0
  110. package/dist/ts/colors/index.ts +10 -0
  111. package/dist/ts/colors/light.ts +614 -0
  112. package/dist/ts/colors/light_colorblind.ts +614 -0
  113. package/dist/ts/colors/light_high_contrast.ts +614 -0
  114. package/dist/ts/colors/light_tritanopia.ts +614 -0
  115. package/dist/ts/index.ts +4 -0
  116. package/dist/ts/spacing/index.ts +2 -0
  117. package/dist/ts/spacing/normal.ts +11 -0
  118. package/dist/ts/typography/index.ts +2 -0
  119. package/dist/ts/typography/normal.ts +17 -0
  120. package/package.json +3 -3
  121. package/src/PrimerStyleDictionary.ts +6 -0
  122. package/src/platforms/figma.ts +1 -0
  123. package/src/schemas/numberToken.ts +17 -0
  124. package/src/tokens/base/color/dark/dark.dimmed.json5 +1 -1
  125. package/src/tokens/base/color/dark/dark.high-contrast.json5 +1 -1
  126. package/src/tokens/base/color/dark/dark.json5 +1 -1
  127. package/src/tokens/base/color/light/light.high-contrast.json5 +1 -1
  128. package/src/tokens/base/color/light/light.json5 +1 -1
  129. package/src/tokens/base/typography/typography.json +28 -4
  130. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  131. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +17 -17
  132. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
  133. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -5
  134. package/src/tokens/functional/color/dark/patterns-dark.json5 +42 -42
  135. package/src/tokens/functional/color/dark/primitives-dark.json5 +16 -16
  136. package/src/tokens/functional/color/dark/syntax-dark.json5 +13 -13
  137. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  138. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  139. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
  140. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -5
  141. package/src/tokens/functional/color/light/patterns-light.json5 +30 -30
  142. package/src/tokens/functional/color/light/primitives-light.json5 +15 -15
  143. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  144. package/src/tokens/functional/shadow/dark.json5 +1 -1
  145. package/src/tokens/functional/shadow/light.json5 +11 -11
  146. package/src/tokens/functional/typography/typography.json +242 -31
  147. package/src/transformers/floatToPixel.ts +33 -0
  148. package/src/transformers/index.ts +1 -0
@@ -0,0 +1,616 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.default = {
4
+ "canvasDefaultTransparent": "rgba(255,255,255,0)",
5
+ "pageHeaderBg": "#ffffff",
6
+ "marketingIcon": {
7
+ "primary": "#1168e3",
8
+ "secondary": "#368cf9"
9
+ },
10
+ "diffBlob": {
11
+ "addition": {
12
+ "numText": "#0e1116",
13
+ "fg": "#ffffff",
14
+ "numBg": "#ccffd8",
15
+ "lineBg": "#e6ffec",
16
+ "wordBg": "#055d20"
17
+ },
18
+ "deletion": {
19
+ "numText": "#0e1116",
20
+ "fg": "#ffffff",
21
+ "numBg": "#ffd7d5",
22
+ "lineBg": "#fff0ee",
23
+ "wordBg": "#a0111f"
24
+ },
25
+ "hunk": {
26
+ "numBg": "#9cd7ff"
27
+ },
28
+ "expander": {
29
+ "icon": "#0e1116"
30
+ },
31
+ "selectedLineHighlightMixBlendMode": "multiply"
32
+ },
33
+ "diffstat": {
34
+ "deletionBorder": "rgba(1,4,9,0.8)",
35
+ "additionBorder": "rgba(1,4,9,0.8)",
36
+ "additionBg": "#055d20"
37
+ },
38
+ "searchKeyword": {
39
+ "hl": "#fcf7be"
40
+ },
41
+ "prettylights": {
42
+ "syntax": {
43
+ "comment": "#4b535d",
44
+ "constant": "#023b95",
45
+ "entity": "#512598",
46
+ "storageModifierImport": "#0e1116",
47
+ "entityTag": "#024c1a",
48
+ "keyword": "#a0111f",
49
+ "string": "#032563",
50
+ "variable": "#702c00",
51
+ "brackethighlighterUnmatched": "#6e011a",
52
+ "invalidIllegalText": "#ffffff",
53
+ "invalidIllegalBg": "#6e011a",
54
+ "carriageReturnText": "#ffffff",
55
+ "carriageReturnBg": "#a0111f",
56
+ "stringRegexp": "#024c1a",
57
+ "markupList": "#2e1800",
58
+ "markupHeading": "#023b95",
59
+ "markupItalic": "#0e1116",
60
+ "markupBold": "#0e1116",
61
+ "markupDeletedText": "#6e011a",
62
+ "markupDeletedBg": "#fff0ee",
63
+ "markupInsertedText": "#024c1a",
64
+ "markupInsertedBg": "#d2fedb",
65
+ "markupChangedText": "#702c00",
66
+ "markupChangedBg": "#ffc67b",
67
+ "markupIgnoredText": "#e7ecf0",
68
+ "markupIgnoredBg": "#023b95",
69
+ "metaDiffRange": "#622cbc",
70
+ "brackethighlighterAngle": "#4b535d",
71
+ "sublimelinterGutterMark": "#88929d",
72
+ "constantOtherReferenceLink": "#032563"
73
+ }
74
+ },
75
+ "codemirror": {
76
+ "text": "#0e1116",
77
+ "bg": "#ffffff",
78
+ "guttersBg": "#ffffff",
79
+ "guttermarkerText": "#ffffff",
80
+ "guttermarkerSubtleText": "#66707b",
81
+ "linenumberText": "#0e1116",
82
+ "cursor": "#0e1116",
83
+ "selectionBg": "#368cf9",
84
+ "activelineBg": "#e7ecf0",
85
+ "matchingbracketText": "#0e1116",
86
+ "linesBg": "#ffffff",
87
+ "syntax": {
88
+ "comment": "#0e1116",
89
+ "constant": "#023b95",
90
+ "entity": "#622cbc",
91
+ "keyword": "#a0111f",
92
+ "storage": "#a0111f",
93
+ "string": "#032563",
94
+ "support": "#023b95",
95
+ "variable": "#702c00"
96
+ }
97
+ },
98
+ "checks": {
99
+ "bg": "#0e1116",
100
+ "runBorderWidth": "0px",
101
+ "containerBorderWidth": "0px",
102
+ "textPrimary": "#ffffff",
103
+ "textSecondary": "#88929d",
104
+ "textLink": "#368cf9",
105
+ "btnIcon": "#acb6c0",
106
+ "btnHoverIcon": "#ffffff",
107
+ "btnHoverBg": "rgba(255,255,255,0.125)",
108
+ "inputText": "#e7ecf0",
109
+ "inputPlaceholderText": "#88929d",
110
+ "inputFocusText": "#88929d",
111
+ "inputBg": "#20252c",
112
+ "inputShadow": "none",
113
+ "donutError": "#d5232c",
114
+ "donutPending": "#956400",
115
+ "donutSuccess": "#055d20",
116
+ "donutNeutral": "#acb6c0",
117
+ "dropdownText": "#acb6c0",
118
+ "dropdownBg": "#20252c",
119
+ "dropdownBorder": "#343b43",
120
+ "dropdownShadow": "rgba(1,4,9,0.3)",
121
+ "dropdownHoverText": "#ffffff",
122
+ "dropdownHoverBg": "#343b43",
123
+ "dropdownBtnHoverText": "#ffffff",
124
+ "dropdownBtnHoverBg": "#20252c",
125
+ "scrollbarThumbBg": "#4b535d",
126
+ "headerLabelText": "#ced5dc",
127
+ "headerLabelOpenText": "#ffffff",
128
+ "headerBorder": "#20252c",
129
+ "headerIcon": "#88929d",
130
+ "lineText": "#ced5dc",
131
+ "lineNumText": "rgba(136,146,157,0.75)",
132
+ "lineTimestampText": "#88929d",
133
+ "lineHoverBg": "#20252c",
134
+ "lineSelectedBg": "rgba(17,104,227,0.15)",
135
+ "lineSelectedNumText": "#368cf9",
136
+ "lineDtFmText": "#0e1116",
137
+ "lineDtFmBg": "#744500",
138
+ "gateBg": "rgba(96,55,0,0.15)",
139
+ "gateText": "#ced5dc",
140
+ "gateWaitingText": "#b58407",
141
+ "stepHeaderOpenBg": "#20252c",
142
+ "stepErrorText": "#ee5a5d",
143
+ "stepWarningText": "#b58407",
144
+ "loglineText": "#88929d",
145
+ "loglineNumText": "rgba(136,146,157,0.75)",
146
+ "loglineDebugText": "#a371f7",
147
+ "loglineErrorText": "#ced5dc",
148
+ "loglineErrorNumText": "#ee5a5d",
149
+ "loglineErrorBg": "rgba(134,6,29,0.15)",
150
+ "loglineWarningText": "#ced5dc",
151
+ "loglineWarningNumText": "#b58407",
152
+ "loglineWarningBg": "rgba(96,55,0,0.15)",
153
+ "loglineCommandText": "#368cf9",
154
+ "loglineSectionText": "#26a148",
155
+ "ansi": {
156
+ "black": "#0e1116",
157
+ "blackBright": "#20252c",
158
+ "white": "#ced5dc",
159
+ "whiteBright": "#ced5dc",
160
+ "gray": "#88929d",
161
+ "red": "#ee5a5d",
162
+ "redBright": "#ff8e8a",
163
+ "green": "#26a148",
164
+ "greenBright": "#43c663",
165
+ "yellow": "#b58407",
166
+ "yellowBright": "#d5a824",
167
+ "blue": "#368cf9",
168
+ "blueBright": "#67b3fd",
169
+ "magenta": "#a371f7",
170
+ "magentaBright": "#c49bff",
171
+ "cyan": "#76e3ea",
172
+ "cyanBright": "#b3f0ff"
173
+ }
174
+ },
175
+ "project": {
176
+ "headerBg": "#0e1116",
177
+ "sidebarBg": "#ffffff",
178
+ "gradientIn": "#ffffff",
179
+ "gradientOut": "rgba(255,255,255,0)"
180
+ },
181
+ "mktg": {
182
+ "btn": {
183
+ "bg": "#1b1f23",
184
+ "shadow": {
185
+ "outline": "rgb(0 0 0 / 15%) 0 0 0 1px inset",
186
+ "focus": "rgb(0 0 0 / 15%) 0 0 0 4px",
187
+ "hover": "0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)",
188
+ "hoverMuted": "rgb(0 0 0 / 70%) 0 0 0 2px inset"
189
+ }
190
+ }
191
+ },
192
+ "control": {
193
+ "borderColor": {
194
+ "emphasis": "#20252c"
195
+ }
196
+ },
197
+ "avatar": {
198
+ "bg": "#ffffff",
199
+ "border": "rgba(1,4,9,0.8)",
200
+ "stackFade": "#acb6c0",
201
+ "stackFadeMore": "#ced5dc",
202
+ "childShadow": "0 0 0 2px rgba(255,255,255,0.8)"
203
+ },
204
+ "topicTag": {
205
+ "border": "#0349b4"
206
+ },
207
+ "counter": {
208
+ "border": "#20252c"
209
+ },
210
+ "selectMenu": {
211
+ "backdropBorder": "rgba(0,0,0,0)",
212
+ "tapHighlight": "rgba(172,182,192,0.5)",
213
+ "tapFocusBg": "#9cd7ff"
214
+ },
215
+ "overlay": {
216
+ "shadow": "0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12)",
217
+ "backdrop": "rgba(136,146,157,0.2)"
218
+ },
219
+ "header": {
220
+ "text": "rgba(255,255,255,0.7)",
221
+ "bg": "#0e1116",
222
+ "divider": "#acb6c0",
223
+ "logo": "#ffffff"
224
+ },
225
+ "headerSearch": {
226
+ "bg": "#0e1116",
227
+ "border": "#4b535d"
228
+ },
229
+ "sidenav": {
230
+ "selectedBg": "#ffffff"
231
+ },
232
+ "menu": {
233
+ "bgActive": "rgba(0,0,0,0)"
234
+ },
235
+ "input": {
236
+ "disabledBg": "rgba(172,182,192,0.2)"
237
+ },
238
+ "timeline": {
239
+ "badgeBg": "#e7ecf0"
240
+ },
241
+ "ansi": {
242
+ "black": "#0e1116",
243
+ "blackBright": "#4b535d",
244
+ "white": "#66707b",
245
+ "whiteBright": "#88929d",
246
+ "gray": "#66707b",
247
+ "red": "#a0111f",
248
+ "redBright": "#86061d",
249
+ "green": "#024c1a",
250
+ "greenBright": "#055d20",
251
+ "yellow": "#3f2200",
252
+ "yellowBright": "#4e2c00",
253
+ "blue": "#0349b4",
254
+ "blueBright": "#1168e3",
255
+ "magenta": "#622cbc",
256
+ "magentaBright": "#844ae7",
257
+ "cyan": "#1b7c83",
258
+ "cyanBright": "#3192aa"
259
+ },
260
+ "btn": {
261
+ "text": "#0e1116",
262
+ "bg": "#e7ecf0",
263
+ "border": "rgba(1,4,9,0.8)",
264
+ "shadow": "0 1px 0 rgba(1,4,9,0.04)",
265
+ "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.25)",
266
+ "hoverBg": "#ced5dc",
267
+ "hoverBorder": "rgba(1,4,9,0.8)",
268
+ "activeBg": "#acb6c0",
269
+ "activeBorder": "rgba(1,4,9,0.8)",
270
+ "selectedBg": "#acb6c0",
271
+ "counterBg": "rgba(1,4,9,0.08)",
272
+ "primary": {
273
+ "text": "#ffffff",
274
+ "bg": "#055d20",
275
+ "border": "#013d14",
276
+ "shadow": "0 1px 0 rgba(1,4,9,0.1)",
277
+ "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
278
+ "hoverBg": "#024c1a",
279
+ "hoverBorder": "#013d14",
280
+ "selectedBg": "hsla(139,95%,13%,1)",
281
+ "selectedShadow": "inset 0 1px 0 rgba(0,35,11,0.2)",
282
+ "disabledText": "rgba(255,255,255,0.8)",
283
+ "disabledBg": "#94d3a2",
284
+ "disabledBorder": "rgba(1,4,9,0.8)",
285
+ "icon": "rgba(255,255,255,0.8)",
286
+ "counterBg": "rgba(0,35,11,0.2)"
287
+ },
288
+ "outline": {
289
+ "text": "#023b95",
290
+ "hoverText": "#ffffff",
291
+ "hoverBg": "#0349b4",
292
+ "hoverBorder": "#022f7a",
293
+ "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
294
+ "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
295
+ "hoverCounterBg": "rgba(255,255,255,0.2)",
296
+ "selectedText": "#ffffff",
297
+ "selectedBg": "#022f7a",
298
+ "selectedBorder": "#022f7a",
299
+ "selectedShadow": "inset 0 1px 0 rgba(2,26,74,0.2)",
300
+ "disabledText": "rgba(3,73,180,0.5)",
301
+ "disabledBg": "#e7ecf0",
302
+ "disabledCounterBg": "rgba(3,73,180,0.05)",
303
+ "counterBg": "#0969da1a",
304
+ "counterFg": "#023b95",
305
+ "hoverCounterFg": "#ffffff",
306
+ "disabledCounterFg": "rgba(3,73,180,0.5)"
307
+ },
308
+ "danger": {
309
+ "text": "#86061d",
310
+ "hoverText": "#ffffff",
311
+ "hoverBg": "#a0111f",
312
+ "hoverBorder": "#6e011a",
313
+ "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
314
+ "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
315
+ "hoverCounterBg": "rgba(255,255,255,0.2)",
316
+ "selectedText": "#ffffff",
317
+ "selectedBg": "#6e011a",
318
+ "selectedBorder": "#6e011a",
319
+ "selectedShadow": "inset 0 1px 0 rgba(67,0,17,0.2)",
320
+ "disabledText": "rgba(160,17,31,0.5)",
321
+ "disabledBg": "#e7ecf0",
322
+ "disabledCounterBg": "rgba(160,17,31,0.05)",
323
+ "counterBg": "rgba(160,17,31,0.1)",
324
+ "icon": "#86061d",
325
+ "hoverIcon": "#ffffff",
326
+ "counterFg": "#86061d",
327
+ "hoverCounterFg": "#ffffff",
328
+ "disabledCounterFg": "rgba(160,17,31,0.5)"
329
+ },
330
+ "inactive": {
331
+ "bg": "#e7ecf0",
332
+ "text": "#4b535d"
333
+ }
334
+ },
335
+ "underlinenav": {
336
+ "icon": "#66707b",
337
+ "borderHover": "rgba(172,182,192,0.2)"
338
+ },
339
+ "actionListItem": {
340
+ "inlineDivider": "#88929d",
341
+ "default": {
342
+ "hoverBg": "#e7ecf0",
343
+ "hoverBorder": "#88929d",
344
+ "activeBg": "#ced5dc",
345
+ "activeBorder": "#20252c",
346
+ "selectedBg": "#ced5dc"
347
+ },
348
+ "danger": {
349
+ "hoverBg": "#a0111f",
350
+ "activeBg": "#6e011a",
351
+ "hoverText": "#ffffff"
352
+ }
353
+ },
354
+ "switchTrack": {
355
+ "bg": "#66707b",
356
+ "hoverBg": "hsla(211,9%,47%,1)",
357
+ "activeBg": "hsla(211,9%,49%,1)",
358
+ "disabledBg": "#88929d",
359
+ "fg": "#ffffff",
360
+ "disabledFg": "#ffffff",
361
+ "border": "rgba(0,0,0,0)",
362
+ "checked": {
363
+ "bg": "#0349b4",
364
+ "hoverBg": "#0860CA",
365
+ "activeBg": "#0757BA",
366
+ "fg": "#ffffff",
367
+ "disabledFg": "#ffffff",
368
+ "border": "rgba(0,0,0,0)"
369
+ }
370
+ },
371
+ "switchKnob": {
372
+ "bg": "#ffffff",
373
+ "disabledBg": "#e7ecf0",
374
+ "border": "#20252c",
375
+ "checked": {
376
+ "bg": "#ffffff",
377
+ "disabledBg": "#e7ecf0",
378
+ "border": "#0349b4"
379
+ }
380
+ },
381
+ "segmentedControl": {
382
+ "bg": "#e7ecf0",
383
+ "button": {
384
+ "bg": "#ffffff",
385
+ "hover": {
386
+ "bg": "rgba(172,182,192,0.2)"
387
+ },
388
+ "active": {
389
+ "bg": "rgba(172,182,192,0.4)"
390
+ },
391
+ "selected": {
392
+ "border": "#88929d"
393
+ }
394
+ }
395
+ },
396
+ "treeViewItem": {
397
+ "chevron": {
398
+ "hoverBg": "#ced5dc"
399
+ },
400
+ "directory": {
401
+ "fill": "#368cf9"
402
+ }
403
+ },
404
+ "fg": {
405
+ "default": "#0e1116",
406
+ "muted": "#0e1116",
407
+ "subtle": "#66707b",
408
+ "onEmphasis": "#ffffff"
409
+ },
410
+ "canvas": {
411
+ "default": "#ffffff",
412
+ "overlay": "#ffffff",
413
+ "inset": "#ffffff",
414
+ "subtle": "#e7ecf0"
415
+ },
416
+ "border": {
417
+ "default": "#20252c",
418
+ "muted": "#88929d",
419
+ "subtle": "rgba(1,4,9,0.8)"
420
+ },
421
+ "shadow": {
422
+ "small": "0 1px 0 rgba(1,4,9,0.04)",
423
+ "medium": "0 3px 6px rgba(136,146,157,0.15)",
424
+ "large": "0 8px 24px rgba(136,146,157,0.2)",
425
+ "extraLarge": "0 12px 28px rgba(136,146,157,0.3)"
426
+ },
427
+ "neutral": {
428
+ "emphasisPlus": "#0e1116",
429
+ "emphasis": "#66707b",
430
+ "muted": "rgba(172,182,192,0.2)",
431
+ "subtle": "#e7ecf0"
432
+ },
433
+ "accent": {
434
+ "fg": "#0349b4",
435
+ "emphasis": "#0349b4",
436
+ "muted": "#368cf9",
437
+ "subtle": "#dff7ff"
438
+ },
439
+ "success": {
440
+ "fg": "#055d20",
441
+ "emphasis": "#055d20",
442
+ "muted": "#26a148",
443
+ "subtle": "#d2fedb"
444
+ },
445
+ "attention": {
446
+ "fg": "#744500",
447
+ "emphasis": "#744500",
448
+ "muted": "#b58407",
449
+ "subtle": "#fcf7be"
450
+ },
451
+ "severe": {
452
+ "fg": "#873800",
453
+ "emphasis": "#873800",
454
+ "muted": "#dc6d1a",
455
+ "subtle": "#fff2d5"
456
+ },
457
+ "danger": {
458
+ "fg": "#d1242f",
459
+ "emphasis": "#a0111f",
460
+ "muted": "#ee5a5d",
461
+ "subtle": "#fff0ee"
462
+ },
463
+ "open": {
464
+ "fg": "#055d20",
465
+ "emphasis": "#055d20",
466
+ "muted": "rgba(38,161,72,0.4)",
467
+ "subtle": "#d2fedb"
468
+ },
469
+ "closed": {
470
+ "fg": "#d1242f",
471
+ "emphasis": "#a0111f",
472
+ "muted": "rgba(238,90,93,0.4)",
473
+ "subtle": "#fff0ee"
474
+ },
475
+ "done": {
476
+ "fg": "#622cbc",
477
+ "emphasis": "#622cbc",
478
+ "muted": "#a371f7",
479
+ "subtle": "#faf0fe"
480
+ },
481
+ "sponsors": {
482
+ "fg": "#971368",
483
+ "emphasis": "#971368",
484
+ "muted": "#ed4baf",
485
+ "subtle": "#feeff7"
486
+ },
487
+ "primer": {
488
+ "fg": {
489
+ "disabled": "#88929d"
490
+ },
491
+ "canvas": {
492
+ "backdrop": "rgba(1,4,9,0.5)",
493
+ "sticky": "rgba(255,255,255,0.95)"
494
+ },
495
+ "border": {
496
+ "active": "#ef5b48",
497
+ "contrast": "rgba(1,4,9,0.1)"
498
+ },
499
+ "shadow": {
500
+ "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)",
501
+ "inset": "inset 0 1px 0 rgba(206,213,220,0.2)"
502
+ }
503
+ },
504
+ "scale": {
505
+ "black": "#010409",
506
+ "white": "#ffffff",
507
+ "gray": [
508
+ "#ffffff",
509
+ "#e7ecf0",
510
+ "#ced5dc",
511
+ "#acb6c0",
512
+ "#88929d",
513
+ "#66707b",
514
+ "#4b535d",
515
+ "#343b43",
516
+ "#20252c",
517
+ "#0e1116"
518
+ ],
519
+ "blue": [
520
+ "#dff7ff",
521
+ "#9cd7ff",
522
+ "#67b3fd",
523
+ "#368cf9",
524
+ "#1168e3",
525
+ "#0349b4",
526
+ "#023b95",
527
+ "#022f7a",
528
+ "#032563",
529
+ "#021a4a"
530
+ ],
531
+ "green": [
532
+ "#d2fedb",
533
+ "#82e596",
534
+ "#43c663",
535
+ "#26a148",
536
+ "#117f32",
537
+ "#055d20",
538
+ "#024c1a",
539
+ "#013d14",
540
+ "#003110",
541
+ "#00230b"
542
+ ],
543
+ "yellow": [
544
+ "#fcf7be",
545
+ "#f0ce53",
546
+ "#d5a824",
547
+ "#b58407",
548
+ "#956400",
549
+ "#744500",
550
+ "#603700",
551
+ "#4e2c00",
552
+ "#3f2200",
553
+ "#2e1800"
554
+ ],
555
+ "orange": [
556
+ "#fff2d5",
557
+ "#ffc67b",
558
+ "#f99636",
559
+ "#dc6d1a",
560
+ "#b45105",
561
+ "#873800",
562
+ "#702c00",
563
+ "#5b2300",
564
+ "#491b00",
565
+ "#361200"
566
+ ],
567
+ "red": [
568
+ "#fff0ee",
569
+ "#ffc1bc",
570
+ "#ff8e8a",
571
+ "#ee5a5d",
572
+ "#d5232c",
573
+ "#a0111f",
574
+ "#86061d",
575
+ "#6e011a",
576
+ "#5a0016",
577
+ "#430011"
578
+ ],
579
+ "purple": [
580
+ "#faf0fe",
581
+ "#e0c5ff",
582
+ "#c49bff",
583
+ "#a371f7",
584
+ "#844ae7",
585
+ "#622cbc",
586
+ "#512598",
587
+ "#411d7b",
588
+ "#341763",
589
+ "#260f49"
590
+ ],
591
+ "pink": [
592
+ "#feeff7",
593
+ "#ffbde0",
594
+ "#fc87ca",
595
+ "#ed4baf",
596
+ "#c9248e",
597
+ "#971368",
598
+ "#7d0c57",
599
+ "#660847",
600
+ "#53043a",
601
+ "#3e022b"
602
+ ],
603
+ "coral": [
604
+ "#fff0ed",
605
+ "#ffc2b6",
606
+ "#ff8f7e",
607
+ "#ef5b48",
608
+ "#cd3425",
609
+ "#9f1710",
610
+ "#870706",
611
+ "#6f0107",
612
+ "#5b0002",
613
+ "#430200"
614
+ ]
615
+ }
616
+ };