@primer/primitives 7.17.0-rc.39874fc0 → 7.17.0-rc.3aa69fdf

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 (134) hide show
  1. package/dist/docs/functional/typography/typography.json +39 -3
  2. package/dist/figma/figma.json +10 -1
  3. package/dist/figma/typography/typography.json +32 -0
  4. package/dist/styleLint/functional/typography/typography.json +39 -3
  5. package/package.json +2 -2
  6. package/src/PrimerStyleDictionary.ts +6 -0
  7. package/src/platforms/figma.ts +6 -0
  8. package/src/tokens/functional/typography/typography.json +21 -3
  9. package/src/transformers/fontFamilyToCss.ts +3 -4
  10. package/src/transformers/fontFamilyToFigma.ts +47 -0
  11. package/src/transformers/index.ts +1 -0
  12. package/src/transformers/utilities/hasSpaceInString.ts +6 -0
  13. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  14. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  15. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  16. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  17. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  18. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  19. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  20. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  21. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  22. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  23. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  24. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  25. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  26. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  27. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  28. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  29. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  30. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  31. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  32. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  33. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  34. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  35. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  36. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  37. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  38. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  39. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  40. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  41. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  42. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  43. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  44. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  45. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  46. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  47. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  48. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  49. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  50. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  51. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  52. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  53. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  54. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  55. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  56. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  57. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  58. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  59. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  60. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  61. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  62. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  63. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  64. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  65. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  66. package/dist/deprecated/colors.json +0 -7
  67. package/dist/js/colors/dark.d.ts +0 -516
  68. package/dist/js/colors/dark.js +0 -616
  69. package/dist/js/colors/dark_colorblind.d.ts +0 -516
  70. package/dist/js/colors/dark_colorblind.js +0 -616
  71. package/dist/js/colors/dark_dimmed.d.ts +0 -516
  72. package/dist/js/colors/dark_dimmed.js +0 -616
  73. package/dist/js/colors/dark_high_contrast.d.ts +0 -516
  74. package/dist/js/colors/dark_high_contrast.js +0 -616
  75. package/dist/js/colors/dark_tritanopia.d.ts +0 -516
  76. package/dist/js/colors/dark_tritanopia.js +0 -616
  77. package/dist/js/colors/index.d.ts +0 -4638
  78. package/dist/js/colors/index.js +0 -15
  79. package/dist/js/colors/light.d.ts +0 -516
  80. package/dist/js/colors/light.js +0 -616
  81. package/dist/js/colors/light_colorblind.d.ts +0 -516
  82. package/dist/js/colors/light_colorblind.js +0 -616
  83. package/dist/js/colors/light_high_contrast.d.ts +0 -516
  84. package/dist/js/colors/light_high_contrast.js +0 -616
  85. package/dist/js/colors/light_tritanopia.d.ts +0 -516
  86. package/dist/js/colors/light_tritanopia.js +0 -616
  87. package/dist/js/index.d.ts +0 -4655
  88. package/dist/js/index.js +0 -9
  89. package/dist/js/spacing/index.d.ts +0 -6
  90. package/dist/js/spacing/index.js +0 -7
  91. package/dist/js/spacing/normal.d.ts +0 -4
  92. package/dist/js/spacing/normal.js +0 -13
  93. package/dist/js/typography/index.d.ts +0 -11
  94. package/dist/js/typography/index.js +0 -7
  95. package/dist/js/typography/normal.d.ts +0 -9
  96. package/dist/js/typography/normal.js +0 -19
  97. package/dist/json/colors/dark.json +0 -614
  98. package/dist/json/colors/dark_colorblind.json +0 -614
  99. package/dist/json/colors/dark_dimmed.json +0 -614
  100. package/dist/json/colors/dark_high_contrast.json +0 -614
  101. package/dist/json/colors/dark_tritanopia.json +0 -614
  102. package/dist/json/colors/light.json +0 -614
  103. package/dist/json/colors/light_colorblind.json +0 -614
  104. package/dist/json/colors/light_high_contrast.json +0 -614
  105. package/dist/json/colors/light_tritanopia.json +0 -614
  106. package/dist/json/spacing/normal.json +0 -11
  107. package/dist/json/typography/normal.json +0 -17
  108. package/dist/removed/colors.json +0 -432
  109. package/dist/scss/colors/_dark.scss +0 -452
  110. package/dist/scss/colors/_dark_colorblind.scss +0 -452
  111. package/dist/scss/colors/_dark_dimmed.scss +0 -452
  112. package/dist/scss/colors/_dark_high_contrast.scss +0 -452
  113. package/dist/scss/colors/_dark_tritanopia.scss +0 -452
  114. package/dist/scss/colors/_light.scss +0 -452
  115. package/dist/scss/colors/_light_colorblind.scss +0 -452
  116. package/dist/scss/colors/_light_high_contrast.scss +0 -452
  117. package/dist/scss/colors/_light_tritanopia.scss +0 -452
  118. package/dist/scss/spacing/_normal.scss +0 -11
  119. package/dist/scss/typography/_normal.scss +0 -15
  120. package/dist/ts/colors/dark.ts +0 -614
  121. package/dist/ts/colors/dark_colorblind.ts +0 -614
  122. package/dist/ts/colors/dark_dimmed.ts +0 -614
  123. package/dist/ts/colors/dark_high_contrast.ts +0 -614
  124. package/dist/ts/colors/dark_tritanopia.ts +0 -614
  125. package/dist/ts/colors/index.ts +0 -10
  126. package/dist/ts/colors/light.ts +0 -614
  127. package/dist/ts/colors/light_colorblind.ts +0 -614
  128. package/dist/ts/colors/light_high_contrast.ts +0 -614
  129. package/dist/ts/colors/light_tritanopia.ts +0 -614
  130. package/dist/ts/index.ts +0 -4
  131. package/dist/ts/spacing/index.ts +0 -2
  132. package/dist/ts/spacing/normal.ts +0 -11
  133. package/dist/ts/typography/index.ts +0 -2
  134. package/dist/ts/typography/normal.ts +0 -17
package/dist/scss/colors/_dark_colorblind.scss DELETED
@@ -1,452 +0,0 @@
1
- @mixin primer-colors-dark_colorblind {
2
- & {
3
- --color-canvas-default-transparent: rgba(13,17,23,0);
4
- --color-page-header-bg: #0d1117;
5
- --color-marketing-icon-primary: #79c0ff;
6
- --color-marketing-icon-secondary: #1f6feb;
7
- --color-diff-blob-addition-num-text: #c9d1d9;
8
- --color-diff-blob-addition-fg: #c9d1d9;
9
- --color-diff-blob-addition-num-bg: rgba(88,166,255,0.3);
10
- --color-diff-blob-addition-line-bg: rgba(56,139,253,0.15);
11
- --color-diff-blob-addition-word-bg: rgba(56,139,253,0.4);
12
- --color-diff-blob-deletion-num-text: #c9d1d9;
13
- --color-diff-blob-deletion-fg: #c9d1d9;
14
- --color-diff-blob-deletion-num-bg: rgba(212,118,22,0.3);
15
- --color-diff-blob-deletion-line-bg: rgba(212,118,22,0.1);
16
- --color-diff-blob-deletion-word-bg: rgba(212,118,22,0.4);
17
- --color-diff-blob-hunk-num-bg: rgba(56,139,253,0.4);
18
- --color-diff-blob-expander-icon: #8b949e;
19
- --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
20
- --color-diffstat-deletion-border: rgba(240,246,252,0.1);
21
- --color-diffstat-addition-border: rgba(240,246,252,0.1);
22
- --color-diffstat-addition-bg: #58a6ff;
23
- --color-search-keyword-hl: rgba(210,153,34,0.4);
24
- --color-prettylights-syntax-comment: #8b949e;
25
- --color-prettylights-syntax-constant: #79c0ff;
26
- --color-prettylights-syntax-entity: #d2a8ff;
27
- --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
28
- --color-prettylights-syntax-entity-tag: #a5d6ff;
29
- --color-prettylights-syntax-keyword: #ec8e2c;
30
- --color-prettylights-syntax-string: #a5d6ff;
31
- --color-prettylights-syntax-variable: #fdac54;
32
- --color-prettylights-syntax-brackethighlighter-unmatched: #d47616;
33
- --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
34
- --color-prettylights-syntax-invalid-illegal-bg: #6c3906;
35
- --color-prettylights-syntax-carriage-return-text: #f0f6fc;
36
- --color-prettylights-syntax-carriage-return-bg: #914d04;
37
- --color-prettylights-syntax-string-regexp: #a5d6ff;
38
- --color-prettylights-syntax-markup-list: #f2cc60;
39
- --color-prettylights-syntax-markup-heading: #1f6feb;
40
- --color-prettylights-syntax-markup-italic: #c9d1d9;
41
- --color-prettylights-syntax-markup-bold: #c9d1d9;
42
- --color-prettylights-syntax-markup-deleted-text: #ffe2bb;
43
- --color-prettylights-syntax-markup-deleted-bg: #4e2906;
44
- --color-prettylights-syntax-markup-inserted-text: #cae8ff;
45
- --color-prettylights-syntax-markup-inserted-bg: #0c2d6b;
46
- --color-prettylights-syntax-markup-changed-text: #ffe2bb;
47
- --color-prettylights-syntax-markup-changed-bg: #4e2906;
48
- --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
49
- --color-prettylights-syntax-markup-ignored-bg: #1158c7;
50
- --color-prettylights-syntax-meta-diff-range: #d2a8ff;
51
- --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
52
- --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
53
- --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
54
- --color-codemirror-text: #c9d1d9;
55
- --color-codemirror-bg: #0d1117;
56
- --color-codemirror-gutters-bg: #0d1117;
57
- --color-codemirror-guttermarker-text: #0d1117;
58
- --color-codemirror-guttermarker-subtle-text: #6e7681;
59
- --color-codemirror-linenumber-text: #8b949e;
60
- --color-codemirror-cursor: #c9d1d9;
61
- --color-codemirror-selection-bg: rgba(56,139,253,0.4);
62
- --color-codemirror-activeline-bg: rgba(110,118,129,0.1);
63
- --color-codemirror-matchingbracket-text: #c9d1d9;
64
- --color-codemirror-lines-bg: #0d1117;
65
- --color-codemirror-syntax-comment: #8b949e;
66
- --color-codemirror-syntax-constant: #79c0ff;
67
- --color-codemirror-syntax-entity: #d2a8ff;
68
- --color-codemirror-syntax-keyword: #ec8e2c;
69
- --color-codemirror-syntax-storage: #ec8e2c;
70
- --color-codemirror-syntax-string: #a5d6ff;
71
- --color-codemirror-syntax-support: #79c0ff;
72
- --color-codemirror-syntax-variable: #fdac54;
73
- --color-checks-bg: #010409;
74
- --color-checks-run-border-width: 1px;
75
- --color-checks-container-border-width: 1px;
76
- --color-checks-text-primary: #c9d1d9;
77
- --color-checks-text-secondary: #8b949e;
78
- --color-checks-text-link: #58a6ff;
79
- --color-checks-btn-icon: #8b949e;
80
- --color-checks-btn-hover-icon: #c9d1d9;
81
- --color-checks-btn-hover-bg: rgba(110,118,129,0.1);
82
- --color-checks-input-text: #8b949e;
83
- --color-checks-input-placeholder-text: #6e7681;
84
- --color-checks-input-focus-text: #c9d1d9;
85
- --color-checks-input-bg: #161b22;
86
- --color-checks-input-shadow: 0 0 0 1px (obj) => (0, get_1.default)(obj, path);
87
- --color-checks-donut-error: #d47616;
88
- --color-checks-donut-pending: #d29922;
89
- --color-checks-donut-success: #388bfd;
90
- --color-checks-donut-neutral: #8b949e;
91
- --color-checks-dropdown-text: #c9d1d9;
92
- --color-checks-dropdown-bg: #161b22;
93
- --color-checks-dropdown-border: #30363d;
94
- --color-checks-dropdown-shadow: rgba(1,4,9,0.3);
95
- --color-checks-dropdown-hover-text: #c9d1d9;
96
- --color-checks-dropdown-hover-bg: rgba(110,118,129,0.1);
97
- --color-checks-dropdown-btn-hover-text: #c9d1d9;
98
- --color-checks-dropdown-btn-hover-bg: rgba(110,118,129,0.1);
99
- --color-checks-scrollbar-thumb-bg: rgba(110,118,129,0.4);
100
- --color-checks-header-label-text: #8b949e;
101
- --color-checks-header-label-open-text: #c9d1d9;
102
- --color-checks-header-border: #21262d;
103
- --color-checks-header-icon: #8b949e;
104
- --color-checks-line-text: #8b949e;
105
- --color-checks-line-num-text: #6e7681;
106
- --color-checks-line-timestamp-text: #6e7681;
107
- --color-checks-line-hover-bg: rgba(110,118,129,0.1);
108
- --color-checks-line-selected-bg: rgba(56,139,253,0.1);
109
- --color-checks-line-selected-num-text: #58a6ff;
110
- --color-checks-line-dt-fm-text: #ffffff;
111
- --color-checks-line-dt-fm-bg: #9e6a03;
112
- --color-checks-gate-bg: rgba(187,128,9,0.15);
113
- --color-checks-gate-text: #8b949e;
114
- --color-checks-gate-waiting-text: #d29922;
115
- --color-checks-step-header-open-bg: #161b22;
116
- --color-checks-step-error-text: #d47616;
117
- --color-checks-step-warning-text: #d29922;
118
- --color-checks-logline-text: #8b949e;
119
- --color-checks-logline-num-text: #6e7681;
120
- --color-checks-logline-debug-text: #a371f7;
121
- --color-checks-logline-error-text: #8b949e;
122
- --color-checks-logline-error-num-text: #6e7681;
123
- --color-checks-logline-error-bg: rgba(212,118,22,0.1);
124
- --color-checks-logline-warning-text: #8b949e;
125
- --color-checks-logline-warning-num-text: #d29922;
126
- --color-checks-logline-warning-bg: rgba(187,128,9,0.15);
127
- --color-checks-logline-command-text: #58a6ff;
128
- --color-checks-logline-section-text: #58a6ff;
129
- --color-checks-ansi-black: #0d1117;
130
- --color-checks-ansi-black-bright: #161b22;
131
- --color-checks-ansi-white: #b1bac4;
132
- --color-checks-ansi-white-bright: #b1bac4;
133
- --color-checks-ansi-gray: #6e7681;
134
- --color-checks-ansi-red: #ec8e2c;
135
- --color-checks-ansi-red-bright: #fdac54;
136
- --color-checks-ansi-green: #58a6ff;
137
- --color-checks-ansi-green-bright: #79c0ff;
138
- --color-checks-ansi-yellow: #d29922;
139
- --color-checks-ansi-yellow-bright: #e3b341;
140
- --color-checks-ansi-blue: #58a6ff;
141
- --color-checks-ansi-blue-bright: #79c0ff;
142
- --color-checks-ansi-magenta: #bc8cff;
143
- --color-checks-ansi-magenta-bright: #d2a8ff;
144
- --color-checks-ansi-cyan: #76e3ea;
145
- --color-checks-ansi-cyan-bright: #b3f0ff;
146
- --color-project-header-bg: #0d1117;
147
- --color-project-sidebar-bg: #161b22;
148
- --color-project-gradient-in: #161b22;
149
- --color-project-gradient-out: rgba(22,27,34,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: #606771;
156
- --color-avatar-bg: rgba(255,255,255,0.1);
157
- --color-avatar-border: rgba(240,246,252,0.1);
158
- --color-avatar-stack-fade: #30363d;
159
- --color-avatar-stack-fade-more: #21262d;
160
- --color-avatar-child-shadow: 0 0 0 2px #0d1117;
161
- --color-topic-tag-border: rgba(0,0,0,0);
162
- --color-counter-border: rgba(0,0,0,0);
163
- --color-select-menu-backdrop-border: #484f58;
164
- --color-select-menu-tap-highlight: rgba(48,54,61,0.5);
165
- --color-select-menu-tap-focus-bg: #0c2d6b;
166
- --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85);
167
- --color-overlay-backdrop: rgba(22,27,34,0.4);
168
- --color-header-text: rgba(255,255,255,0.7);
169
- --color-header-bg: #161b22;
170
- --color-header-divider: #8b949e;
171
- --color-header-logo: #f0f6fc;
172
- --color-header-search-bg: #0d1117;
173
- --color-header-search-border: #30363d;
174
- --color-sidenav-selected-bg: #21262d;
175
- --color-menu-bg-active: #161b22;
176
- --color-input-disabled-bg: rgba(110,118,129,0);
177
- --color-timeline-badge-bg: #21262d;
178
- --color-ansi-black: #484f58;
179
- --color-ansi-black-bright: #6e7681;
180
- --color-ansi-white: #b1bac4;
181
- --color-ansi-white-bright: #ffffff;
182
- --color-ansi-gray: #6e7681;
183
- --color-ansi-red: #ec8e2c;
184
- --color-ansi-red-bright: #fdac54;
185
- --color-ansi-green: #58a6ff;
186
- --color-ansi-green-bright: #79c0ff;
187
- --color-ansi-yellow: #d29922;
188
- --color-ansi-yellow-bright: #e3b341;
189
- --color-ansi-blue: #58a6ff;
190
- --color-ansi-blue-bright: #79c0ff;
191
- --color-ansi-magenta: #bc8cff;
192
- --color-ansi-magenta-bright: #d2a8ff;
193
- --color-ansi-cyan: #39c5cf;
194
- --color-ansi-cyan-bright: #56d4dd;
195
- --color-btn-text: #c9d1d9;
196
- --color-btn-bg: #21262d;
197
- --color-btn-border: rgba(240,246,252,0.1);
198
- --color-btn-shadow: 0 0 transparent;
199
- --color-btn-inset-shadow: 0 0 transparent;
200
- --color-btn-hover-bg: #30363d;
201
- --color-btn-hover-border: #8b949e;
202
- --color-btn-active-bg: hsla(212,12%,18%,1);
203
- --color-btn-active-border: #6e7681;
204
- --color-btn-selected-bg: #161b22;
205
- --color-btn-counter-bg: #30363d;
206
- --color-btn-primary-text: #ffffff;
207
- --color-btn-primary-bg: #1f6feb;
208
- --color-btn-primary-border: rgba(240,246,252,0.1);
209
- --color-btn-primary-shadow: 0 0 transparent;
210
- --color-btn-primary-inset-shadow: 0 0 transparent;
211
- --color-btn-primary-hover-bg: #388bfd;
212
- --color-btn-primary-hover-border: rgba(240,246,252,0.1);
213
- --color-btn-primary-selected-bg: #1f6feb;
214
- --color-btn-primary-selected-shadow: 0 0 transparent;
215
- --color-btn-primary-disabled-text: rgba(255,255,255,0.5);
216
- --color-btn-primary-disabled-bg: rgba(31,111,235,0.6);
217
- --color-btn-primary-disabled-border: rgba(240,246,252,0.1);
218
- --color-btn-primary-icon: #ffffff;
219
- --color-btn-primary-counter-bg: rgba(5,29,77,0.2);
220
- --color-btn-outline-text: #388bfd;
221
- --color-btn-outline-hover-text: #58a6ff;
222
- --color-btn-outline-hover-bg: #30363d;
223
- --color-btn-outline-hover-border: rgba(240,246,252,0.1);
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(5,29,77,0.2);
227
- --color-btn-outline-selected-text: #ffffff;
228
- --color-btn-outline-selected-bg: #0d419d;
229
- --color-btn-outline-selected-border: rgba(240,246,252,0.1);
230
- --color-btn-outline-selected-shadow: 0 0 transparent;
231
- --color-btn-outline-disabled-text: rgba(88,166,255,0.5);
232
- --color-btn-outline-disabled-bg: #0d1117;
233
- --color-btn-outline-disabled-counter-bg: rgba(31,111,235,0.05);
234
- --color-btn-outline-counter-bg: rgba(5,29,77,0.2);
235
- --color-btn-outline-hover-counter-fg: #58a6ff;
236
- --color-btn-outline-disabled-counter-fg: rgba(88,166,255,0.5);
237
- --color-btn-outline-counter-fg: #388bfd;
238
- --color-btn-danger-text: #d47616;
239
- --color-btn-danger-hover-text: #ffffff;
240
- --color-btn-danger-hover-bg: #b76100;
241
- --color-btn-danger-hover-border: #d47616;
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: #ffffff;
245
- --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2);
246
- --color-btn-danger-selected-text: #ffffff;
247
- --color-btn-danger-selected-bg: #914d04;
248
- --color-btn-danger-selected-border: #ec8e2c;
249
- --color-btn-danger-selected-shadow: 0 0 transparent;
250
- --color-btn-danger-disabled-text: rgba(212,118,22,0.5);
251
- --color-btn-danger-disabled-bg: #0d1117;
252
- --color-btn-danger-disabled-counter-bg: rgba(183,97,0,0.05);
253
- --color-btn-danger-counter-bg: rgba(51,28,4,0.2);
254
- --color-btn-danger-icon: #d47616;
255
- --color-btn-danger-counter-fg: #d47616;
256
- --color-btn-danger-disabled-counter-fg: rgba(212,118,22,0.5);
257
- --color-btn-danger-hover-counter-fg: #ffffff;
258
- --color-btn-inactive-bg: #21262d;
259
- --color-btn-inactive-text: #8b949e;
260
- --color-underlinenav-icon: #6e7681;
261
- --color-underlinenav-border-hover: rgba(110,118,129,0.4);
262
- --color-action-list-item-inline-divider: rgba(48,54,61,0.48);
263
- --color-action-list-item-default-hover-bg: rgba(177,186,196,0.12);
264
- --color-action-list-item-default-hover-border: rgba(0,0,0,0);
265
- --color-action-list-item-default-active-bg: rgba(177,186,196,0.2);
266
- --color-action-list-item-default-active-border: rgba(0,0,0,0);
267
- --color-action-list-item-default-selected-bg: rgba(177,186,196,0.08);
268
- --color-action-list-item-danger-hover-bg: rgba(212,118,22,0.16);
269
- --color-action-list-item-danger-active-bg: rgba(212,118,22,0.24);
270
- --color-action-list-item-danger-hover-text: #ec8e2c;
271
- --color-switch-track-bg: rgba(110,118,129,0.1);
272
- --color-switch-track-hover-bg: hsla(215,8%,72%,0.1);
273
- --color-switch-track-active-bg: rgba(110,118,129,0.4);
274
- --color-switch-track-disabled-bg: #21262d;
275
- --color-switch-track-fg: #8b949e;
276
- --color-switch-track-disabled-fg: #010409;
277
- --color-switch-track-border: rgba(0,0,0,0);
278
- --color-switch-track-checked-bg: rgba(31,111,235,0.35);
279
- --color-switch-track-checked-hover-bg: rgba(31,111,235,0.5);
280
- --color-switch-track-checked-active-bg: rgba(31,111,235,0.65);
281
- --color-switch-track-checked-fg: #ffffff;
282
- --color-switch-track-checked-disabled-fg: #010409;
283
- --color-switch-track-checked-border: rgba(0,0,0,0);
284
- --color-switch-knob-bg: #0d1117;
285
- --color-switch-knob-border: #606771;
286
- --color-switch-knob-disabled-bg: #161b22;
287
- --color-switch-knob-checked-bg: #0d1117;
288
- --color-switch-knob-checked-disabled-bg: #161b22;
289
- --color-switch-knob-checked-border: rgba(31,111,235,0.35);
290
- --color-segmented-control-bg: rgba(110,118,129,0.1);
291
- --color-segmented-control-button-bg: #0d1117;
292
- --color-segmented-control-button-hover-bg: #30363d;
293
- --color-segmented-control-button-active-bg: #21262d;
294
- --color-segmented-control-button-selected-border: #6e7681;
295
- --color-tree-view-item-chevron-hover-bg: rgba(177,186,196,0.12);
296
- --color-tree-view-item-directory-fill: #8b949e;
297
- --color-fg-default: #c9d1d9;
298
- --color-fg-muted: #8b949e;
299
- --color-fg-subtle: #6e7681;
300
- --color-fg-on-emphasis: #ffffff;
301
- --color-canvas-default: #0d1117;
302
- --color-canvas-overlay: #161b22;
303
- --color-canvas-inset: #010409;
304
- --color-canvas-subtle: #161b22;
305
- --color-border-default: #30363d;
306
- --color-border-muted: #21262d;
307
- --color-border-subtle: rgba(240,246,252,0.1);
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: #6e7681;
313
- --color-neutral-emphasis: #6e7681;
314
- --color-neutral-muted: rgba(110,118,129,0.4);
315
- --color-neutral-subtle: rgba(110,118,129,0.1);
316
- --color-accent-fg: #58a6ff;
317
- --color-accent-emphasis: #1f6feb;
318
- --color-accent-muted: rgba(56,139,253,0.4);
319
- --color-accent-subtle: rgba(56,139,253,0.1);
320
- --color-success-fg: #58a6ff;
321
- --color-success-emphasis: #1f6feb;
322
- --color-success-muted: rgba(56,139,253,0.4);
323
- --color-success-subtle: rgba(56,139,253,0.15);
324
- --color-attention-fg: #d29922;
325
- --color-attention-emphasis: #9e6a03;
326
- --color-attention-muted: rgba(187,128,9,0.4);
327
- --color-attention-subtle: rgba(187,128,9,0.15);
328
- --color-severe-fg: #d47616;
329
- --color-severe-emphasis: #b76100;
330
- --color-severe-muted: rgba(212,118,22,0.4);
331
- --color-severe-subtle: rgba(212,118,22,0.1);
332
- --color-danger-fg: #d47616;
333
- --color-danger-emphasis: #b76100;
334
- --color-danger-muted: rgba(212,118,22,0.4);
335
- --color-danger-subtle: rgba(212,118,22,0.1);
336
- --color-open-fg: #ec8e2c;
337
- --color-open-emphasis: #b76100;
338
- --color-open-muted: rgba(212,118,22,0.4);
339
- --color-open-subtle: rgba(212,118,22,0.15);
340
- --color-closed-fg: #8b949e;
341
- --color-closed-emphasis: #6e7681;
342
- --color-closed-muted: rgba(110,118,129,0.4);
343
- --color-closed-subtle: rgba(110,118,129,0.1);
344
- --color-done-fg: #a371f7;
345
- --color-done-emphasis: #8957e5;
346
- --color-done-muted: rgba(163,113,247,0.4);
347
- --color-done-subtle: rgba(163,113,247,0.1);
348
- --color-sponsors-fg: #db61a2;
349
- --color-sponsors-emphasis: #bf4b8a;
350
- --color-sponsors-muted: rgba(219,97,162,0.4);
351
- --color-sponsors-subtle: rgba(219,97,162,0.1);
352
- --color-primer-fg-disabled: #484f58;
353
- --color-primer-canvas-backdrop: rgba(1,4,9,0.8);
354
- --color-primer-canvas-sticky: rgba(13,17,23,0.95);
355
- --color-primer-border-active: #f78166;
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: #f0f6fc;
362
- --color-scale-gray-1: #c9d1d9;
363
- --color-scale-gray-2: #b1bac4;
364
- --color-scale-gray-3: #8b949e;
365
- --color-scale-gray-4: #6e7681;
366
- --color-scale-gray-5: #484f58;
367
- --color-scale-gray-6: #30363d;
368
- --color-scale-gray-7: #21262d;
369
- --color-scale-gray-8: #161b22;
370
- --color-scale-gray-9: #0d1117;
371
- --color-scale-blue-0: #cae8ff;
372
- --color-scale-blue-1: #a5d6ff;
373
- --color-scale-blue-2: #79c0ff;
374
- --color-scale-blue-3: #58a6ff;
375
- --color-scale-blue-4: #388bfd;
376
- --color-scale-blue-5: #1f6feb;
377
- --color-scale-blue-6: #1158c7;
378
- --color-scale-blue-7: #0d419d;
379
- --color-scale-blue-8: #0c2d6b;
380
- --color-scale-blue-9: #051d4d;
381
- --color-scale-green-0: #cae8ff;
382
- --color-scale-green-1: #a5d6ff;
383
- --color-scale-green-2: #79c0ff;
384
- --color-scale-green-3: #58a6ff;
385
- --color-scale-green-4: #388bfd;
386
- --color-scale-green-5: #1f6feb;
387
- --color-scale-green-6: #1158c7;
388
- --color-scale-green-7: #0d419d;
389
- --color-scale-green-8: #0c2d6b;
390
- --color-scale-green-9: #051d4d;
391
- --color-scale-yellow-0: #f8e3a1;
392
- --color-scale-yellow-1: #f2cc60;
393
- --color-scale-yellow-2: #e3b341;
394
- --color-scale-yellow-3: #d29922;
395
- --color-scale-yellow-4: #bb8009;
396
- --color-scale-yellow-5: #9e6a03;
397
- --color-scale-yellow-6: #845306;
398
- --color-scale-yellow-7: #693e00;
399
- --color-scale-yellow-8: #4b2900;
400
- --color-scale-yellow-9: #341a00;
401
- --color-scale-orange-0: #ffe2bb;
402
- --color-scale-orange-1: #ffc981;
403
- --color-scale-orange-2: #fdac54;
404
- --color-scale-orange-3: #ec8e2c;
405
- --color-scale-orange-4: #d47616;
406
- --color-scale-orange-5: #b76100;
407
- --color-scale-orange-6: #914d04;
408
- --color-scale-orange-7: #6c3906;
409
- --color-scale-orange-8: #4e2906;
410
- --color-scale-orange-9: #331c04;
411
- --color-scale-red-0: #ffe2bb;
412
- --color-scale-red-1: #ffc981;
413
- --color-scale-red-2: #fdac54;
414
- --color-scale-red-3: #ec8e2c;
415
- --color-scale-red-4: #d47616;
416
- --color-scale-red-5: #b76100;
417
- --color-scale-red-6: #914d04;
418
- --color-scale-red-7: #6c3906;
419
- --color-scale-red-8: #4e2906;
420
- --color-scale-red-9: #331c04;
421
- --color-scale-purple-0: #eddeff;
422
- --color-scale-purple-1: #e2c5ff;
423
- --color-scale-purple-2: #d2a8ff;
424
- --color-scale-purple-3: #bc8cff;
425
- --color-scale-purple-4: #a371f7;
426
- --color-scale-purple-5: #8957e5;
427
- --color-scale-purple-6: #6e40c9;
428
- --color-scale-purple-7: #553098;
429
- --color-scale-purple-8: #3c1e70;
430
- --color-scale-purple-9: #271052;
431
- --color-scale-pink-0: #ffdaec;
432
- --color-scale-pink-1: #ffbedd;
433
- --color-scale-pink-2: #ff9bce;
434
- --color-scale-pink-3: #f778ba;
435
- --color-scale-pink-4: #db61a2;
436
- --color-scale-pink-5: #bf4b8a;
437
- --color-scale-pink-6: #9e3670;
438
- --color-scale-pink-7: #7d2457;
439
- --color-scale-pink-8: #5e103e;
440
- --color-scale-pink-9: #42062a;
441
- --color-scale-coral-0: #ffddd2;
442
- --color-scale-coral-1: #ffc2b2;
443
- --color-scale-coral-2: #ffa28b;
444
- --color-scale-coral-3: #f78166;
445
- --color-scale-coral-4: #ea6045;
446
- --color-scale-coral-5: #cf462d;
447
- --color-scale-coral-6: #ac3220;
448
- --color-scale-coral-7: #872012;
449
- --color-scale-coral-8: #640d04;
450
- --color-scale-coral-9: #460701;
451
- }
452
- }