@primer/react-brand 0.1.0-rc.ae0dfda → 0.1.0

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 (82) hide show
  1. package/fonts/alliance-1.woff2 +0 -0
  2. package/fonts/alliance-2.woff2 +0 -0
  3. package/fonts/fonts.css +30 -0
  4. package/lib/Heading/Heading.d.ts +20 -0
  5. package/lib/Heading/index.d.ts +1 -0
  6. package/lib/Hero/Hero.d.ts +3 -2
  7. package/lib/LinkButton/LinkButton.d.ts +1 -0
  8. package/lib/MonaSans/MonaSans.d.ts +10 -0
  9. package/lib/MonaSans/index.d.ts +1 -0
  10. package/lib/Text/Text.d.ts +36 -0
  11. package/lib/Text/index.d.ts +1 -0
  12. package/lib/css/main.css +1328 -59
  13. package/lib/css/stylesheets.d.ts +9 -0
  14. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +805 -0
  15. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +139 -0
  16. package/lib/design-tokens/css/tokens/base/size/size.css +24 -0
  17. package/lib/design-tokens/css/tokens/base/typography/typography.css +14 -0
  18. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +58 -0
  19. package/lib/design-tokens/css/tokens/functional/colors/global.css +22 -0
  20. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +28 -0
  21. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +9 -0
  22. package/lib/design-tokens/css/tokens/functional/size/border.css +17 -0
  23. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +13 -0
  24. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +10 -0
  25. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +10 -0
  26. package/lib/design-tokens/css/tokens/functional/size/size.css +54 -0
  27. package/lib/design-tokens/css/tokens/functional/size/viewport.css +6 -0
  28. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +166 -0
  29. package/lib/design-tokens/css/tokens/functional/typography/typography.css +65 -0
  30. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +2551 -0
  31. package/lib/design-tokens/js/module/tokens/base/size/size.js +266 -0
  32. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +125 -0
  33. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +289 -0
  34. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +47 -0
  35. package/lib/design-tokens/js/module/tokens/functional/size/border.js +165 -0
  36. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +101 -0
  37. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +73 -0
  38. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +73 -0
  39. package/lib/design-tokens/js/module/tokens/functional/size/size.js +824 -0
  40. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +101 -0
  41. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1973 -0
  42. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +137 -0
  43. package/lib/design-tokens/js/tokens/base/size/size.js +22 -0
  44. package/lib/design-tokens/js/tokens/base/typography/typography.js +12 -0
  45. package/lib/design-tokens/js/tokens/functional/colors/global.js +20 -0
  46. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +7 -0
  47. package/lib/design-tokens/js/tokens/functional/size/border.js +15 -0
  48. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +11 -0
  49. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +8 -0
  50. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +8 -0
  51. package/lib/design-tokens/js/tokens/functional/size/size.js +52 -0
  52. package/lib/design-tokens/js/tokens/functional/size/viewport.js +11 -0
  53. package/lib/design-tokens/js/tokens/functional/typography/typography.js +63 -0
  54. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +176 -0
  55. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +175 -0
  56. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +29 -0
  57. package/lib/design-tokens/ts/tokens/base/size/size.js +28 -0
  58. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +111 -0
  59. package/lib/design-tokens/ts/tokens/base/typography/typography.js +20 -0
  60. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +35 -0
  61. package/lib/design-tokens/ts/tokens/functional/colors/global.js +34 -0
  62. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +18 -0
  63. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +17 -0
  64. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +26 -0
  65. package/lib/design-tokens/ts/tokens/functional/size/border.js +25 -0
  66. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +18 -0
  67. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +17 -0
  68. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +27 -0
  69. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +26 -0
  70. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +27 -0
  71. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +26 -0
  72. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +101 -0
  73. package/lib/design-tokens/ts/tokens/functional/size/size.js +100 -0
  74. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +18 -0
  75. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +17 -0
  76. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +92 -0
  77. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +91 -0
  78. package/lib/index.d.ts +3 -0
  79. package/lib/index.js +1 -1
  80. package/package.json +20 -18
  81. package/CHANGELOG.md +0 -23
  82. package/lib/css/gh-variables.color.css +0 -1025
@@ -1,1025 +0,0 @@
1
- :root {
2
- --gh-color-canvasDefaultTransparent: rgba(255, 255, 255, 0);
3
- --gh-color-pageHeaderBg: #f6f8fa;
4
- --gh-color-marketingIcon-primary: #218bff;
5
- --gh-color-marketingIcon-secondary: #54aeff;
6
- --gh-color-diffBlob-addition-numText: #24292f;
7
- --gh-color-diffBlob-addition-fg: #24292f;
8
- --gh-color-diffBlob-addition-numBg: #ccffd8;
9
- --gh-color-diffBlob-addition-lineBg: #e6ffec;
10
- --gh-color-diffBlob-addition-wordBg: #abf2bc;
11
- --gh-color-diffBlob-deletion-numText: #24292f;
12
- --gh-color-diffBlob-deletion-fg: #24292f;
13
- --gh-color-diffBlob-deletion-numBg: #ffd7d5;
14
- --gh-color-diffBlob-deletion-lineBg: #ffebe9;
15
- --gh-color-diffBlob-deletion-wordBg: rgba(255, 129, 130, 0.4);
16
- --gh-color-diffBlob-hunk-numBg: rgba(84, 174, 255, 0.4);
17
- --gh-color-diffBlob-expander-icon: #57606a;
18
- --gh-color-diffBlob-selectedLineHighlightMixBlendMode: multiply;
19
- --gh-color-diffstat-deletionBorder: rgba(27, 31, 36, 0.15);
20
- --gh-color-diffstat-additionBorder: rgba(27, 31, 36, 0.15);
21
- --gh-color-diffstat-additionBg: #2da44e;
22
- --gh-color-searchKeyword-hl: #fff8c5;
23
- --gh-color-prettylights-syntax-comment: #6e7781;
24
- --gh-color-prettylights-syntax-constant: #0550ae;
25
- --gh-color-prettylights-syntax-entity: #8250df;
26
- --gh-color-prettylights-syntax-storageModifierImport: #24292f;
27
- --gh-color-prettylights-syntax-entityTag: #116329;
28
- --gh-color-prettylights-syntax-keyword: #cf222e;
29
- --gh-color-prettylights-syntax-string: #0a3069;
30
- --gh-color-prettylights-syntax-variable: #953800;
31
- --gh-color-prettylights-syntax-brackethighlighterUnmatched: #82071e;
32
- --gh-color-prettylights-syntax-invalidIllegalText: #f6f8fa;
33
- --gh-color-prettylights-syntax-invalidIllegalBg: #82071e;
34
- --gh-color-prettylights-syntax-carriageReturnText: #f6f8fa;
35
- --gh-color-prettylights-syntax-carriageReturnBg: #cf222e;
36
- --gh-color-prettylights-syntax-stringRegexp: #116329;
37
- --gh-color-prettylights-syntax-markupList: #3b2300;
38
- --gh-color-prettylights-syntax-markupHeading: #0550ae;
39
- --gh-color-prettylights-syntax-markupItalic: #24292f;
40
- --gh-color-prettylights-syntax-markupBold: #24292f;
41
- --gh-color-prettylights-syntax-markupDeletedText: #82071e;
42
- --gh-color-prettylights-syntax-markupDeletedBg: #ffebe9;
43
- --gh-color-prettylights-syntax-markupInsertedText: #116329;
44
- --gh-color-prettylights-syntax-markupInsertedBg: #dafbe1;
45
- --gh-color-prettylights-syntax-markupChangedText: #953800;
46
- --gh-color-prettylights-syntax-markupChangedBg: #ffd8b5;
47
- --gh-color-prettylights-syntax-markupIgnoredText: #eaeef2;
48
- --gh-color-prettylights-syntax-markupIgnoredBg: #0550ae;
49
- --gh-color-prettylights-syntax-metaDiffRange: #8250df;
50
- --gh-color-prettylights-syntax-brackethighlighterAngle: #57606a;
51
- --gh-color-prettylights-syntax-sublimelinterGutterMark: #8c959f;
52
- --gh-color-prettylights-syntax-constantOtherReferenceLink: #0a3069;
53
- --gh-color-codemirror-text: #24292f;
54
- --gh-color-codemirror-bg: #ffffff;
55
- --gh-color-codemirror-guttersBg: #ffffff;
56
- --gh-color-codemirror-guttermarkerText: #ffffff;
57
- --gh-color-codemirror-guttermarkerSubtleText: #6e7781;
58
- --gh-color-codemirror-linenumberText: #57606a;
59
- --gh-color-codemirror-cursor: #24292f;
60
- --gh-color-codemirror-selectionBg: rgba(84, 174, 255, 0.4);
61
- --gh-color-codemirror-activelineBg: rgba(234, 238, 242, 0.5);
62
- --gh-color-codemirror-matchingbracketText: #24292f;
63
- --gh-color-codemirror-linesBg: #ffffff;
64
- --gh-color-codemirror-syntax-comment: #24292f;
65
- --gh-color-codemirror-syntax-constant: #0550ae;
66
- --gh-color-codemirror-syntax-entity: #8250df;
67
- --gh-color-codemirror-syntax-keyword: #cf222e;
68
- --gh-color-codemirror-syntax-storage: #cf222e;
69
- --gh-color-codemirror-syntax-string: #0a3069;
70
- --gh-color-codemirror-syntax-support: #0550ae;
71
- --gh-color-codemirror-syntax-variable: #953800;
72
- --gh-color-checks-bg: #24292f;
73
- --gh-color-checks-runBorderWidth: 0px;
74
- --gh-color-checks-containerBorderWidth: 0px;
75
- --gh-color-checks-textPrimary: #f6f8fa;
76
- --gh-color-checks-textSecondary: #8c959f;
77
- --gh-color-checks-textLink: #54aeff;
78
- --gh-color-checks-btnIcon: #afb8c1;
79
- --gh-color-checks-btnHoverIcon: #f6f8fa;
80
- --gh-color-checks-btnHoverBg: rgba(255, 255, 255, 0.125);
81
- --gh-color-checks-inputText: #eaeef2;
82
- --gh-color-checks-inputPlaceholderText: #8c959f;
83
- --gh-color-checks-inputFocusText: #8c959f;
84
- --gh-color-checks-inputBg: #32383f;
85
- --gh-color-checks-inputShadow: none;
86
- --gh-color-checks-donutError: #fa4549;
87
- --gh-color-checks-donutPending: #bf8700;
88
- --gh-color-checks-donutSuccess: #2da44e;
89
- --gh-color-checks-donutNeutral: #afb8c1;
90
- --gh-color-checks-dropdownText: #afb8c1;
91
- --gh-color-checks-dropdownBg: #32383f;
92
- --gh-color-checks-dropdownBorder: #424a53;
93
- --gh-color-checks-dropdownShadow: rgba(27, 31, 36, 0.3);
94
- --gh-color-checks-dropdownHoverText: #f6f8fa;
95
- --gh-color-checks-dropdownHoverBg: #424a53;
96
- --gh-color-checks-dropdownBtnHoverText: #f6f8fa;
97
- --gh-color-checks-dropdownBtnHoverBg: #32383f;
98
- --gh-color-checks-scrollbarThumbBg: #57606a;
99
- --gh-color-checks-headerLabelText: #d0d7de;
100
- --gh-color-checks-headerLabelOpenText: #f6f8fa;
101
- --gh-color-checks-headerBorder: #32383f;
102
- --gh-color-checks-headerIcon: #8c959f;
103
- --gh-color-checks-lineText: #d0d7de;
104
- --gh-color-checks-lineNumText: rgba(140, 149, 159, 0.75);
105
- --gh-color-checks-lineTimestampText: #8c959f;
106
- --gh-color-checks-lineHoverBg: #32383f;
107
- --gh-color-checks-lineSelectedBg: rgba(33, 139, 255, 0.15);
108
- --gh-color-checks-lineSelectedNumText: #54aeff;
109
- --gh-color-checks-lineDtFmText: #24292f;
110
- --gh-color-checks-lineDtFmBg: #9a6700;
111
- --gh-color-checks-gateBg: rgba(125, 78, 0, 0.15);
112
- --gh-color-checks-gateText: #d0d7de;
113
- --gh-color-checks-gateWaitingText: #d4a72c;
114
- --gh-color-checks-stepHeaderOpenBg: #32383f;
115
- --gh-color-checks-stepErrorText: #ff8182;
116
- --gh-color-checks-stepWarningText: #d4a72c;
117
- --gh-color-checks-loglineText: #8c959f;
118
- --gh-color-checks-loglineNumText: rgba(140, 149, 159, 0.75);
119
- --gh-color-checks-loglineDebugText: #c297ff;
120
- --gh-color-checks-loglineErrorText: #d0d7de;
121
- --gh-color-checks-loglineErrorNumText: #ff8182;
122
- --gh-color-checks-loglineErrorBg: rgba(164, 14, 38, 0.15);
123
- --gh-color-checks-loglineWarningText: #d0d7de;
124
- --gh-color-checks-loglineWarningNumText: #d4a72c;
125
- --gh-color-checks-loglineWarningBg: rgba(125, 78, 0, 0.15);
126
- --gh-color-checks-loglineCommandText: #54aeff;
127
- --gh-color-checks-loglineSectionText: #4ac26b;
128
- --gh-color-checks-ansi-black: #24292f;
129
- --gh-color-checks-ansi-blackBright: #32383f;
130
- --gh-color-checks-ansi-white: #d0d7de;
131
- --gh-color-checks-ansi-whiteBright: #d0d7de;
132
- --gh-color-checks-ansi-gray: #8c959f;
133
- --gh-color-checks-ansi-red: #ff8182;
134
- --gh-color-checks-ansi-redBright: #ffaba8;
135
- --gh-color-checks-ansi-green: #4ac26b;
136
- --gh-color-checks-ansi-greenBright: #6fdd8b;
137
- --gh-color-checks-ansi-yellow: #d4a72c;
138
- --gh-color-checks-ansi-yellowBright: #eac54f;
139
- --gh-color-checks-ansi-blue: #54aeff;
140
- --gh-color-checks-ansi-blueBright: #80ccff;
141
- --gh-color-checks-ansi-magenta: #c297ff;
142
- --gh-color-checks-ansi-magentaBright: #d8b9ff;
143
- --gh-color-checks-ansi-cyan: #76e3ea;
144
- --gh-color-checks-ansi-cyanBright: #b3f0ff;
145
- --gh-color-project-headerBg: #24292f;
146
- --gh-color-project-sidebarBg: #ffffff;
147
- --gh-color-project-gradientIn: #ffffff;
148
- --gh-color-project-gradientOut: rgba(255, 255, 255, 0);
149
- --gh-color-mktg-btn-bg: #1b1f23;
150
- --gh-color-mktg-btn-shadow-outline: rgb(0 0 0 / 15%) 0 0 0 1px inset;
151
- --gh-color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px;
152
- --gh-color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07),
153
- 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03),
154
- 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02),
155
- 0 100px 80px rgba(0, 0, 0, 0.02);
156
- --gh-color-mktg-btn-shadow-hoverMuted: rgb(0 0 0 / 70%) 0 0 0 2px inset;
157
- --gh-color-avatar-bg: #ffffff;
158
- --gh-color-avatar-border: rgba(27, 31, 36, 0.15);
159
- --gh-color-avatar-stackFade: #afb8c1;
160
- --gh-color-avatar-stackFadeMore: #d0d7de;
161
- --gh-color-avatar-childShadow: -2px -2px 0 rgba(255, 255, 255, 0.8);
162
- --gh-color-topicTag-border: rgba(0, 0, 0, 0);
163
- --gh-color-counter-border: rgba(0, 0, 0, 0);
164
- --gh-color-selectMenu-backdropBorder: rgba(0, 0, 0, 0);
165
- --gh-color-selectMenu-tapHighlight: rgba(175, 184, 193, 0.5);
166
- --gh-color-selectMenu-tapFocusBg: #b6e3ff;
167
- --gh-color-overlay-shadow: 0 1px 3px rgba(27, 31, 36, 0.12),
168
- 0 8px 24px rgba(66, 74, 83, 0.12);
169
- --gh-color-header-text: rgba(255, 255, 255, 0.7);
170
- --gh-color-header-bg: #24292f;
171
- --gh-color-header-divider: #57606a;
172
- --gh-color-header-logo: #ffffff;
173
- --gh-color-headerSearch-bg: #24292f;
174
- --gh-color-headerSearch-border: #57606a;
175
- --gh-color-sidenav-selectedBg: #ffffff;
176
- --gh-color-menu-bgActive: rgba(0, 0, 0, 0);
177
- --gh-color-input-disabledBg: rgba(175, 184, 193, 0.2);
178
- --gh-color-timeline-badgeBg: #eaeef2;
179
- --gh-color-ansi-black: #24292f;
180
- --gh-color-ansi-blackBright: #57606a;
181
- --gh-color-ansi-white: #6e7781;
182
- --gh-color-ansi-whiteBright: #8c959f;
183
- --gh-color-ansi-gray: #6e7781;
184
- --gh-color-ansi-red: #cf222e;
185
- --gh-color-ansi-redBright: #a40e26;
186
- --gh-color-ansi-green: #116329;
187
- --gh-color-ansi-greenBright: #1a7f37;
188
- --gh-color-ansi-yellow: #4d2d00;
189
- --gh-color-ansi-yellowBright: #633c01;
190
- --gh-color-ansi-blue: #0969da;
191
- --gh-color-ansi-blueBright: #218bff;
192
- --gh-color-ansi-magenta: #8250df;
193
- --gh-color-ansi-magentaBright: #a475f9;
194
- --gh-color-ansi-cyan: #1b7c83;
195
- --gh-color-ansi-cyanBright: #3192aa;
196
- --gh-color-btn-text: #24292f;
197
- --gh-color-btn-bg: #f6f8fa;
198
- --gh-color-btn-border: rgba(27, 31, 36, 0.15);
199
- --gh-color-btn-shadow: 0 1px 0 rgba(27, 31, 36, 0.04);
200
- --gh-color-btn-insetShadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
201
- --gh-color-btn-hoverBg: #f3f4f6;
202
- --gh-color-btn-hoverBorder: rgba(27, 31, 36, 0.15);
203
- --gh-color-btn-activeBg: hsla(220, 14%, 93%, 1);
204
- --gh-color-btn-activeBorder: rgba(27, 31, 36, 0.15);
205
- --gh-color-btn-selectedBg: hsla(220, 14%, 94%, 1);
206
- --gh-color-btn-focusBg: #f6f8fa;
207
- --gh-color-btn-focusBorder: rgba(27, 31, 36, 0.15);
208
- --gh-color-btn-focusShadow: 0 0 0 3px rgba(9, 105, 218, 0.3);
209
- --gh-color-btn-shadowActive: inset 0 0.15em 0.3em rgba(27, 31, 36, 0.15);
210
- --gh-color-btn-shadowInputFocus: 0 0 0 0.2em rgba(9, 105, 218, 0.3);
211
- --gh-color-btn-counterBg: rgba(27, 31, 36, 0.08);
212
- --gh-color-btn-primary-text: #ffffff;
213
- --gh-color-btn-primary-bg: #2da44e;
214
- --gh-color-btn-primary-border: rgba(27, 31, 36, 0.15);
215
- --gh-color-btn-primary-shadow: 0 1px 0 rgba(27, 31, 36, 0.1);
216
- --gh-color-btn-primary-insetShadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
217
- --gh-color-btn-primary-hoverBg: #2c974b;
218
- --gh-color-btn-primary-hoverBorder: rgba(27, 31, 36, 0.15);
219
- --gh-color-btn-primary-selectedBg: hsla(137, 55%, 36%, 1);
220
- --gh-color-btn-primary-selectedShadow: inset 0 1px 0 rgba(0, 45, 17, 0.2);
221
- --gh-color-btn-primary-disabledText: rgba(255, 255, 255, 0.8);
222
- --gh-color-btn-primary-disabledBg: #94d3a2;
223
- --gh-color-btn-primary-disabledBorder: rgba(27, 31, 36, 0.15);
224
- --gh-color-btn-primary-focusBg: #2da44e;
225
- --gh-color-btn-primary-focusBorder: rgba(27, 31, 36, 0.15);
226
- --gh-color-btn-primary-focusShadow: 0 0 0 3px rgba(45, 164, 78, 0.4);
227
- --gh-color-btn-primary-icon: rgba(255, 255, 255, 0.8);
228
- --gh-color-btn-primary-counterBg: rgba(255, 255, 255, 0.2);
229
- --gh-color-btn-outline-text: #0969da;
230
- --gh-color-btn-outline-hoverText: #ffffff;
231
- --gh-color-btn-outline-hoverBg: #0969da;
232
- --gh-color-btn-outline-hoverBorder: rgba(27, 31, 36, 0.15);
233
- --gh-color-btn-outline-hoverShadow: 0 1px 0 rgba(27, 31, 36, 0.1);
234
- --gh-color-btn-outline-hoverInsetShadow: inset 0 1px 0
235
- rgba(255, 255, 255, 0.03);
236
- --gh-color-btn-outline-hoverCounterBg: rgba(255, 255, 255, 0.2);
237
- --gh-color-btn-outline-selectedText: #ffffff;
238
- --gh-color-btn-outline-selectedBg: hsla(212, 92%, 42%, 1);
239
- --gh-color-btn-outline-selectedBorder: rgba(27, 31, 36, 0.15);
240
- --gh-color-btn-outline-selectedShadow: inset 0 1px 0 rgba(0, 33, 85, 0.2);
241
- --gh-color-btn-outline-disabledText: rgba(9, 105, 218, 0.5);
242
- --gh-color-btn-outline-disabledBg: #f6f8fa;
243
- --gh-color-btn-outline-disabledCounterBg: rgba(9, 105, 218, 0.05);
244
- --gh-color-btn-outline-focusBorder: rgba(27, 31, 36, 0.15);
245
- --gh-color-btn-outline-focusShadow: 0 0 0 3px rgba(5, 80, 174, 0.4);
246
- --gh-color-btn-outline-counterBg: rgba(9, 105, 218, 0.1);
247
- --gh-color-btn-danger-text: #cf222e;
248
- --gh-color-btn-danger-hoverText: #ffffff;
249
- --gh-color-btn-danger-hoverBg: #a40e26;
250
- --gh-color-btn-danger-hoverBorder: rgba(27, 31, 36, 0.15);
251
- --gh-color-btn-danger-hoverShadow: 0 1px 0 rgba(27, 31, 36, 0.1);
252
- --gh-color-btn-danger-hoverInsetShadow: inset 0 1px 0
253
- rgba(255, 255, 255, 0.03);
254
- --gh-color-btn-danger-hoverCounterBg: rgba(255, 255, 255, 0.2);
255
- --gh-color-btn-danger-selectedText: #ffffff;
256
- --gh-color-btn-danger-selectedBg: hsla(356, 72%, 44%, 1);
257
- --gh-color-btn-danger-selectedBorder: rgba(27, 31, 36, 0.15);
258
- --gh-color-btn-danger-selectedShadow: inset 0 1px 0 rgba(76, 0, 20, 0.2);
259
- --gh-color-btn-danger-disabledText: rgba(207, 34, 46, 0.5);
260
- --gh-color-btn-danger-disabledBg: #f6f8fa;
261
- --gh-color-btn-danger-disabledCounterBg: rgba(207, 34, 46, 0.05);
262
- --gh-color-btn-danger-focusBorder: rgba(27, 31, 36, 0.15);
263
- --gh-color-btn-danger-focusShadow: 0 0 0 3px rgba(164, 14, 38, 0.4);
264
- --gh-color-btn-danger-counterBg: rgba(207, 34, 46, 0.1);
265
- --gh-color-btn-danger-icon: #cf222e;
266
- --gh-color-btn-danger-hoverIcon: #ffffff;
267
- --gh-color-underlinenav-icon: #6e7781;
268
- --gh-color-underlinenav-borderHover: rgba(175, 184, 193, 0.2);
269
- --gh-color-actionListItem-inlineDivider: rgba(208, 215, 222, 0.48);
270
- --gh-color-actionListItem-default-hoverBg: rgba(208, 215, 222, 0.32);
271
- --gh-color-actionListItem-default-hoverBorder: rgba(0, 0, 0, 0);
272
- --gh-color-actionListItem-default-activeBg: rgba(208, 215, 222, 0.48);
273
- --gh-color-actionListItem-default-activeBorder: rgba(0, 0, 0, 0);
274
- --gh-color-actionListItem-default-selectedBg: rgba(208, 215, 222, 0.24);
275
- --gh-color-actionListItem-danger-hoverBg: rgba(255, 235, 233, 0.64);
276
- --gh-color-actionListItem-danger-activeBg: #ffebe9;
277
- --gh-color-actionListItem-danger-hoverText: #cf222e;
278
- --gh-color-fg-default: #24292f;
279
- --gh-color-fg-muted: #57606a;
280
- --gh-color-fg-subtle: #6e7781;
281
- --gh-color-fg-onEmphasis: #ffffff;
282
- --gh-color-canvas-default: #ffffff;
283
- --gh-color-canvas-overlay: #ffffff;
284
- --gh-color-canvas-inset: #f6f8fa;
285
- --gh-color-canvas-subtle: #f6f8fa;
286
- --gh-color-border-default: #d0d7de;
287
- --gh-color-border-muted: hsla(210, 18%, 87%, 1);
288
- --gh-color-border-subtle: rgba(27, 31, 36, 0.15);
289
- --gh-color-shadow-small: 0 1px 0 rgba(27, 31, 36, 0.04);
290
- --gh-color-shadow-medium: 0 3px 6px rgba(140, 149, 159, 0.15);
291
- --gh-color-shadow-large: 0 8px 24px rgba(140, 149, 159, 0.2);
292
- --gh-color-shadow-extraLarge: 0 12px 28px rgba(140, 149, 159, 0.3);
293
- --gh-color-neutral-emphasisPlus: #24292f;
294
- --gh-color-neutral-emphasis: #6e7781;
295
- --gh-color-neutral-muted: rgba(175, 184, 193, 0.2);
296
- --gh-color-neutral-subtle: rgba(234, 238, 242, 0.5);
297
- --gh-color-accent-fg: #0969da;
298
- --gh-color-accent-emphasis: #0969da;
299
- --gh-color-accent-muted: rgba(84, 174, 255, 0.4);
300
- --gh-color-accent-subtle: #ddf4ff;
301
- --gh-color-success-fg: #1a7f37;
302
- --gh-color-success-emphasis: #2da44e;
303
- --gh-color-success-muted: rgba(74, 194, 107, 0.4);
304
- --gh-color-success-subtle: #dafbe1;
305
- --gh-color-attention-fg: #9a6700;
306
- --gh-color-attention-emphasis: #bf8700;
307
- --gh-color-attention-muted: rgba(212, 167, 44, 0.4);
308
- --gh-color-attention-subtle: #fff8c5;
309
- --gh-color-severe-fg: #bc4c00;
310
- --gh-color-severe-emphasis: #bc4c00;
311
- --gh-color-severe-muted: rgba(251, 143, 68, 0.4);
312
- --gh-color-severe-subtle: #fff1e5;
313
- --gh-color-danger-fg: #cf222e;
314
- --gh-color-danger-emphasis: #cf222e;
315
- --gh-color-danger-muted: rgba(255, 129, 130, 0.4);
316
- --gh-color-danger-subtle: #ffebe9;
317
- --gh-color-open-fg: #1a7f37;
318
- --gh-color-open-emphasis: #2da44e;
319
- --gh-color-open-muted: rgba(74, 194, 107, 0.4);
320
- --gh-color-open-subtle: #dafbe1;
321
- --gh-color-closed-fg: #cf222e;
322
- --gh-color-closed-emphasis: #cf222e;
323
- --gh-color-closed-muted: rgba(255, 129, 130, 0.4);
324
- --gh-color-closed-subtle: #ffebe9;
325
- --gh-color-done-fg: #8250df;
326
- --gh-color-done-emphasis: #8250df;
327
- --gh-color-done-muted: rgba(194, 151, 255, 0.4);
328
- --gh-color-done-subtle: #fbefff;
329
- --gh-color-sponsors-fg: #bf3989;
330
- --gh-color-sponsors-emphasis: #bf3989;
331
- --gh-color-sponsors-muted: rgba(255, 128, 200, 0.4);
332
- --gh-color-sponsors-subtle: #ffeff7;
333
- --gh-color-primer-fg-disabled: #8c959f;
334
- --gh-color-primer-canvas-backdrop: rgba(27, 31, 36, 0.5);
335
- --gh-color-primer-canvas-sticky: rgba(255, 255, 255, 0.95);
336
- --gh-color-primer-border-active: #fd8c73;
337
- --gh-color-primer-border-contrast: rgba(27, 31, 36, 0.1);
338
- --gh-color-primer-shadow-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.25);
339
- --gh-color-primer-shadow-inset: inset 0 1px 0 rgba(208, 215, 222, 0.2);
340
- --gh-color-primer-shadow-focus: 0 0 0 3px rgba(9, 105, 218, 0.3);
341
- }
342
-
343
- [data-color-mode="light"] {
344
- --gh-color-canvasDefaultTransparent: rgba(255, 255, 255, 0);
345
- --gh-color-pageHeaderBg: #f6f8fa;
346
- --gh-color-marketingIcon-primary: #218bff;
347
- --gh-color-marketingIcon-secondary: #54aeff;
348
- --gh-color-diffBlob-addition-numText: #24292f;
349
- --gh-color-diffBlob-addition-fg: #24292f;
350
- --gh-color-diffBlob-addition-numBg: #ccffd8;
351
- --gh-color-diffBlob-addition-lineBg: #e6ffec;
352
- --gh-color-diffBlob-addition-wordBg: #abf2bc;
353
- --gh-color-diffBlob-deletion-numText: #24292f;
354
- --gh-color-diffBlob-deletion-fg: #24292f;
355
- --gh-color-diffBlob-deletion-numBg: #ffd7d5;
356
- --gh-color-diffBlob-deletion-lineBg: #ffebe9;
357
- --gh-color-diffBlob-deletion-wordBg: rgba(255, 129, 130, 0.4);
358
- --gh-color-diffBlob-hunk-numBg: rgba(84, 174, 255, 0.4);
359
- --gh-color-diffBlob-expander-icon: #57606a;
360
- --gh-color-diffBlob-selectedLineHighlightMixBlendMode: multiply;
361
- --gh-color-diffstat-deletionBorder: rgba(27, 31, 36, 0.15);
362
- --gh-color-diffstat-additionBorder: rgba(27, 31, 36, 0.15);
363
- --gh-color-diffstat-additionBg: #2da44e;
364
- --gh-color-searchKeyword-hl: #fff8c5;
365
- --gh-color-prettylights-syntax-comment: #6e7781;
366
- --gh-color-prettylights-syntax-constant: #0550ae;
367
- --gh-color-prettylights-syntax-entity: #8250df;
368
- --gh-color-prettylights-syntax-storageModifierImport: #24292f;
369
- --gh-color-prettylights-syntax-entityTag: #116329;
370
- --gh-color-prettylights-syntax-keyword: #cf222e;
371
- --gh-color-prettylights-syntax-string: #0a3069;
372
- --gh-color-prettylights-syntax-variable: #953800;
373
- --gh-color-prettylights-syntax-brackethighlighterUnmatched: #82071e;
374
- --gh-color-prettylights-syntax-invalidIllegalText: #f6f8fa;
375
- --gh-color-prettylights-syntax-invalidIllegalBg: #82071e;
376
- --gh-color-prettylights-syntax-carriageReturnText: #f6f8fa;
377
- --gh-color-prettylights-syntax-carriageReturnBg: #cf222e;
378
- --gh-color-prettylights-syntax-stringRegexp: #116329;
379
- --gh-color-prettylights-syntax-markupList: #3b2300;
380
- --gh-color-prettylights-syntax-markupHeading: #0550ae;
381
- --gh-color-prettylights-syntax-markupItalic: #24292f;
382
- --gh-color-prettylights-syntax-markupBold: #24292f;
383
- --gh-color-prettylights-syntax-markupDeletedText: #82071e;
384
- --gh-color-prettylights-syntax-markupDeletedBg: #ffebe9;
385
- --gh-color-prettylights-syntax-markupInsertedText: #116329;
386
- --gh-color-prettylights-syntax-markupInsertedBg: #dafbe1;
387
- --gh-color-prettylights-syntax-markupChangedText: #953800;
388
- --gh-color-prettylights-syntax-markupChangedBg: #ffd8b5;
389
- --gh-color-prettylights-syntax-markupIgnoredText: #eaeef2;
390
- --gh-color-prettylights-syntax-markupIgnoredBg: #0550ae;
391
- --gh-color-prettylights-syntax-metaDiffRange: #8250df;
392
- --gh-color-prettylights-syntax-brackethighlighterAngle: #57606a;
393
- --gh-color-prettylights-syntax-sublimelinterGutterMark: #8c959f;
394
- --gh-color-prettylights-syntax-constantOtherReferenceLink: #0a3069;
395
- --gh-color-codemirror-text: #24292f;
396
- --gh-color-codemirror-bg: #ffffff;
397
- --gh-color-codemirror-guttersBg: #ffffff;
398
- --gh-color-codemirror-guttermarkerText: #ffffff;
399
- --gh-color-codemirror-guttermarkerSubtleText: #6e7781;
400
- --gh-color-codemirror-linenumberText: #57606a;
401
- --gh-color-codemirror-cursor: #24292f;
402
- --gh-color-codemirror-selectionBg: rgba(84, 174, 255, 0.4);
403
- --gh-color-codemirror-activelineBg: rgba(234, 238, 242, 0.5);
404
- --gh-color-codemirror-matchingbracketText: #24292f;
405
- --gh-color-codemirror-linesBg: #ffffff;
406
- --gh-color-codemirror-syntax-comment: #24292f;
407
- --gh-color-codemirror-syntax-constant: #0550ae;
408
- --gh-color-codemirror-syntax-entity: #8250df;
409
- --gh-color-codemirror-syntax-keyword: #cf222e;
410
- --gh-color-codemirror-syntax-storage: #cf222e;
411
- --gh-color-codemirror-syntax-string: #0a3069;
412
- --gh-color-codemirror-syntax-support: #0550ae;
413
- --gh-color-codemirror-syntax-variable: #953800;
414
- --gh-color-checks-bg: #24292f;
415
- --gh-color-checks-runBorderWidth: 0px;
416
- --gh-color-checks-containerBorderWidth: 0px;
417
- --gh-color-checks-textPrimary: #f6f8fa;
418
- --gh-color-checks-textSecondary: #8c959f;
419
- --gh-color-checks-textLink: #54aeff;
420
- --gh-color-checks-btnIcon: #afb8c1;
421
- --gh-color-checks-btnHoverIcon: #f6f8fa;
422
- --gh-color-checks-btnHoverBg: rgba(255, 255, 255, 0.125);
423
- --gh-color-checks-inputText: #eaeef2;
424
- --gh-color-checks-inputPlaceholderText: #8c959f;
425
- --gh-color-checks-inputFocusText: #8c959f;
426
- --gh-color-checks-inputBg: #32383f;
427
- --gh-color-checks-inputShadow: none;
428
- --gh-color-checks-donutError: #fa4549;
429
- --gh-color-checks-donutPending: #bf8700;
430
- --gh-color-checks-donutSuccess: #2da44e;
431
- --gh-color-checks-donutNeutral: #afb8c1;
432
- --gh-color-checks-dropdownText: #afb8c1;
433
- --gh-color-checks-dropdownBg: #32383f;
434
- --gh-color-checks-dropdownBorder: #424a53;
435
- --gh-color-checks-dropdownShadow: rgba(27, 31, 36, 0.3);
436
- --gh-color-checks-dropdownHoverText: #f6f8fa;
437
- --gh-color-checks-dropdownHoverBg: #424a53;
438
- --gh-color-checks-dropdownBtnHoverText: #f6f8fa;
439
- --gh-color-checks-dropdownBtnHoverBg: #32383f;
440
- --gh-color-checks-scrollbarThumbBg: #57606a;
441
- --gh-color-checks-headerLabelText: #d0d7de;
442
- --gh-color-checks-headerLabelOpenText: #f6f8fa;
443
- --gh-color-checks-headerBorder: #32383f;
444
- --gh-color-checks-headerIcon: #8c959f;
445
- --gh-color-checks-lineText: #d0d7de;
446
- --gh-color-checks-lineNumText: rgba(140, 149, 159, 0.75);
447
- --gh-color-checks-lineTimestampText: #8c959f;
448
- --gh-color-checks-lineHoverBg: #32383f;
449
- --gh-color-checks-lineSelectedBg: rgba(33, 139, 255, 0.15);
450
- --gh-color-checks-lineSelectedNumText: #54aeff;
451
- --gh-color-checks-lineDtFmText: #24292f;
452
- --gh-color-checks-lineDtFmBg: #9a6700;
453
- --gh-color-checks-gateBg: rgba(125, 78, 0, 0.15);
454
- --gh-color-checks-gateText: #d0d7de;
455
- --gh-color-checks-gateWaitingText: #d4a72c;
456
- --gh-color-checks-stepHeaderOpenBg: #32383f;
457
- --gh-color-checks-stepErrorText: #ff8182;
458
- --gh-color-checks-stepWarningText: #d4a72c;
459
- --gh-color-checks-loglineText: #8c959f;
460
- --gh-color-checks-loglineNumText: rgba(140, 149, 159, 0.75);
461
- --gh-color-checks-loglineDebugText: #c297ff;
462
- --gh-color-checks-loglineErrorText: #d0d7de;
463
- --gh-color-checks-loglineErrorNumText: #ff8182;
464
- --gh-color-checks-loglineErrorBg: rgba(164, 14, 38, 0.15);
465
- --gh-color-checks-loglineWarningText: #d0d7de;
466
- --gh-color-checks-loglineWarningNumText: #d4a72c;
467
- --gh-color-checks-loglineWarningBg: rgba(125, 78, 0, 0.15);
468
- --gh-color-checks-loglineCommandText: #54aeff;
469
- --gh-color-checks-loglineSectionText: #4ac26b;
470
- --gh-color-checks-ansi-black: #24292f;
471
- --gh-color-checks-ansi-blackBright: #32383f;
472
- --gh-color-checks-ansi-white: #d0d7de;
473
- --gh-color-checks-ansi-whiteBright: #d0d7de;
474
- --gh-color-checks-ansi-gray: #8c959f;
475
- --gh-color-checks-ansi-red: #ff8182;
476
- --gh-color-checks-ansi-redBright: #ffaba8;
477
- --gh-color-checks-ansi-green: #4ac26b;
478
- --gh-color-checks-ansi-greenBright: #6fdd8b;
479
- --gh-color-checks-ansi-yellow: #d4a72c;
480
- --gh-color-checks-ansi-yellowBright: #eac54f;
481
- --gh-color-checks-ansi-blue: #54aeff;
482
- --gh-color-checks-ansi-blueBright: #80ccff;
483
- --gh-color-checks-ansi-magenta: #c297ff;
484
- --gh-color-checks-ansi-magentaBright: #d8b9ff;
485
- --gh-color-checks-ansi-cyan: #76e3ea;
486
- --gh-color-checks-ansi-cyanBright: #b3f0ff;
487
- --gh-color-project-headerBg: #24292f;
488
- --gh-color-project-sidebarBg: #ffffff;
489
- --gh-color-project-gradientIn: #ffffff;
490
- --gh-color-project-gradientOut: rgba(255, 255, 255, 0);
491
- --gh-color-mktg-btn-bg: #1b1f23;
492
- --gh-color-mktg-btn-shadow-outline: rgb(0 0 0 / 15%) 0 0 0 1px inset;
493
- --gh-color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px;
494
- --gh-color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07),
495
- 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03),
496
- 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02),
497
- 0 100px 80px rgba(0, 0, 0, 0.02);
498
- --gh-color-mktg-btn-shadow-hoverMuted: rgb(0 0 0 / 70%) 0 0 0 2px inset;
499
- --gh-color-avatar-bg: #ffffff;
500
- --gh-color-avatar-border: rgba(27, 31, 36, 0.15);
501
- --gh-color-avatar-stackFade: #afb8c1;
502
- --gh-color-avatar-stackFadeMore: #d0d7de;
503
- --gh-color-avatar-childShadow: -2px -2px 0 rgba(255, 255, 255, 0.8);
504
- --gh-color-topicTag-border: rgba(0, 0, 0, 0);
505
- --gh-color-counter-border: rgba(0, 0, 0, 0);
506
- --gh-color-selectMenu-backdropBorder: rgba(0, 0, 0, 0);
507
- --gh-color-selectMenu-tapHighlight: rgba(175, 184, 193, 0.5);
508
- --gh-color-selectMenu-tapFocusBg: #b6e3ff;
509
- --gh-color-overlay-shadow: 0 1px 3px rgba(27, 31, 36, 0.12),
510
- 0 8px 24px rgba(66, 74, 83, 0.12);
511
- --gh-color-header-text: rgba(255, 255, 255, 0.7);
512
- --gh-color-header-bg: #24292f;
513
- --gh-color-header-divider: #57606a;
514
- --gh-color-header-logo: #ffffff;
515
- --gh-color-headerSearch-bg: #24292f;
516
- --gh-color-headerSearch-border: #57606a;
517
- --gh-color-sidenav-selectedBg: #ffffff;
518
- --gh-color-menu-bgActive: rgba(0, 0, 0, 0);
519
- --gh-color-input-disabledBg: rgba(175, 184, 193, 0.2);
520
- --gh-color-timeline-badgeBg: #eaeef2;
521
- --gh-color-ansi-black: #24292f;
522
- --gh-color-ansi-blackBright: #57606a;
523
- --gh-color-ansi-white: #6e7781;
524
- --gh-color-ansi-whiteBright: #8c959f;
525
- --gh-color-ansi-gray: #6e7781;
526
- --gh-color-ansi-red: #cf222e;
527
- --gh-color-ansi-redBright: #a40e26;
528
- --gh-color-ansi-green: #116329;
529
- --gh-color-ansi-greenBright: #1a7f37;
530
- --gh-color-ansi-yellow: #4d2d00;
531
- --gh-color-ansi-yellowBright: #633c01;
532
- --gh-color-ansi-blue: #0969da;
533
- --gh-color-ansi-blueBright: #218bff;
534
- --gh-color-ansi-magenta: #8250df;
535
- --gh-color-ansi-magentaBright: #a475f9;
536
- --gh-color-ansi-cyan: #1b7c83;
537
- --gh-color-ansi-cyanBright: #3192aa;
538
- --gh-color-btn-text: #24292f;
539
- --gh-color-btn-bg: #f6f8fa;
540
- --gh-color-btn-border: rgba(27, 31, 36, 0.15);
541
- --gh-color-btn-shadow: 0 1px 0 rgba(27, 31, 36, 0.04);
542
- --gh-color-btn-insetShadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
543
- --gh-color-btn-hoverBg: #f3f4f6;
544
- --gh-color-btn-hoverBorder: rgba(27, 31, 36, 0.15);
545
- --gh-color-btn-activeBg: hsla(220, 14%, 93%, 1);
546
- --gh-color-btn-activeBorder: rgba(27, 31, 36, 0.15);
547
- --gh-color-btn-selectedBg: hsla(220, 14%, 94%, 1);
548
- --gh-color-btn-focusBg: #f6f8fa;
549
- --gh-color-btn-focusBorder: rgba(27, 31, 36, 0.15);
550
- --gh-color-btn-focusShadow: 0 0 0 3px rgba(9, 105, 218, 0.3);
551
- --gh-color-btn-shadowActive: inset 0 0.15em 0.3em rgba(27, 31, 36, 0.15);
552
- --gh-color-btn-shadowInputFocus: 0 0 0 0.2em rgba(9, 105, 218, 0.3);
553
- --gh-color-btn-counterBg: rgba(27, 31, 36, 0.08);
554
- --gh-color-btn-primary-text: #ffffff;
555
- --gh-color-btn-primary-bg: #2da44e;
556
- --gh-color-btn-primary-border: rgba(27, 31, 36, 0.15);
557
- --gh-color-btn-primary-shadow: 0 1px 0 rgba(27, 31, 36, 0.1);
558
- --gh-color-btn-primary-insetShadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
559
- --gh-color-btn-primary-hoverBg: #2c974b;
560
- --gh-color-btn-primary-hoverBorder: rgba(27, 31, 36, 0.15);
561
- --gh-color-btn-primary-selectedBg: hsla(137, 55%, 36%, 1);
562
- --gh-color-btn-primary-selectedShadow: inset 0 1px 0 rgba(0, 45, 17, 0.2);
563
- --gh-color-btn-primary-disabledText: rgba(255, 255, 255, 0.8);
564
- --gh-color-btn-primary-disabledBg: #94d3a2;
565
- --gh-color-btn-primary-disabledBorder: rgba(27, 31, 36, 0.15);
566
- --gh-color-btn-primary-focusBg: #2da44e;
567
- --gh-color-btn-primary-focusBorder: rgba(27, 31, 36, 0.15);
568
- --gh-color-btn-primary-focusShadow: 0 0 0 3px rgba(45, 164, 78, 0.4);
569
- --gh-color-btn-primary-icon: rgba(255, 255, 255, 0.8);
570
- --gh-color-btn-primary-counterBg: rgba(255, 255, 255, 0.2);
571
- --gh-color-btn-outline-text: #0969da;
572
- --gh-color-btn-outline-hoverText: #ffffff;
573
- --gh-color-btn-outline-hoverBg: #0969da;
574
- --gh-color-btn-outline-hoverBorder: rgba(27, 31, 36, 0.15);
575
- --gh-color-btn-outline-hoverShadow: 0 1px 0 rgba(27, 31, 36, 0.1);
576
- --gh-color-btn-outline-hoverInsetShadow: inset 0 1px 0
577
- rgba(255, 255, 255, 0.03);
578
- --gh-color-btn-outline-hoverCounterBg: rgba(255, 255, 255, 0.2);
579
- --gh-color-btn-outline-selectedText: #ffffff;
580
- --gh-color-btn-outline-selectedBg: hsla(212, 92%, 42%, 1);
581
- --gh-color-btn-outline-selectedBorder: rgba(27, 31, 36, 0.15);
582
- --gh-color-btn-outline-selectedShadow: inset 0 1px 0 rgba(0, 33, 85, 0.2);
583
- --gh-color-btn-outline-disabledText: rgba(9, 105, 218, 0.5);
584
- --gh-color-btn-outline-disabledBg: #f6f8fa;
585
- --gh-color-btn-outline-disabledCounterBg: rgba(9, 105, 218, 0.05);
586
- --gh-color-btn-outline-focusBorder: rgba(27, 31, 36, 0.15);
587
- --gh-color-btn-outline-focusShadow: 0 0 0 3px rgba(5, 80, 174, 0.4);
588
- --gh-color-btn-outline-counterBg: rgba(9, 105, 218, 0.1);
589
- --gh-color-btn-danger-text: #cf222e;
590
- --gh-color-btn-danger-hoverText: #ffffff;
591
- --gh-color-btn-danger-hoverBg: #a40e26;
592
- --gh-color-btn-danger-hoverBorder: rgba(27, 31, 36, 0.15);
593
- --gh-color-btn-danger-hoverShadow: 0 1px 0 rgba(27, 31, 36, 0.1);
594
- --gh-color-btn-danger-hoverInsetShadow: inset 0 1px 0
595
- rgba(255, 255, 255, 0.03);
596
- --gh-color-btn-danger-hoverCounterBg: rgba(255, 255, 255, 0.2);
597
- --gh-color-btn-danger-selectedText: #ffffff;
598
- --gh-color-btn-danger-selectedBg: hsla(356, 72%, 44%, 1);
599
- --gh-color-btn-danger-selectedBorder: rgba(27, 31, 36, 0.15);
600
- --gh-color-btn-danger-selectedShadow: inset 0 1px 0 rgba(76, 0, 20, 0.2);
601
- --gh-color-btn-danger-disabledText: rgba(207, 34, 46, 0.5);
602
- --gh-color-btn-danger-disabledBg: #f6f8fa;
603
- --gh-color-btn-danger-disabledCounterBg: rgba(207, 34, 46, 0.05);
604
- --gh-color-btn-danger-focusBorder: rgba(27, 31, 36, 0.15);
605
- --gh-color-btn-danger-focusShadow: 0 0 0 3px rgba(164, 14, 38, 0.4);
606
- --gh-color-btn-danger-counterBg: rgba(207, 34, 46, 0.1);
607
- --gh-color-btn-danger-icon: #cf222e;
608
- --gh-color-btn-danger-hoverIcon: #ffffff;
609
- --gh-color-underlinenav-icon: #6e7781;
610
- --gh-color-underlinenav-borderHover: rgba(175, 184, 193, 0.2);
611
- --gh-color-actionListItem-inlineDivider: rgba(208, 215, 222, 0.48);
612
- --gh-color-actionListItem-default-hoverBg: rgba(208, 215, 222, 0.32);
613
- --gh-color-actionListItem-default-hoverBorder: rgba(0, 0, 0, 0);
614
- --gh-color-actionListItem-default-activeBg: rgba(208, 215, 222, 0.48);
615
- --gh-color-actionListItem-default-activeBorder: rgba(0, 0, 0, 0);
616
- --gh-color-actionListItem-default-selectedBg: rgba(208, 215, 222, 0.24);
617
- --gh-color-actionListItem-danger-hoverBg: rgba(255, 235, 233, 0.64);
618
- --gh-color-actionListItem-danger-activeBg: #ffebe9;
619
- --gh-color-actionListItem-danger-hoverText: #cf222e;
620
- --gh-color-fg-default: #24292f;
621
- --gh-color-fg-muted: #57606a;
622
- --gh-color-fg-subtle: #6e7781;
623
- --gh-color-fg-onEmphasis: #ffffff;
624
- --gh-color-canvas-default: #ffffff;
625
- --gh-color-canvas-overlay: #ffffff;
626
- --gh-color-canvas-inset: #f6f8fa;
627
- --gh-color-canvas-subtle: #f6f8fa;
628
- --gh-color-border-default: #d0d7de;
629
- --gh-color-border-muted: hsla(210, 18%, 87%, 1);
630
- --gh-color-border-subtle: rgba(27, 31, 36, 0.15);
631
- --gh-color-shadow-small: 0 1px 0 rgba(27, 31, 36, 0.04);
632
- --gh-color-shadow-medium: 0 3px 6px rgba(140, 149, 159, 0.15);
633
- --gh-color-shadow-large: 0 8px 24px rgba(140, 149, 159, 0.2);
634
- --gh-color-shadow-extraLarge: 0 12px 28px rgba(140, 149, 159, 0.3);
635
- --gh-color-neutral-emphasisPlus: #24292f;
636
- --gh-color-neutral-emphasis: #6e7781;
637
- --gh-color-neutral-muted: rgba(175, 184, 193, 0.2);
638
- --gh-color-neutral-subtle: rgba(234, 238, 242, 0.5);
639
- --gh-color-accent-fg: #0969da;
640
- --gh-color-accent-emphasis: #0969da;
641
- --gh-color-accent-muted: rgba(84, 174, 255, 0.4);
642
- --gh-color-accent-subtle: #ddf4ff;
643
- --gh-color-success-fg: #1a7f37;
644
- --gh-color-success-emphasis: #2da44e;
645
- --gh-color-success-muted: rgba(74, 194, 107, 0.4);
646
- --gh-color-success-subtle: #dafbe1;
647
- --gh-color-attention-fg: #9a6700;
648
- --gh-color-attention-emphasis: #bf8700;
649
- --gh-color-attention-muted: rgba(212, 167, 44, 0.4);
650
- --gh-color-attention-subtle: #fff8c5;
651
- --gh-color-severe-fg: #bc4c00;
652
- --gh-color-severe-emphasis: #bc4c00;
653
- --gh-color-severe-muted: rgba(251, 143, 68, 0.4);
654
- --gh-color-severe-subtle: #fff1e5;
655
- --gh-color-danger-fg: #cf222e;
656
- --gh-color-danger-emphasis: #cf222e;
657
- --gh-color-danger-muted: rgba(255, 129, 130, 0.4);
658
- --gh-color-danger-subtle: #ffebe9;
659
- --gh-color-open-fg: #1a7f37;
660
- --gh-color-open-emphasis: #2da44e;
661
- --gh-color-open-muted: rgba(74, 194, 107, 0.4);
662
- --gh-color-open-subtle: #dafbe1;
663
- --gh-color-closed-fg: #cf222e;
664
- --gh-color-closed-emphasis: #cf222e;
665
- --gh-color-closed-muted: rgba(255, 129, 130, 0.4);
666
- --gh-color-closed-subtle: #ffebe9;
667
- --gh-color-done-fg: #8250df;
668
- --gh-color-done-emphasis: #8250df;
669
- --gh-color-done-muted: rgba(194, 151, 255, 0.4);
670
- --gh-color-done-subtle: #fbefff;
671
- --gh-color-sponsors-fg: #bf3989;
672
- --gh-color-sponsors-emphasis: #bf3989;
673
- --gh-color-sponsors-muted: rgba(255, 128, 200, 0.4);
674
- --gh-color-sponsors-subtle: #ffeff7;
675
- --gh-color-primer-fg-disabled: #8c959f;
676
- --gh-color-primer-canvas-backdrop: rgba(27, 31, 36, 0.5);
677
- --gh-color-primer-canvas-sticky: rgba(255, 255, 255, 0.95);
678
- --gh-color-primer-border-active: #fd8c73;
679
- --gh-color-primer-border-contrast: rgba(27, 31, 36, 0.1);
680
- --gh-color-primer-shadow-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.25);
681
- --gh-color-primer-shadow-inset: inset 0 1px 0 rgba(208, 215, 222, 0.2);
682
- --gh-color-primer-shadow-focus: 0 0 0 3px rgba(9, 105, 218, 0.3);
683
- }
684
-
685
- [data-color-mode="dark"] {
686
- --gh-color-canvasDefaultTransparent: rgba(13, 17, 23, 0);
687
- --gh-color-pageHeaderBg: #0d1117;
688
- --gh-color-marketingIcon-primary: #79c0ff;
689
- --gh-color-marketingIcon-secondary: #1f6feb;
690
- --gh-color-diffBlob-addition-numText: #c9d1d9;
691
- --gh-color-diffBlob-addition-fg: #c9d1d9;
692
- --gh-color-diffBlob-addition-numBg: rgba(63, 185, 80, 0.3);
693
- --gh-color-diffBlob-addition-lineBg: rgba(46, 160, 67, 0.15);
694
- --gh-color-diffBlob-addition-wordBg: rgba(46, 160, 67, 0.4);
695
- --gh-color-diffBlob-deletion-numText: #c9d1d9;
696
- --gh-color-diffBlob-deletion-fg: #c9d1d9;
697
- --gh-color-diffBlob-deletion-numBg: rgba(248, 81, 73, 0.3);
698
- --gh-color-diffBlob-deletion-lineBg: rgba(248, 81, 73, 0.15);
699
- --gh-color-diffBlob-deletion-wordBg: rgba(248, 81, 73, 0.4);
700
- --gh-color-diffBlob-hunk-numBg: rgba(56, 139, 253, 0.4);
701
- --gh-color-diffBlob-expander-icon: #8b949e;
702
- --gh-color-diffBlob-selectedLineHighlightMixBlendMode: screen;
703
- --gh-color-diffstat-deletionBorder: rgba(240, 246, 252, 0.1);
704
- --gh-color-diffstat-additionBorder: rgba(240, 246, 252, 0.1);
705
- --gh-color-diffstat-additionBg: #3fb950;
706
- --gh-color-searchKeyword-hl: rgba(210, 153, 34, 0.4);
707
- --gh-color-prettylights-syntax-comment: #8b949e;
708
- --gh-color-prettylights-syntax-constant: #79c0ff;
709
- --gh-color-prettylights-syntax-entity: #d2a8ff;
710
- --gh-color-prettylights-syntax-storageModifierImport: #c9d1d9;
711
- --gh-color-prettylights-syntax-entityTag: #7ee787;
712
- --gh-color-prettylights-syntax-keyword: #ff7b72;
713
- --gh-color-prettylights-syntax-string: #a5d6ff;
714
- --gh-color-prettylights-syntax-variable: #ffa657;
715
- --gh-color-prettylights-syntax-brackethighlighterUnmatched: #f85149;
716
- --gh-color-prettylights-syntax-invalidIllegalText: #f0f6fc;
717
- --gh-color-prettylights-syntax-invalidIllegalBg: #8e1519;
718
- --gh-color-prettylights-syntax-carriageReturnText: #f0f6fc;
719
- --gh-color-prettylights-syntax-carriageReturnBg: #b62324;
720
- --gh-color-prettylights-syntax-stringRegexp: #7ee787;
721
- --gh-color-prettylights-syntax-markupList: #f2cc60;
722
- --gh-color-prettylights-syntax-markupHeading: #1f6feb;
723
- --gh-color-prettylights-syntax-markupItalic: #c9d1d9;
724
- --gh-color-prettylights-syntax-markupBold: #c9d1d9;
725
- --gh-color-prettylights-syntax-markupDeletedText: #ffdcd7;
726
- --gh-color-prettylights-syntax-markupDeletedBg: #67060c;
727
- --gh-color-prettylights-syntax-markupInsertedText: #aff5b4;
728
- --gh-color-prettylights-syntax-markupInsertedBg: #033a16;
729
- --gh-color-prettylights-syntax-markupChangedText: #ffdfb6;
730
- --gh-color-prettylights-syntax-markupChangedBg: #5a1e02;
731
- --gh-color-prettylights-syntax-markupIgnoredText: #c9d1d9;
732
- --gh-color-prettylights-syntax-markupIgnoredBg: #1158c7;
733
- --gh-color-prettylights-syntax-metaDiffRange: #d2a8ff;
734
- --gh-color-prettylights-syntax-brackethighlighterAngle: #8b949e;
735
- --gh-color-prettylights-syntax-sublimelinterGutterMark: #484f58;
736
- --gh-color-prettylights-syntax-constantOtherReferenceLink: #a5d6ff;
737
- --gh-color-codemirror-text: #c9d1d9;
738
- --gh-color-codemirror-bg: #0d1117;
739
- --gh-color-codemirror-guttersBg: #0d1117;
740
- --gh-color-codemirror-guttermarkerText: #0d1117;
741
- --gh-color-codemirror-guttermarkerSubtleText: #484f58;
742
- --gh-color-codemirror-linenumberText: #8b949e;
743
- --gh-color-codemirror-cursor: #c9d1d9;
744
- --gh-color-codemirror-selectionBg: rgba(56, 139, 253, 0.4);
745
- --gh-color-codemirror-activelineBg: rgba(110, 118, 129, 0.1);
746
- --gh-color-codemirror-matchingbracketText: #c9d1d9;
747
- --gh-color-codemirror-linesBg: #0d1117;
748
- --gh-color-codemirror-syntax-comment: #8b949e;
749
- --gh-color-codemirror-syntax-constant: #79c0ff;
750
- --gh-color-codemirror-syntax-entity: #d2a8ff;
751
- --gh-color-codemirror-syntax-keyword: #ff7b72;
752
- --gh-color-codemirror-syntax-storage: #ff7b72;
753
- --gh-color-codemirror-syntax-string: #a5d6ff;
754
- --gh-color-codemirror-syntax-support: #79c0ff;
755
- --gh-color-codemirror-syntax-variable: #ffa657;
756
- --gh-color-checks-bg: #010409;
757
- --gh-color-checks-runBorderWidth: 1px;
758
- --gh-color-checks-containerBorderWidth: 1px;
759
- --gh-color-checks-textPrimary: #c9d1d9;
760
- --gh-color-checks-textSecondary: #8b949e;
761
- --gh-color-checks-textLink: #58a6ff;
762
- --gh-color-checks-btnIcon: #8b949e;
763
- --gh-color-checks-btnHoverIcon: #c9d1d9;
764
- --gh-color-checks-btnHoverBg: rgba(110, 118, 129, 0.1);
765
- --gh-color-checks-inputText: #8b949e;
766
- --gh-color-checks-inputPlaceholderText: #484f58;
767
- --gh-color-checks-inputFocusText: #c9d1d9;
768
- --gh-color-checks-inputBg: #161b22;
769
- --gh-color-checks-inputShadow: 0 0 0 1px (obj) => get_1.default(obj, path);
770
- --gh-color-checks-donutError: #f85149;
771
- --gh-color-checks-donutPending: #d29922;
772
- --gh-color-checks-donutSuccess: #2ea043;
773
- --gh-color-checks-donutNeutral: #8b949e;
774
- --gh-color-checks-dropdownText: #c9d1d9;
775
- --gh-color-checks-dropdownBg: #161b22;
776
- --gh-color-checks-dropdownBorder: #30363d;
777
- --gh-color-checks-dropdownShadow: rgba(1, 4, 9, 0.3);
778
- --gh-color-checks-dropdownHoverText: #c9d1d9;
779
- --gh-color-checks-dropdownHoverBg: rgba(110, 118, 129, 0.1);
780
- --gh-color-checks-dropdownBtnHoverText: #c9d1d9;
781
- --gh-color-checks-dropdownBtnHoverBg: rgba(110, 118, 129, 0.1);
782
- --gh-color-checks-scrollbarThumbBg: rgba(110, 118, 129, 0.4);
783
- --gh-color-checks-headerLabelText: #8b949e;
784
- --gh-color-checks-headerLabelOpenText: #c9d1d9;
785
- --gh-color-checks-headerBorder: #21262d;
786
- --gh-color-checks-headerIcon: #8b949e;
787
- --gh-color-checks-lineText: #8b949e;
788
- --gh-color-checks-lineNumText: #484f58;
789
- --gh-color-checks-lineTimestampText: #484f58;
790
- --gh-color-checks-lineHoverBg: rgba(110, 118, 129, 0.1);
791
- --gh-color-checks-lineSelectedBg: rgba(56, 139, 253, 0.15);
792
- --gh-color-checks-lineSelectedNumText: #58a6ff;
793
- --gh-color-checks-lineDtFmText: #ffffff;
794
- --gh-color-checks-lineDtFmBg: #9e6a03;
795
- --gh-color-checks-gateBg: rgba(187, 128, 9, 0.15);
796
- --gh-color-checks-gateText: #8b949e;
797
- --gh-color-checks-gateWaitingText: #d29922;
798
- --gh-color-checks-stepHeaderOpenBg: #161b22;
799
- --gh-color-checks-stepErrorText: #f85149;
800
- --gh-color-checks-stepWarningText: #d29922;
801
- --gh-color-checks-loglineText: #8b949e;
802
- --gh-color-checks-loglineNumText: #484f58;
803
- --gh-color-checks-loglineDebugText: #a371f7;
804
- --gh-color-checks-loglineErrorText: #8b949e;
805
- --gh-color-checks-loglineErrorNumText: #484f58;
806
- --gh-color-checks-loglineErrorBg: rgba(248, 81, 73, 0.15);
807
- --gh-color-checks-loglineWarningText: #8b949e;
808
- --gh-color-checks-loglineWarningNumText: #d29922;
809
- --gh-color-checks-loglineWarningBg: rgba(187, 128, 9, 0.15);
810
- --gh-color-checks-loglineCommandText: #58a6ff;
811
- --gh-color-checks-loglineSectionText: #3fb950;
812
- --gh-color-checks-ansi-black: #0d1117;
813
- --gh-color-checks-ansi-blackBright: #161b22;
814
- --gh-color-checks-ansi-white: #b1bac4;
815
- --gh-color-checks-ansi-whiteBright: #b1bac4;
816
- --gh-color-checks-ansi-gray: #6e7681;
817
- --gh-color-checks-ansi-red: #ff7b72;
818
- --gh-color-checks-ansi-redBright: #ffa198;
819
- --gh-color-checks-ansi-green: #3fb950;
820
- --gh-color-checks-ansi-greenBright: #56d364;
821
- --gh-color-checks-ansi-yellow: #d29922;
822
- --gh-color-checks-ansi-yellowBright: #e3b341;
823
- --gh-color-checks-ansi-blue: #58a6ff;
824
- --gh-color-checks-ansi-blueBright: #79c0ff;
825
- --gh-color-checks-ansi-magenta: #bc8cff;
826
- --gh-color-checks-ansi-magentaBright: #d2a8ff;
827
- --gh-color-checks-ansi-cyan: #76e3ea;
828
- --gh-color-checks-ansi-cyanBright: #b3f0ff;
829
- --gh-color-project-headerBg: #0d1117;
830
- --gh-color-project-sidebarBg: #161b22;
831
- --gh-color-project-gradientIn: #161b22;
832
- --gh-color-project-gradientOut: rgba(22, 27, 34, 0);
833
- --gh-color-mktg-btn-bg: #f6f8fa;
834
- --gh-color-mktg-btn-shadow-outline: rgb(255 255 255 / 25%) 0 0 0 1px inset;
835
- --gh-color-mktg-btn-shadow-focus: rgb(255 255 255 / 25%) 0 0 0 4px;
836
- --gh-color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15),
837
- 0 100px 80px rgba(255, 255, 255, 0.02),
838
- 0 42px 33px rgba(255, 255, 255, 0.024),
839
- 0 22px 18px rgba(255, 255, 255, 0.028),
840
- 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04),
841
- 0 3px 2px rgba(255, 255, 255, 0.07);
842
- --gh-color-mktg-btn-shadow-hoverMuted: rgb(255 255 255) 0 0 0 2px inset;
843
- --gh-color-avatar-bg: rgba(255, 255, 255, 0.1);
844
- --gh-color-avatar-border: rgba(240, 246, 252, 0.1);
845
- --gh-color-avatar-stackFade: #30363d;
846
- --gh-color-avatar-stackFadeMore: #21262d;
847
- --gh-color-avatar-childShadow: -2px -2px 0 #0d1117;
848
- --gh-color-topicTag-border: rgba(0, 0, 0, 0);
849
- --gh-color-counter-border: rgba(0, 0, 0, 0);
850
- --gh-color-selectMenu-backdropBorder: #484f58;
851
- --gh-color-selectMenu-tapHighlight: rgba(48, 54, 61, 0.5);
852
- --gh-color-selectMenu-tapFocusBg: #0c2d6b;
853
- --gh-color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85);
854
- --gh-color-header-text: rgba(255, 255, 255, 0.7);
855
- --gh-color-header-bg: #161b22;
856
- --gh-color-header-divider: #8b949e;
857
- --gh-color-header-logo: #f0f6fc;
858
- --gh-color-headerSearch-bg: #0d1117;
859
- --gh-color-headerSearch-border: #30363d;
860
- --gh-color-sidenav-selectedBg: #21262d;
861
- --gh-color-menu-bgActive: #161b22;
862
- --gh-color-input-disabledBg: rgba(110, 118, 129, 0);
863
- --gh-color-timeline-badgeBg: #21262d;
864
- --gh-color-ansi-black: #484f58;
865
- --gh-color-ansi-blackBright: #6e7681;
866
- --gh-color-ansi-white: #b1bac4;
867
- --gh-color-ansi-whiteBright: #ffffff;
868
- --gh-color-ansi-gray: #6e7681;
869
- --gh-color-ansi-red: #ff7b72;
870
- --gh-color-ansi-redBright: #ffa198;
871
- --gh-color-ansi-green: #3fb950;
872
- --gh-color-ansi-greenBright: #56d364;
873
- --gh-color-ansi-yellow: #d29922;
874
- --gh-color-ansi-yellowBright: #e3b341;
875
- --gh-color-ansi-blue: #58a6ff;
876
- --gh-color-ansi-blueBright: #79c0ff;
877
- --gh-color-ansi-magenta: #bc8cff;
878
- --gh-color-ansi-magentaBright: #d2a8ff;
879
- --gh-color-ansi-cyan: #39c5cf;
880
- --gh-color-ansi-cyanBright: #56d4dd;
881
- --gh-color-btn-text: #c9d1d9;
882
- --gh-color-btn-bg: #21262d;
883
- --gh-color-btn-border: rgba(240, 246, 252, 0.1);
884
- --gh-color-btn-shadow: 0 0 transparent;
885
- --gh-color-btn-insetShadow: 0 0 transparent;
886
- --gh-color-btn-hoverBg: #30363d;
887
- --gh-color-btn-hoverBorder: #8b949e;
888
- --gh-color-btn-activeBg: hsla(212, 12%, 18%, 1);
889
- --gh-color-btn-activeBorder: #6e7681;
890
- --gh-color-btn-selectedBg: #161b22;
891
- --gh-color-btn-focusBg: #21262d;
892
- --gh-color-btn-focusBorder: #8b949e;
893
- --gh-color-btn-focusShadow: 0 0 0 3px rgba(139, 148, 158, 0.3);
894
- --gh-color-btn-shadowActive: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);
895
- --gh-color-btn-shadowInputFocus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);
896
- --gh-color-btn-counterBg: #30363d;
897
- --gh-color-btn-primary-text: #ffffff;
898
- --gh-color-btn-primary-bg: #238636;
899
- --gh-color-btn-primary-border: rgba(240, 246, 252, 0.1);
900
- --gh-color-btn-primary-shadow: 0 0 transparent;
901
- --gh-color-btn-primary-insetShadow: 0 0 transparent;
902
- --gh-color-btn-primary-hoverBg: #2ea043;
903
- --gh-color-btn-primary-hoverBorder: rgba(240, 246, 252, 0.1);
904
- --gh-color-btn-primary-selectedBg: #238636;
905
- --gh-color-btn-primary-selectedShadow: 0 0 transparent;
906
- --gh-color-btn-primary-disabledText: rgba(255, 255, 255, 0.5);
907
- --gh-color-btn-primary-disabledBg: rgba(35, 134, 54, 0.6);
908
- --gh-color-btn-primary-disabledBorder: rgba(240, 246, 252, 0.1);
909
- --gh-color-btn-primary-focusBg: #238636;
910
- --gh-color-btn-primary-focusBorder: rgba(240, 246, 252, 0.1);
911
- --gh-color-btn-primary-focusShadow: 0 0 0 3px rgba(46, 164, 79, 0.4);
912
- --gh-color-btn-primary-icon: #ffffff;
913
- --gh-color-btn-primary-counterBg: rgba(255, 255, 255, 0.2);
914
- --gh-color-btn-outline-text: #58a6ff;
915
- --gh-color-btn-outline-hoverText: #58a6ff;
916
- --gh-color-btn-outline-hoverBg: #30363d;
917
- --gh-color-btn-outline-hoverBorder: rgba(240, 246, 252, 0.1);
918
- --gh-color-btn-outline-hoverShadow: 0 1px 0 rgba(1, 4, 9, 0.1);
919
- --gh-color-btn-outline-hoverInsetShadow: inset 0 1px 0
920
- rgba(255, 255, 255, 0.03);
921
- --gh-color-btn-outline-hoverCounterBg: rgba(255, 255, 255, 0.2);
922
- --gh-color-btn-outline-selectedText: #ffffff;
923
- --gh-color-btn-outline-selectedBg: #0d419d;
924
- --gh-color-btn-outline-selectedBorder: rgba(240, 246, 252, 0.1);
925
- --gh-color-btn-outline-selectedShadow: 0 0 transparent;
926
- --gh-color-btn-outline-disabledText: rgba(88, 166, 255, 0.5);
927
- --gh-color-btn-outline-disabledBg: #0d1117;
928
- --gh-color-btn-outline-disabledCounterBg: rgba(31, 111, 235, 0.05);
929
- --gh-color-btn-outline-focusBorder: rgba(240, 246, 252, 0.1);
930
- --gh-color-btn-outline-focusShadow: 0 0 0 3px rgba(17, 88, 199, 0.4);
931
- --gh-color-btn-outline-counterBg: rgba(31, 111, 235, 0.1);
932
- --gh-color-btn-danger-text: #f85149;
933
- --gh-color-btn-danger-hoverText: #ffffff;
934
- --gh-color-btn-danger-hoverBg: #da3633;
935
- --gh-color-btn-danger-hoverBorder: #f85149;
936
- --gh-color-btn-danger-hoverShadow: 0 0 transparent;
937
- --gh-color-btn-danger-hoverInsetShadow: 0 0 transparent;
938
- --gh-color-btn-danger-hoverIcon: #ffffff;
939
- --gh-color-btn-danger-hoverCounterBg: rgba(255, 255, 255, 0.2);
940
- --gh-color-btn-danger-selectedText: #ffffff;
941
- --gh-color-btn-danger-selectedBg: #b62324;
942
- --gh-color-btn-danger-selectedBorder: #ff7b72;
943
- --gh-color-btn-danger-selectedShadow: 0 0 transparent;
944
- --gh-color-btn-danger-disabledText: rgba(248, 81, 73, 0.5);
945
- --gh-color-btn-danger-disabledBg: #0d1117;
946
- --gh-color-btn-danger-disabledCounterBg: rgba(218, 54, 51, 0.05);
947
- --gh-color-btn-danger-focusBorder: #f85149;
948
- --gh-color-btn-danger-focusShadow: 0 0 0 3px rgba(248, 81, 73, 0.4);
949
- --gh-color-btn-danger-counterBg: rgba(218, 54, 51, 0.1);
950
- --gh-color-btn-danger-icon: #f85149;
951
- --gh-color-underlinenav-icon: #484f58;
952
- --gh-color-underlinenav-borderHover: rgba(110, 118, 129, 0.4);
953
- --gh-color-actionListItem-inlineDivider: rgba(48, 54, 61, 0.48);
954
- --gh-color-actionListItem-default-hoverBg: rgba(177, 186, 196, 0.12);
955
- --gh-color-actionListItem-default-hoverBorder: rgba(0, 0, 0, 0);
956
- --gh-color-actionListItem-default-activeBg: rgba(177, 186, 196, 0.2);
957
- --gh-color-actionListItem-default-activeBorder: rgba(0, 0, 0, 0);
958
- --gh-color-actionListItem-default-selectedBg: rgba(177, 186, 196, 0.08);
959
- --gh-color-actionListItem-danger-hoverBg: rgba(248, 81, 73, 0.16);
960
- --gh-color-actionListItem-danger-activeBg: rgba(248, 81, 73, 0.24);
961
- --gh-color-actionListItem-danger-hoverText: #ff7b72;
962
- --gh-color-fg-default: #c9d1d9;
963
- --gh-color-fg-muted: #8b949e;
964
- --gh-color-fg-subtle: #484f58;
965
- --gh-color-fg-onEmphasis: #ffffff;
966
- --gh-color-canvas-default: #0d1117;
967
- --gh-color-canvas-overlay: #161b22;
968
- --gh-color-canvas-inset: #010409;
969
- --gh-color-canvas-subtle: #161b22;
970
- --gh-color-border-default: #30363d;
971
- --gh-color-border-muted: #21262d;
972
- --gh-color-border-subtle: rgba(240, 246, 252, 0.1);
973
- --gh-color-shadow-small: 0 0 transparent;
974
- --gh-color-shadow-medium: 0 3px 6px #010409;
975
- --gh-color-shadow-large: 0 8px 24px #010409;
976
- --gh-color-shadow-extraLarge: 0 12px 48px #010409;
977
- --gh-color-neutral-emphasisPlus: #6e7681;
978
- --gh-color-neutral-emphasis: #6e7681;
979
- --gh-color-neutral-muted: rgba(110, 118, 129, 0.4);
980
- --gh-color-neutral-subtle: rgba(110, 118, 129, 0.1);
981
- --gh-color-accent-fg: #58a6ff;
982
- --gh-color-accent-emphasis: #1f6feb;
983
- --gh-color-accent-muted: rgba(56, 139, 253, 0.4);
984
- --gh-color-accent-subtle: rgba(56, 139, 253, 0.15);
985
- --gh-color-success-fg: #3fb950;
986
- --gh-color-success-emphasis: #238636;
987
- --gh-color-success-muted: rgba(46, 160, 67, 0.4);
988
- --gh-color-success-subtle: rgba(46, 160, 67, 0.15);
989
- --gh-color-attention-fg: #d29922;
990
- --gh-color-attention-emphasis: #9e6a03;
991
- --gh-color-attention-muted: rgba(187, 128, 9, 0.4);
992
- --gh-color-attention-subtle: rgba(187, 128, 9, 0.15);
993
- --gh-color-severe-fg: #db6d28;
994
- --gh-color-severe-emphasis: #bd561d;
995
- --gh-color-severe-muted: rgba(219, 109, 40, 0.4);
996
- --gh-color-severe-subtle: rgba(219, 109, 40, 0.15);
997
- --gh-color-danger-fg: #f85149;
998
- --gh-color-danger-emphasis: #da3633;
999
- --gh-color-danger-muted: rgba(248, 81, 73, 0.4);
1000
- --gh-color-danger-subtle: rgba(248, 81, 73, 0.15);
1001
- --gh-color-open-fg: #3fb950;
1002
- --gh-color-open-emphasis: #238636;
1003
- --gh-color-open-muted: rgba(46, 160, 67, 0.4);
1004
- --gh-color-open-subtle: rgba(46, 160, 67, 0.15);
1005
- --gh-color-closed-fg: #f85149;
1006
- --gh-color-closed-emphasis: #da3633;
1007
- --gh-color-closed-muted: rgba(248, 81, 73, 0.4);
1008
- --gh-color-closed-subtle: rgba(248, 81, 73, 0.15);
1009
- --gh-color-done-fg: #a371f7;
1010
- --gh-color-done-emphasis: #8957e5;
1011
- --gh-color-done-muted: rgba(163, 113, 247, 0.4);
1012
- --gh-color-done-subtle: rgba(163, 113, 247, 0.15);
1013
- --gh-color-sponsors-fg: #db61a2;
1014
- --gh-color-sponsors-emphasis: #bf4b8a;
1015
- --gh-color-sponsors-muted: rgba(219, 97, 162, 0.4);
1016
- --gh-color-sponsors-subtle: rgba(219, 97, 162, 0.15);
1017
- --gh-color-primer-fg-disabled: #484f58;
1018
- --gh-color-primer-canvas-backdrop: rgba(1, 4, 9, 0.8);
1019
- --gh-color-primer-canvas-sticky: rgba(13, 17, 23, 0.95);
1020
- --gh-color-primer-border-active: #f78166;
1021
- --gh-color-primer-border-contrast: rgba(255, 255, 255, 0.2);
1022
- --gh-color-primer-shadow-highlight: 0 0 transparent;
1023
- --gh-color-primer-shadow-inset: 0 0 transparent;
1024
- --gh-color-primer-shadow-focus: 0 0 0 3px #0c2d6b;
1025
- }