@primer/styled-react 0.0.0-20251022083505 → 0.0.0-20251022090914
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.
- package/dist/components/ThemeProvider.d.ts.map +1 -1
- package/dist/components/ThemeProvider.js +2 -1
- package/dist/components.json +2 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/legacy-theme/ts/color-schemes.d.ts +4733 -0
- package/dist/legacy-theme/ts/color-schemes.d.ts.map +1 -0
- package/dist/legacy-theme/ts/color-schemes.js +4734 -0
- package/dist/legacy-theme/ts/colors/dark.d.ts +517 -0
- package/dist/legacy-theme/ts/colors/dark.d.ts.map +1 -0
- package/dist/legacy-theme/ts/colors/dark_colorblind.d.ts +517 -0
- package/dist/legacy-theme/ts/colors/dark_colorblind.d.ts.map +1 -0
- package/dist/legacy-theme/ts/colors/dark_dimmed.d.ts +517 -0
- package/dist/legacy-theme/ts/colors/dark_dimmed.d.ts.map +1 -0
- package/dist/legacy-theme/ts/colors/dark_high_contrast.d.ts +517 -0
- package/dist/legacy-theme/ts/colors/dark_high_contrast.d.ts.map +1 -0
- package/dist/legacy-theme/ts/colors/dark_tritanopia.d.ts +517 -0
- package/dist/legacy-theme/ts/colors/dark_tritanopia.d.ts.map +1 -0
- package/dist/legacy-theme/ts/colors/index.d.ts +4638 -0
- package/dist/legacy-theme/ts/colors/index.d.ts.map +1 -0
- package/dist/legacy-theme/ts/colors/light.d.ts +517 -0
- package/dist/legacy-theme/ts/colors/light.d.ts.map +1 -0
- package/dist/legacy-theme/ts/colors/light_colorblind.d.ts +517 -0
- package/dist/legacy-theme/ts/colors/light_colorblind.d.ts.map +1 -0
- package/dist/legacy-theme/ts/colors/light_high_contrast.d.ts +517 -0
- package/dist/legacy-theme/ts/colors/light_high_contrast.d.ts.map +1 -0
- package/dist/legacy-theme/ts/colors/light_tritanopia.d.ts +517 -0
- package/dist/legacy-theme/ts/colors/light_tritanopia.d.ts.map +1 -0
- package/dist/legacy-theme/ts/index.d.ts +2 -0
- package/dist/legacy-theme/ts/index.d.ts.map +1 -0
- package/dist/sx.d.ts +1 -1
- package/dist/sx.d.ts.map +1 -1
- package/dist/theme-get.js +1 -1
- package/dist/theme-utils.d.ts +23 -0
- package/dist/theme-utils.d.ts.map +1 -0
- package/dist/theme-utils.js +12 -0
- package/dist/theme.d.ts +1173 -0
- package/dist/theme.d.ts.map +1 -0
- package/dist/theme.js +50 -0
- package/package.json +10 -3
|
@@ -0,0 +1,517 @@
|
|
|
1
|
+
declare const colors: {
|
|
2
|
+
readonly canvasDefaultTransparent: "var(--bgColor-transparent, var(--color-canvas-default-transparent, rgba(255,255,255,0)))";
|
|
3
|
+
readonly pageHeaderBg: "var(--page-header-bgColor, var(--color-page-header-bg, #f6f8fa))";
|
|
4
|
+
readonly marketingIcon: {
|
|
5
|
+
readonly primary: "var(--color-marketing-icon-primary, #218bff)";
|
|
6
|
+
readonly secondary: "var(--color-marketing-icon-secondary, #54aeff)";
|
|
7
|
+
};
|
|
8
|
+
readonly diffBlob: {
|
|
9
|
+
readonly addition: {
|
|
10
|
+
readonly numText: "var(--diffBlob-addition-fgColor-num, var(--color-diff-blob-addition-num-text, #24292f))";
|
|
11
|
+
readonly fg: "var(--diffBlob-addition-fgColor-text, var(--color-diff-blob-addition-fg, #24292f))";
|
|
12
|
+
readonly numBg: "var(--diffBlob-addition-bgColor-num, var(--color-diff-blob-addition-num-bg, rgba(84,174,255,0.4)))";
|
|
13
|
+
readonly lineBg: "var(--diffBlob-addition-bgColor-line, var(--color-diff-blob-addition-line-bg, rgba(221,244,255,0.5)))";
|
|
14
|
+
readonly wordBg: "var(--diffBlob-addition-bgColor-word, var(--color-diff-blob-addition-word-bg, rgba(84,174,255,0.4)))";
|
|
15
|
+
};
|
|
16
|
+
readonly deletion: {
|
|
17
|
+
readonly numText: "var(--diffBlob-deletion-fgColor-num, var(--color-diff-blob-deletion-num-text, #24292f))";
|
|
18
|
+
readonly fg: "var(--diffBlob-deletion-fgColor-text, var(--color-diff-blob-deletion-fg, #24292f))";
|
|
19
|
+
readonly numBg: "var(--diffBlob-deletion-bgColor-num, var(--color-diff-blob-deletion-num-bg, rgba(255,129,130,0.4)))";
|
|
20
|
+
readonly lineBg: "var(--diffBlob-deletion-bgColor-line, var(--color-diff-blob-deletion-line-bg, rgba(255,235,233,0.5)))";
|
|
21
|
+
readonly wordBg: "var(--diffBlob-deletion-bgColor-word, var(--color-diff-blob-deletion-word-bg, rgba(255,171,168,0.5)))";
|
|
22
|
+
};
|
|
23
|
+
readonly hunk: {
|
|
24
|
+
readonly numBg: "var(--diffBlob-hunk-bgColor-num, var(--color-diff-blob-hunk-num-bg, rgba(84,174,255,0.4)))";
|
|
25
|
+
};
|
|
26
|
+
readonly expander: {
|
|
27
|
+
readonly icon: "var(--diffBlob-expander-iconColor, var(--color-diff-blob-expander-icon, #57606a))";
|
|
28
|
+
};
|
|
29
|
+
readonly selectedLineHighlightMixBlendMode: "var(--color-diff-blob-selected-line-highlight-mix-blend-mode, multiply)";
|
|
30
|
+
};
|
|
31
|
+
readonly diffstat: {
|
|
32
|
+
readonly deletionBorder: "var(--color-diffstat-deletion-border, rgba(27,31,36,0.15))";
|
|
33
|
+
readonly additionBorder: "var(--color-diffstat-addition-border, rgba(27,31,36,0.15))";
|
|
34
|
+
readonly additionBg: "var(undefined, var(--color-diffstat-addition-bg, #0969da))";
|
|
35
|
+
};
|
|
36
|
+
readonly searchKeyword: {
|
|
37
|
+
readonly hl: "var(--highlight-neutral-bgColor, var(--color-search-keyword-hl, #fff8c5))";
|
|
38
|
+
};
|
|
39
|
+
readonly prettylights: {
|
|
40
|
+
readonly syntax: {
|
|
41
|
+
readonly comment: "var(--color-prettylights-syntax-comment, #57606a)";
|
|
42
|
+
readonly constant: "var(--color-prettylights-syntax-constant, #0550ae)";
|
|
43
|
+
readonly entity: "var(--color-prettylights-syntax-entity, #6639ba)";
|
|
44
|
+
readonly storageModifierImport: "var(--color-prettylights-syntax-storage-modifier-import, #24292f)";
|
|
45
|
+
readonly entityTag: "var(--color-prettylights-syntax-entity-tag, #0550ae)";
|
|
46
|
+
readonly keyword: "var(--color-prettylights-syntax-keyword, #cf222e)";
|
|
47
|
+
readonly string: "var(--color-prettylights-syntax-string, #0a3069)";
|
|
48
|
+
readonly variable: "var(--color-prettylights-syntax-variable, #a40e26)";
|
|
49
|
+
readonly brackethighlighterUnmatched: "var(--color-prettylights-syntax-brackethighlighter-unmatched, #82071e)";
|
|
50
|
+
readonly invalidIllegalText: "var(--color-prettylights-syntax-invalid-illegal-text, #f6f8fa)";
|
|
51
|
+
readonly invalidIllegalBg: "var(--color-prettylights-syntax-invalid-illegal-bg, #82071e)";
|
|
52
|
+
readonly carriageReturnText: "var(--color-prettylights-syntax-carriage-return-text, #f6f8fa)";
|
|
53
|
+
readonly carriageReturnBg: "var(--color-prettylights-syntax-carriage-return-bg, #cf222e)";
|
|
54
|
+
readonly stringRegexp: "var(--color-prettylights-syntax-string-regexp, #0550ae)";
|
|
55
|
+
readonly markupList: "var(--color-prettylights-syntax-markup-list, #3b2300)";
|
|
56
|
+
readonly markupHeading: "var(--color-prettylights-syntax-markup-heading, #0550ae)";
|
|
57
|
+
readonly markupItalic: "var(--color-prettylights-syntax-markup-italic, #24292f)";
|
|
58
|
+
readonly markupBold: "var(--color-prettylights-syntax-markup-bold, #24292f)";
|
|
59
|
+
readonly markupDeletedText: "var(--color-prettylights-syntax-markup-deleted-text, #82071e)";
|
|
60
|
+
readonly markupDeletedBg: "var(--color-prettylights-syntax-markup-deleted-bg, #ffebe9)";
|
|
61
|
+
readonly markupInsertedText: "var(--color-prettylights-syntax-markup-inserted-text, #0550ae)";
|
|
62
|
+
readonly markupInsertedBg: "var(--color-prettylights-syntax-markup-inserted-bg, #ddf4ff)";
|
|
63
|
+
readonly markupChangedText: "var(--color-prettylights-syntax-markup-changed-text, #a40e26)";
|
|
64
|
+
readonly markupChangedBg: "var(--color-prettylights-syntax-markup-changed-bg, #ffcecb)";
|
|
65
|
+
readonly markupIgnoredText: "var(--color-prettylights-syntax-markup-ignored-text, #eaeef2)";
|
|
66
|
+
readonly markupIgnoredBg: "var(--color-prettylights-syntax-markup-ignored-bg, #0550ae)";
|
|
67
|
+
readonly metaDiffRange: "var(--color-prettylights-syntax-meta-diff-range, #8250df)";
|
|
68
|
+
readonly brackethighlighterAngle: "var(--color-prettylights-syntax-brackethighlighter-angle, #57606a)";
|
|
69
|
+
readonly sublimelinterGutterMark: "var(--color-prettylights-syntax-sublimelinter-gutter-mark, #8c959f)";
|
|
70
|
+
readonly constantOtherReferenceLink: "var(--color-prettylights-syntax-constant-other-reference-link, #0a3069)";
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
readonly codemirror: {
|
|
74
|
+
readonly text: "var(--codeMirror-fgColor, var(--color-codemirror-text, #24292f))";
|
|
75
|
+
readonly bg: "var(--codeMirror-bgColor, var(--color-codemirror-bg, #ffffff))";
|
|
76
|
+
readonly guttersBg: "var(--codeMirror-gutters-bgColor, var(--color-codemirror-gutters-bg, #ffffff))";
|
|
77
|
+
readonly guttermarkerText: "var(--codeMirror-gutterMarker-fgColor-default, var(--color-codemirror-guttermarker-text, #ffffff))";
|
|
78
|
+
readonly guttermarkerSubtleText: "var(--codeMirror-gutterMarker-fgColor-muted, var(--color-codemirror-guttermarker-subtle-text, #6e7781))";
|
|
79
|
+
readonly linenumberText: "var(--codeMirror-lineNumber-fgColor, var(--color-codemirror-linenumber-text, #57606a))";
|
|
80
|
+
readonly cursor: "var(--codeMirror-cursor-fgColor, var(--color-codemirror-cursor, #24292f))";
|
|
81
|
+
readonly selectionBg: "var(--codeMirror-selection-bgColor, var(--color-codemirror-selection-bg, rgba(84,174,255,0.4)))";
|
|
82
|
+
readonly activelineBg: "var(--codeMirror-activeline-bgColor, var(--color-codemirror-activeline-bg, rgba(234,238,242,0.5)))";
|
|
83
|
+
readonly matchingbracketText: "var(--codeMirror-matchingBracket-fgColor, var(--color-codemirror-matchingbracket-text, #24292f))";
|
|
84
|
+
readonly linesBg: "var(--codeMirror-lines-bgColor, var(--color-codemirror-lines-bg, #ffffff))";
|
|
85
|
+
readonly syntax: {
|
|
86
|
+
readonly comment: "var(--codeMirror-syntax-fgColor-comment, var(--color-codemirror-syntax-comment, #24292f))";
|
|
87
|
+
readonly constant: "var(--codeMirror-syntax-fgColor-constant, var(--color-codemirror-syntax-constant, #0550ae))";
|
|
88
|
+
readonly entity: "var(--codeMirror-syntax-fgColor-entity, var(--color-codemirror-syntax-entity, #8250df))";
|
|
89
|
+
readonly keyword: "var(--codeMirror-syntax-fgColor-keyword, var(--color-codemirror-syntax-keyword, #cf222e))";
|
|
90
|
+
readonly storage: "var(--codeMirror-syntax-fgColor-storage, var(--color-codemirror-syntax-storage, #cf222e))";
|
|
91
|
+
readonly string: "var(--codeMirror-syntax-fgColor-string, var(--color-codemirror-syntax-string, #0a3069))";
|
|
92
|
+
readonly support: "var(--codeMirror-syntax-fgColor-support, var(--color-codemirror-syntax-support, #0550ae))";
|
|
93
|
+
readonly variable: "var(--codeMirror-syntax-fgColor-variable, var(--color-codemirror-syntax-variable, #a40e26))";
|
|
94
|
+
};
|
|
95
|
+
};
|
|
96
|
+
readonly checks: {
|
|
97
|
+
readonly bg: "var(--color-checks-bg, #24292f)";
|
|
98
|
+
readonly runBorderWidth: "var(--color-checks-run-border-width, 0px)";
|
|
99
|
+
readonly containerBorderWidth: "var(--color-checks-container-border-width, 0px)";
|
|
100
|
+
readonly textPrimary: "var(--color-checks-text-primary, #f6f8fa)";
|
|
101
|
+
readonly textSecondary: "var(--color-checks-text-secondary, #8c959f)";
|
|
102
|
+
readonly textLink: "var(--color-checks-text-link, #54aeff)";
|
|
103
|
+
readonly btnIcon: "var(--color-checks-btn-icon, #afb8c1)";
|
|
104
|
+
readonly btnHoverIcon: "var(--color-checks-btn-hover-icon, #f6f8fa)";
|
|
105
|
+
readonly btnHoverBg: "var(--color-checks-btn-hover-bg, rgba(255,255,255,0.125))";
|
|
106
|
+
readonly inputText: "var(--color-checks-input-text, #eaeef2)";
|
|
107
|
+
readonly inputPlaceholderText: "var(--color-checks-input-placeholder-text, #8c959f)";
|
|
108
|
+
readonly inputFocusText: "var(--color-checks-input-focus-text, #8c959f)";
|
|
109
|
+
readonly inputBg: "var(--color-checks-input-bg, #32383f)";
|
|
110
|
+
readonly inputShadow: "var(--color-checks-input-shadow, none)";
|
|
111
|
+
readonly donutError: "var(--color-checks-donut-error, #fa4549)";
|
|
112
|
+
readonly donutPending: "var(--color-checks-donut-pending, #bf8700)";
|
|
113
|
+
readonly donutSuccess: "var(--color-checks-donut-success, #0969da)";
|
|
114
|
+
readonly donutNeutral: "var(--color-checks-donut-neutral, #afb8c1)";
|
|
115
|
+
readonly dropdownText: "var(--color-checks-dropdown-text, #afb8c1)";
|
|
116
|
+
readonly dropdownBg: "var(--color-checks-dropdown-bg, #32383f)";
|
|
117
|
+
readonly dropdownBorder: "var(--color-checks-dropdown-border, #424a53)";
|
|
118
|
+
readonly dropdownShadow: "var(--color-checks-dropdown-shadow, rgba(27,31,36,0.3))";
|
|
119
|
+
readonly dropdownHoverText: "var(--color-checks-dropdown-hover-text, #f6f8fa)";
|
|
120
|
+
readonly dropdownHoverBg: "var(--color-checks-dropdown-hover-bg, #424a53)";
|
|
121
|
+
readonly dropdownBtnHoverText: "var(--color-checks-dropdown-btn-hover-text, #f6f8fa)";
|
|
122
|
+
readonly dropdownBtnHoverBg: "var(--color-checks-dropdown-btn-hover-bg, #32383f)";
|
|
123
|
+
readonly scrollbarThumbBg: "var(--color-checks-scrollbar-thumb-bg, #57606a)";
|
|
124
|
+
readonly headerLabelText: "var(--color-checks-header-label-text, #d0d7de)";
|
|
125
|
+
readonly headerLabelOpenText: "var(--color-checks-header-label-open-text, #f6f8fa)";
|
|
126
|
+
readonly headerBorder: "var(--color-checks-header-border, #32383f)";
|
|
127
|
+
readonly headerIcon: "var(--color-checks-header-icon, #8c959f)";
|
|
128
|
+
readonly lineText: "var(--color-checks-line-text, #d0d7de)";
|
|
129
|
+
readonly lineNumText: "var(--color-checks-line-num-text, rgba(140,149,159,0.75))";
|
|
130
|
+
readonly lineTimestampText: "var(--color-checks-line-timestamp-text, #8c959f)";
|
|
131
|
+
readonly lineHoverBg: "var(--color-checks-line-hover-bg, #32383f)";
|
|
132
|
+
readonly lineSelectedBg: "var(--color-checks-line-selected-bg, rgba(33,139,255,0.15))";
|
|
133
|
+
readonly lineSelectedNumText: "var(--color-checks-line-selected-num-text, #54aeff)";
|
|
134
|
+
readonly lineDtFmText: "var(--color-checks-line-dt-fm-text, #24292f)";
|
|
135
|
+
readonly lineDtFmBg: "var(--color-checks-line-dt-fm-bg, #9a6700)";
|
|
136
|
+
readonly gateBg: "var(--color-checks-gate-bg, rgba(125,78,0,0.15))";
|
|
137
|
+
readonly gateText: "var(--color-checks-gate-text, #d0d7de)";
|
|
138
|
+
readonly gateWaitingText: "var(--color-checks-gate-waiting-text, #d4a72c)";
|
|
139
|
+
readonly stepHeaderOpenBg: "var(--color-checks-step-header-open-bg, #32383f)";
|
|
140
|
+
readonly stepErrorText: "var(--color-checks-step-error-text, #ff8182)";
|
|
141
|
+
readonly stepWarningText: "var(--color-checks-step-warning-text, #d4a72c)";
|
|
142
|
+
readonly loglineText: "var(--color-checks-logline-text, #8c959f)";
|
|
143
|
+
readonly loglineNumText: "var(--color-checks-logline-num-text, rgba(140,149,159,0.75))";
|
|
144
|
+
readonly loglineDebugText: "var(--color-checks-logline-debug-text, #c297ff)";
|
|
145
|
+
readonly loglineErrorText: "var(--color-checks-logline-error-text, #d0d7de)";
|
|
146
|
+
readonly loglineErrorNumText: "var(--color-checks-logline-error-num-text, #ff8182)";
|
|
147
|
+
readonly loglineErrorBg: "var(--color-checks-logline-error-bg, rgba(164,14,38,0.15))";
|
|
148
|
+
readonly loglineWarningText: "var(--color-checks-logline-warning-text, #d0d7de)";
|
|
149
|
+
readonly loglineWarningNumText: "var(--color-checks-logline-warning-num-text, #d4a72c)";
|
|
150
|
+
readonly loglineWarningBg: "var(--color-checks-logline-warning-bg, rgba(125,78,0,0.15))";
|
|
151
|
+
readonly loglineCommandText: "var(--color-checks-logline-command-text, #54aeff)";
|
|
152
|
+
readonly loglineSectionText: "var(--color-checks-logline-section-text, #54aeff)";
|
|
153
|
+
readonly ansi: {
|
|
154
|
+
readonly black: "var(--color-checks-ansi-black, #24292f)";
|
|
155
|
+
readonly blackBright: "var(--color-checks-ansi-black-bright, #32383f)";
|
|
156
|
+
readonly white: "var(--color-checks-ansi-white, #d0d7de)";
|
|
157
|
+
readonly whiteBright: "var(--color-checks-ansi-white-bright, #d0d7de)";
|
|
158
|
+
readonly gray: "var(--color-checks-ansi-gray, #8c959f)";
|
|
159
|
+
readonly red: "var(--color-checks-ansi-red, #ff8182)";
|
|
160
|
+
readonly redBright: "var(--color-checks-ansi-red-bright, #ffaba8)";
|
|
161
|
+
readonly green: "var(--color-checks-ansi-green, #54aeff)";
|
|
162
|
+
readonly greenBright: "var(--color-checks-ansi-green-bright, #80ccff)";
|
|
163
|
+
readonly yellow: "var(--color-checks-ansi-yellow, #d4a72c)";
|
|
164
|
+
readonly yellowBright: "var(--color-checks-ansi-yellow-bright, #eac54f)";
|
|
165
|
+
readonly blue: "var(--color-checks-ansi-blue, #54aeff)";
|
|
166
|
+
readonly blueBright: "var(--color-checks-ansi-blue-bright, #80ccff)";
|
|
167
|
+
readonly magenta: "var(--color-checks-ansi-magenta, #c297ff)";
|
|
168
|
+
readonly magentaBright: "var(--color-checks-ansi-magenta-bright, #d8b9ff)";
|
|
169
|
+
readonly cyan: "var(--color-checks-ansi-cyan, #76e3ea)";
|
|
170
|
+
readonly cyanBright: "var(--color-checks-ansi-cyan-bright, #b3f0ff)";
|
|
171
|
+
};
|
|
172
|
+
};
|
|
173
|
+
readonly project: {
|
|
174
|
+
readonly headerBg: "var(--color-project-header-bg, #24292f)";
|
|
175
|
+
readonly sidebarBg: "var(--color-project-sidebar-bg, #ffffff)";
|
|
176
|
+
readonly gradientIn: "var(--color-project-gradient-in, #ffffff)";
|
|
177
|
+
readonly gradientOut: "var(--color-project-gradient-out, rgba(255,255,255,0))";
|
|
178
|
+
};
|
|
179
|
+
readonly mktg: {
|
|
180
|
+
readonly btn: {
|
|
181
|
+
readonly bg: "var(--color-mktg-btn-bg, #1b1f23))";
|
|
182
|
+
readonly shadow: {
|
|
183
|
+
readonly outline: "var(--color-mktg-btn-shadow-outline, rgb(0 0 0 / 15%) 0 0 0 1px inset))";
|
|
184
|
+
readonly focus: "var(--color-mktg-btn-shadow-focus, rgb(0 0 0 / 15%) 0 0 0 4px))";
|
|
185
|
+
readonly hover: "var(--color-mktg-btn-shadow-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)))";
|
|
186
|
+
readonly hoverMuted: "var(--color-mktg-btn-shadow-hover-muted, rgb(0 0 0 / 70%) 0 0 0 2px inset))";
|
|
187
|
+
};
|
|
188
|
+
};
|
|
189
|
+
};
|
|
190
|
+
readonly control: {
|
|
191
|
+
readonly borderColor: {
|
|
192
|
+
readonly emphasis: "var(--control-borderColor-emphasis, var(--color-control-border-color-emphasis, #858F99))";
|
|
193
|
+
};
|
|
194
|
+
};
|
|
195
|
+
readonly avatar: {
|
|
196
|
+
readonly bg: "var(--avatar-bgColor, var(--color-avatar-bg, #ffffff))";
|
|
197
|
+
readonly border: "var(--avatar-borderColor, var(--color-avatar-border, rgba(27,31,36,0.15)))";
|
|
198
|
+
readonly stackFade: "var(--avatarStack-fade-bgColor-default, var(--color-avatar-stack-fade, #afb8c1))";
|
|
199
|
+
readonly stackFadeMore: "var(--avatarStack-fade-bgColor-muted, var(--color-avatar-stack-fade-more, #d0d7de))";
|
|
200
|
+
readonly childShadow: "var(--avatar-shadow, var(--color-avatar-child-shadow, 0 0 0 2px rgba(255,255,255,0.8)))";
|
|
201
|
+
};
|
|
202
|
+
readonly topicTag: {
|
|
203
|
+
readonly border: "var(--topicTag-borderColor, var(--color-topic-tag-border, transparent))";
|
|
204
|
+
};
|
|
205
|
+
readonly counter: {
|
|
206
|
+
readonly border: "var(--counter-borderColor, var(--color-counter-border, transparent))";
|
|
207
|
+
};
|
|
208
|
+
readonly selectMenu: {
|
|
209
|
+
readonly backdropBorder: "var(--selectMenu-borderColor, var(--color-select-menu-backdrop-border, transparent))";
|
|
210
|
+
readonly tapHighlight: "var(--control-bgColor-active, var(--color-select-menu-tap-highlight, rgba(175,184,193,0.5)))";
|
|
211
|
+
readonly tapFocusBg: "var(--selectMenu-bgColor-active, var(--color-select-menu-tap-focus-bg, #b6e3ff))";
|
|
212
|
+
};
|
|
213
|
+
readonly overlay: {
|
|
214
|
+
readonly shadow: "var(--shadow-floating-small, var(--color-overlay-shadow, 0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12)))";
|
|
215
|
+
readonly backdrop: "var(--overlay-backdrop-bgColor, var(--color-overlay-backdrop, rgba(140,149,159,0.2)))";
|
|
216
|
+
};
|
|
217
|
+
readonly header: {
|
|
218
|
+
readonly text: "var(--header-fgColor-default, var(--color-header-text, rgba(255,255,255,0.7)))";
|
|
219
|
+
readonly bg: "var(--header-bgColor, var(--color-header-bg, #24292f))";
|
|
220
|
+
readonly divider: "var(--header-borderColor-divider, var(--color-header-divider, #57606a))";
|
|
221
|
+
readonly logo: "var(--header-fgColor-logo, var(--color-header-logo, #ffffff))";
|
|
222
|
+
};
|
|
223
|
+
readonly headerSearch: {
|
|
224
|
+
readonly bg: "var(--headerSearch-bgColor, var(--color-header-search-bg, #24292f))";
|
|
225
|
+
readonly border: "var(--headerSearch-borderColor, var(--color-header-search-border, #57606a))";
|
|
226
|
+
};
|
|
227
|
+
readonly sidenav: {
|
|
228
|
+
readonly selectedBg: "var(--sideNav-bgColor-selected, var(--color-sidenav-selected-bg, #ffffff))";
|
|
229
|
+
};
|
|
230
|
+
readonly menu: {
|
|
231
|
+
readonly bgActive: "var(--menu-bgColor-active, var(--color-menu-bg-active, transparent))";
|
|
232
|
+
};
|
|
233
|
+
readonly input: {
|
|
234
|
+
readonly disabledBg: "var(--control-bgColor-disabled, var(--color-input-disabled-bg, rgba(175,184,193,0.2)))";
|
|
235
|
+
};
|
|
236
|
+
readonly timeline: {
|
|
237
|
+
readonly badgeBg: "var(--timelineBadge-bgColor, var(--color-timeline-badge-bg, #eaeef2))";
|
|
238
|
+
};
|
|
239
|
+
readonly ansi: {
|
|
240
|
+
readonly black: "var(--color-ansi-black, #24292f)";
|
|
241
|
+
readonly blackBright: "var(--color-ansi-black-bright, #57606a)";
|
|
242
|
+
readonly white: "var(--color-ansi-white, #6e7781)";
|
|
243
|
+
readonly whiteBright: "var(--color-ansi-white-bright, #8c959f)";
|
|
244
|
+
readonly gray: "var(--color-ansi-gray, #6e7781)";
|
|
245
|
+
readonly red: "var(--color-ansi-red, #cf222e)";
|
|
246
|
+
readonly redBright: "var(--color-ansi-red-bright, #a40e26)";
|
|
247
|
+
readonly green: "var(--color-ansi-green, #0550ae)";
|
|
248
|
+
readonly greenBright: "var(--color-ansi-green-bright, #0969da)";
|
|
249
|
+
readonly yellow: "var(--color-ansi-yellow, #4d2d00)";
|
|
250
|
+
readonly yellowBright: "var(--color-ansi-yellow-bright, #633c01)";
|
|
251
|
+
readonly blue: "var(--color-ansi-blue, #0969da)";
|
|
252
|
+
readonly blueBright: "var(--color-ansi-blue-bright, #218bff)";
|
|
253
|
+
readonly magenta: "var(--color-ansi-magenta, #8250df)";
|
|
254
|
+
readonly magentaBright: "var(--color-ansi-magenta-bright, #a475f9)";
|
|
255
|
+
readonly cyan: "var(--color-ansi-cyan, #1b7c83)";
|
|
256
|
+
readonly cyanBright: "var(--color-ansi-cyan-bright, #3192aa)";
|
|
257
|
+
};
|
|
258
|
+
readonly btn: {
|
|
259
|
+
readonly text: "var(--button-default-fgColor-rest, var(--color-btn-text, #24292f))";
|
|
260
|
+
readonly bg: "var(--button-default-bgColor-rest, var(--color-btn-bg, #f6f8fa))";
|
|
261
|
+
readonly border: "var(--button-default-borderColor-rest, var(--color-btn-border, rgba(27,31,36,0.15)))";
|
|
262
|
+
readonly shadow: "var(--button-default-shadow-resting, var(--color-btn-shadow, 0 1px 0 rgba(27,31,36,0.04)))";
|
|
263
|
+
readonly insetShadow: "var(--button-default-shadow-inset, var(--color-btn-inset-shadow, inset 0 1px 0 rgba(255,255,255,0.25)))";
|
|
264
|
+
readonly hoverBg: "var(--button-default-bgColor-hover, var(--color-btn-hover-bg, #f3f4f6))";
|
|
265
|
+
readonly hoverBorder: "var(--button-default-borderColor-hover, var(--color-btn-hover-border, rgba(27,31,36,0.15)))";
|
|
266
|
+
readonly activeBg: "var(--button-default-bgColor-active, var(--color-btn-active-bg, hsla(220,14%,93%,1)))";
|
|
267
|
+
readonly activeBorder: "var(--button-default-borderColor-active, var(--color-btn-active-border, rgba(27,31,36,0.15)))";
|
|
268
|
+
readonly selectedBg: "var(--button-default-bgColor-selected, var(--color-btn-selected-bg, hsla(220,14%,94%,1)))";
|
|
269
|
+
readonly counterBg: "var(--buttonCounter-default-bgColor-rest, var(--color-btn-counter-bg, rgba(27,31,36,0.08)))";
|
|
270
|
+
readonly primary: {
|
|
271
|
+
readonly text: "var(--button-primary-fgColor-rest, var(--color-btn-primary-text, #ffffff))";
|
|
272
|
+
readonly bg: "var(--button-primary-bgColor-rest, var(--color-btn-primary-bg, #0969da))";
|
|
273
|
+
readonly border: "var(--button-primary-borderColor-rest, var(--color-btn-primary-border, rgba(27,31,36,0.15)))";
|
|
274
|
+
readonly shadow: "var(--shadow-resting-small, var(--color-btn-primary-shadow, 0 1px 0 rgba(27,31,36,0.1)))";
|
|
275
|
+
readonly insetShadow: "var(--shadow-highlight, var(--color-btn-primary-inset-shadow, inset 0 1px 0 rgba(255,255,255,0.03)))";
|
|
276
|
+
readonly hoverBg: "var(--button-primary-bgColor-hover, var(--color-btn-primary-hover-bg, #0969da))";
|
|
277
|
+
readonly hoverBorder: "var(--button-primary-borderColor-hover, var(--color-btn-primary-hover-border, rgba(27,31,36,0.15)))";
|
|
278
|
+
readonly selectedBg: "var(--button-primary-bgColor-active, var(--color-btn-primary-selected-bg, hsla(212,92%,43%,1)))";
|
|
279
|
+
readonly selectedShadow: "var(--button-primary-shadow-selected, var(--color-btn-primary-selected-shadow, inset 0 1px 0 rgba(0,33,85,0.2)))";
|
|
280
|
+
readonly disabledText: "var(--button-primary-fgColor-disabled, var(--color-btn-primary-disabled-text, rgba(255,255,255,0.8)))";
|
|
281
|
+
readonly disabledBg: "var(--button-primary-bgColor-disabled, var(--color-btn-primary-disabled-bg, #80ccff))";
|
|
282
|
+
readonly disabledBorder: "var(--button-primary-borderColor-disabled, var(--color-btn-primary-disabled-border, rgba(27,31,36,0.15)))";
|
|
283
|
+
readonly icon: "var(--button-primary-iconColor-rest, var(--color-btn-primary-icon, rgba(255,255,255,0.8)))";
|
|
284
|
+
readonly counterBg: "var(--buttonCounter-primary-bgColor-rest, var(--color-btn-primary-counter-bg, rgba(0,33,85,0.2)))";
|
|
285
|
+
};
|
|
286
|
+
readonly outline: {
|
|
287
|
+
readonly text: "var(--button-outline-fgColor-rest, var(--color-btn-outline-text, #0969da))";
|
|
288
|
+
readonly hoverText: "var(--button-outline-fgColor-hover, var(--color-btn-outline-hover-text, #ffffff))";
|
|
289
|
+
readonly hoverBg: "var(--button-outline-bgColor-hover, var(--color-btn-outline-hover-bg, #0969da))";
|
|
290
|
+
readonly hoverBorder: "var(--button-outline-borderColor-hover, var(--color-btn-outline-hover-border, rgba(27,31,36,0.15)))";
|
|
291
|
+
readonly hoverShadow: "var(--shadow-resting-small, var(--color-btn-outline-hover-shadow, 0 1px 0 rgba(27,31,36,0.1)))";
|
|
292
|
+
readonly hoverInsetShadow: "var(--shadow-highlight, var(--color-btn-outline-hover-inset-shadow, inset 0 1px 0 rgba(255,255,255,0.03)))";
|
|
293
|
+
readonly hoverCounterBg: "var(--buttonCounter-outline-bgColor-hover, var(--color-btn-outline-hover-counter-bg, rgba(255,255,255,0.2)))";
|
|
294
|
+
readonly selectedText: "var(--button-outline-fgColor-active, var(--color-btn-outline-selected-text, #ffffff))";
|
|
295
|
+
readonly selectedBg: "var(--button-outline-bgColor-active, var(--color-btn-outline-selected-bg, hsla(212,92%,42%,1)))";
|
|
296
|
+
readonly selectedBorder: "var(--button-outline-borderColor-active, var(--color-btn-outline-selected-border, rgba(27,31,36,0.15)))";
|
|
297
|
+
readonly selectedShadow: "var(--button-outline-shadow-selected, var(--color-btn-outline-selected-shadow, inset 0 1px 0 rgba(0,33,85,0.2)))";
|
|
298
|
+
readonly disabledText: "var(--button-outline-fgColor-disabled, var(--color-btn-outline-disabled-text, rgba(9,105,218,0.5)))";
|
|
299
|
+
readonly disabledBg: "var(--button-outline-bgColor-disabled, var(--color-btn-outline-disabled-bg, #f6f8fa))";
|
|
300
|
+
readonly disabledCounterBg: "var(--buttonCounter-outline-bgColor-disabled, var(--color-btn-outline-disabled-counter-bg, rgba(9,105,218,0.05)))";
|
|
301
|
+
readonly counterBg: "var(--buttonCounter-outline-bgColor-rest, var(--color-btn-outline-counter-bg, #0969da1a))";
|
|
302
|
+
readonly counterFg: "var(--buttonCounter-outline-fgColor-rest, var(--color-btn-outline-counter-fg, #0550ae))";
|
|
303
|
+
readonly hoverCounterFg: "var(--buttonCounter-outline-fgColor-hover, var(--color-btn-outline-hover-counter-fg, #ffffff))";
|
|
304
|
+
readonly disabledCounterFg: "var(--buttonCounter-outline-fgColor-disabled, var(--color-btn-outline-disabled-counter-fg, rgba(9,105,218,0.5)))";
|
|
305
|
+
};
|
|
306
|
+
readonly danger: {
|
|
307
|
+
readonly text: "var(--button-danger-fgColor-rest, var(--color-btn-danger-text, #cf222e))";
|
|
308
|
+
readonly hoverText: "var(--button-danger-fgColor-hover, var(--color-btn-danger-hover-text, #ffffff))";
|
|
309
|
+
readonly hoverBg: "var(--button-danger-bgColor-hover, var(--color-btn-danger-hover-bg, #a40e26))";
|
|
310
|
+
readonly hoverBorder: "var(--button-danger-borderColor-hover, var(--color-btn-danger-hover-border, rgba(27,31,36,0.15)))";
|
|
311
|
+
readonly hoverShadow: "var(--shadow-resting-small, var(--color-btn-danger-hover-shadow, 0 1px 0 rgba(27,31,36,0.1)))";
|
|
312
|
+
readonly hoverInsetShadow: "var(--shadow-highlight, var(--color-btn-danger-hover-inset-shadow, inset 0 1px 0 rgba(255,255,255,0.03)))";
|
|
313
|
+
readonly hoverCounterBg: "var(--buttonCounter-danger-bgColor-hover, var(--color-btn-danger-hover-counter-bg, rgba(255,255,255,0.2)))";
|
|
314
|
+
readonly selectedText: "var(--button-danger-fgColor-active, var(--color-btn-danger-selected-text, #ffffff))";
|
|
315
|
+
readonly selectedBg: "var(--button-danger-bgColor-active, var(--color-btn-danger-selected-bg, hsla(356,72%,44%,1)))";
|
|
316
|
+
readonly selectedBorder: "var(--button-danger-borderColor-active, var(--color-btn-danger-selected-border, rgba(27,31,36,0.15)))";
|
|
317
|
+
readonly selectedShadow: "var(--button-danger-shadow-selected, var(--color-btn-danger-selected-shadow, inset 0 1px 0 rgba(76,0,20,0.2)))";
|
|
318
|
+
readonly disabledText: "var(--button-danger-fgColor-disabled, var(--color-btn-danger-disabled-text, rgba(207,34,46,0.5)))";
|
|
319
|
+
readonly disabledBg: "var(--button-danger-bgColor-disabled, var(--color-btn-danger-disabled-bg, #f6f8fa))";
|
|
320
|
+
readonly disabledCounterBg: "var(--buttonCounter-danger-bgColor-disabled, var(--color-btn-danger-disabled-counter-bg, rgba(207,34,46,0.05)))";
|
|
321
|
+
readonly counterBg: "var(--buttonCounter-danger-bgColor-rest, var(--color-btn-danger-counter-bg, rgba(207,34,46,0.1)))";
|
|
322
|
+
readonly icon: "var(--button-danger-iconColor-rest, var(--color-btn-danger-icon, #cf222e))";
|
|
323
|
+
readonly hoverIcon: "var(--button-danger-iconColor-hover, var(--color-btn-danger-hover-icon, #ffffff))";
|
|
324
|
+
readonly counterFg: "var(--buttonCounter-danger-fgColor-rest, var(--color-btn-danger-counter-fg, #a40e26))";
|
|
325
|
+
readonly hoverCounterFg: "var(--buttonCounter-danger-fgColor-hover, var(--color-btn-danger-hover-counter-fg, #ffffff))";
|
|
326
|
+
readonly disabledCounterFg: "var(--buttonCounter-danger-fgColor-disabled, var(--color-btn-danger-disabled-counter-fg, rgba(207,34,46,0.5)))";
|
|
327
|
+
};
|
|
328
|
+
readonly inactive: {
|
|
329
|
+
readonly bg: "var(--button-inactive-bgColor-rest, var(--color-btn-inactive-bg, #eaeef2))";
|
|
330
|
+
readonly text: "var(--button-inactive-fgColor-rest, var(--color-btn-inactive-text, #57606a))";
|
|
331
|
+
};
|
|
332
|
+
};
|
|
333
|
+
readonly underlinenav: {
|
|
334
|
+
readonly icon: "var(--underlineNav-iconColor-rest, var(--color-underlinenav-icon, #6e7781))";
|
|
335
|
+
readonly borderHover: "var(--underlineNav-borderColor-hover, var(--color-underlinenav-border-hover, rgba(175,184,193,0.2)))";
|
|
336
|
+
};
|
|
337
|
+
readonly actionListItem: {
|
|
338
|
+
readonly inlineDivider: "var(--borderColor-muted, var(--color-action-list-item-inline-divider, rgba(208,215,222,0.48)))";
|
|
339
|
+
readonly default: {
|
|
340
|
+
readonly hoverBg: "var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg, rgba(208,215,222,0.32)))";
|
|
341
|
+
readonly hoverBorder: "var(--control-transparent-borderColor-hover, var(--color-action-list-item-default-hover-border, transparent))";
|
|
342
|
+
readonly activeBg: "var(--control-transparent-bgColor-active, var(--color-action-list-item-default-active-bg, rgba(208,215,222,0.48)))";
|
|
343
|
+
readonly activeBorder: "var(--control-transparent-borderColor-active, var(--color-action-list-item-default-active-border, transparent))";
|
|
344
|
+
readonly selectedBg: "var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg, rgba(208,215,222,0.24)))";
|
|
345
|
+
};
|
|
346
|
+
readonly danger: {
|
|
347
|
+
readonly hoverBg: "var(--control-danger-bgColor-hover, var(--color-action-list-item-default-danger-hover-bg, rgba(255,235,233,0.64)))";
|
|
348
|
+
readonly activeBg: "var(--control-danger-bgColor-active, var(--color-action-list-item-default-danger-active-bg, #ffebe9))";
|
|
349
|
+
readonly hoverText: "var(--control-danger-fgColor-hover, var(--color-action-list-item-default-danger-hover-text, #cf222e))";
|
|
350
|
+
};
|
|
351
|
+
};
|
|
352
|
+
readonly switchTrack: {
|
|
353
|
+
readonly bg: "var(--controlTrack-bgColor-rest, var(--color-switch-track-bg, #eaeef2))";
|
|
354
|
+
readonly hoverBg: "var(--controlTrack-bgColor-hover, var(--color-switch-track-hover-bg, hsla(210,24%,90%,1)))";
|
|
355
|
+
readonly activeBg: "var(--controlTrack-bgColor-active, var(--color-switch-track-active-bg, hsla(210,24%,88%,1)))";
|
|
356
|
+
readonly disabledBg: "var(--controlTrack-bgColor-disabled, var(--color-switch-track-disabled-bg, #8c959f))";
|
|
357
|
+
readonly fg: "var(--controlTrack-fgColor-rest, var(--color-switch-track-fg, #57606a))";
|
|
358
|
+
readonly disabledFg: "var(--controlTrack-fgColor-disabled, var(--color-switch-track-disabled-fg, #ffffff))";
|
|
359
|
+
readonly border: "var(--controlTrack-borderColor-rest, var(--color-switch-track-border, transparent))";
|
|
360
|
+
readonly checked: {
|
|
361
|
+
readonly bg: "var(--control-checked-bgColor-rest, var(--color-switch-track-checked-bg, #0969da))";
|
|
362
|
+
readonly hoverBg: "var(--control-checked-bgColor-hover, var(--color-switch-track-checked-hover-bg, #0860CA))";
|
|
363
|
+
readonly activeBg: "var(--control-checked-bgColor-active, var(--color-switch-track-checked-active-bg, #0757BA))";
|
|
364
|
+
readonly fg: "var(--control-checked-fgColor-rest, var(--color-switch-track-checked-fg, #ffffff))";
|
|
365
|
+
readonly disabledFg: "var(--control-checked-fgColor-disabled, var(--color-switch-track-checked-disabled-fg, #ffffff))";
|
|
366
|
+
readonly border: "var(--borderColor-transparent, var(--color-switch-track-checked-border, transparent))";
|
|
367
|
+
};
|
|
368
|
+
};
|
|
369
|
+
readonly switchKnob: {
|
|
370
|
+
readonly bg: "var(--controlKnob-bgColor-rest, var(--color-switch-knob-bg, #ffffff))";
|
|
371
|
+
readonly disabledBg: "var(--controlKnob-bgColor-disabled, var(--color-switch-knob-disabled-bg, #f6f8fa))";
|
|
372
|
+
readonly border: "var(--controlKnob-borderColor-rest, var(--color-switch-knob-border, #858F99))";
|
|
373
|
+
readonly checked: {
|
|
374
|
+
readonly bg: "var(--controlKnob-bgColor-checked, var(--color-switch-knob-checked-bg, #ffffff))";
|
|
375
|
+
readonly disabledBg: "var(--controlKnob-bgColor-disabled, var(--color-switch-knob-checked-disabled-bg, #f6f8fa))";
|
|
376
|
+
readonly border: "var(--controlKnob-borderColor-checked, var(--color-switch-knob-checked-border, #0969da))";
|
|
377
|
+
};
|
|
378
|
+
};
|
|
379
|
+
readonly segmentedControl: {
|
|
380
|
+
readonly bg: "var(--controlTrack-bgColor-rest, var(--color-segmented-control-bg, #eaeef2))";
|
|
381
|
+
readonly button: {
|
|
382
|
+
readonly bg: "var(--controlKnob-bgColor-rest, var(--color-segmented-control-button-bg, #ffffff))";
|
|
383
|
+
readonly hover: {
|
|
384
|
+
readonly bg: "var(--controlTrack-bgColor-hover, var(--color-segmented-control-button-hover-bg, rgba(175,184,193,0.2)))";
|
|
385
|
+
};
|
|
386
|
+
readonly active: {
|
|
387
|
+
readonly bg: "var(--controlTrack-bgColor-active, var(--color-segmented-control-button-hover-active-bg, rgba(175,184,193,0.4)))";
|
|
388
|
+
};
|
|
389
|
+
readonly selected: {
|
|
390
|
+
readonly border: "var(--controlKnob-borderColor-rest, var(--color-segmented-control-button-hover-active-selected-border, #8c959f))";
|
|
391
|
+
};
|
|
392
|
+
};
|
|
393
|
+
};
|
|
394
|
+
readonly treeViewItem: {
|
|
395
|
+
readonly chevron: {
|
|
396
|
+
readonly hoverBg: "var(--control-transparent-bgColor-hover, var(--color-tree-view-item-chevron-hover-bg, rgba(208,215,222,0.32)))";
|
|
397
|
+
};
|
|
398
|
+
readonly directory: {
|
|
399
|
+
readonly fill: "var(--treeViewItem-leadingVisual-iconColor-rest, var(--color-tree-view-item-chevron-directory-fill, #54aeff))";
|
|
400
|
+
};
|
|
401
|
+
};
|
|
402
|
+
readonly fg: {
|
|
403
|
+
readonly default: "var(--fgColor-default, var(--color-fg-default, #24292f))";
|
|
404
|
+
readonly muted: "var(--fgColor-muted, var(--color-fg-muted, #57606a))";
|
|
405
|
+
readonly subtle: "var(--fgColor-muted, var(--color-fg-subtle, #6e7781))";
|
|
406
|
+
readonly onEmphasis: "var(--fgColor-onEmphasis, var(--color-fg-on-emphasis, #ffffff))";
|
|
407
|
+
};
|
|
408
|
+
readonly canvas: {
|
|
409
|
+
readonly default: "var(--bgColor-default, var(--color-canvas-default, #ffffff))";
|
|
410
|
+
readonly overlay: "var(--overlay-bgColor, var(--color-canvas-overlay, #ffffff))";
|
|
411
|
+
readonly inset: "var(--bgColor-inset, var(--color-canvas-inset, #f6f8fa))";
|
|
412
|
+
readonly subtle: "var(--bgColor-muted, var(--color-canvas-subtle, #f6f8fa))";
|
|
413
|
+
};
|
|
414
|
+
readonly border: {
|
|
415
|
+
readonly default: "var(--borderColor-default, var(--color-border-default, #d0d7de))";
|
|
416
|
+
readonly muted: "var(--borderColor-muted, var(--color-border-muted, hsla(210,18%,87%,1)))";
|
|
417
|
+
readonly subtle: "var(--borderColor-muted, var(--color-border-subtle, rgba(27,31,36,0.15)))";
|
|
418
|
+
};
|
|
419
|
+
readonly shadow: {
|
|
420
|
+
readonly small: "var(--shadow-resting-small, var(--color-shadow-small, 0 1px 0 rgba(27,31,36,0.04)))";
|
|
421
|
+
readonly medium: "var(--shadow-resting-medium, var(--color-shadow-medium, 0 3px 6px rgba(140,149,159,0.15)))";
|
|
422
|
+
readonly large: "var(--shadow-floating-large, var(--color-shadow-large, 0 8px 24px rgba(140,149,159,0.2)))";
|
|
423
|
+
readonly extraLarge: "var(--shadow-floating-xlarge, var(--color-shadow-extra-large, 0 12px 28px rgba(140,149,159,0.3)))";
|
|
424
|
+
};
|
|
425
|
+
readonly neutral: {
|
|
426
|
+
readonly emphasisPlus: "var(--bgColor-emphasis, var(--color-neutral-emphasis-plus, #24292f))";
|
|
427
|
+
readonly emphasis: "var(--bgColor-neutral-emphasis, var(--color-neutral-emphasis, #6e7781))";
|
|
428
|
+
readonly muted: "var(--bgColor-neutral-muted, var(--color-neutral-muted, rgba(175,184,193,0.2)))";
|
|
429
|
+
readonly subtle: "var(--bgColor-neutral-muted, var(--color-neutral-subtle, rgba(234,238,242,0.5)))";
|
|
430
|
+
};
|
|
431
|
+
readonly accent: {
|
|
432
|
+
readonly fg: "var(--fgColor-accent, var(--color-accent-fg, #0969da))";
|
|
433
|
+
readonly emphasis: "var(--bgColor-accent-emphasis, var(--color-accent-emphasis, #0969da))";
|
|
434
|
+
readonly muted: "var(--borderColor-accent-muted, var(--color-accent-muted, rgba(84,174,255,0.4)))";
|
|
435
|
+
readonly subtle: "var(--bgColor-accent-muted, var(--color-accent-subtle, #ddf4ff))";
|
|
436
|
+
};
|
|
437
|
+
readonly success: {
|
|
438
|
+
readonly fg: "var(--fgColor-success, var(--color-success-fg, #0969da))";
|
|
439
|
+
readonly emphasis: "var(--bgColor-success-emphasis, var(--color-success-emphasis, #0969da))";
|
|
440
|
+
readonly muted: "var(--borderColor-success-muted, var(--color-success-muted, rgba(84,174,255,0.4)))";
|
|
441
|
+
readonly subtle: "var(--bgColor-success-muted, var(--color-success-subtle, #ddf4ff))";
|
|
442
|
+
};
|
|
443
|
+
readonly attention: {
|
|
444
|
+
readonly fg: "var(--fgColor-attention, var(--color-attention-fg, #9a6700))";
|
|
445
|
+
readonly emphasis: "var(--bgColor-attention-emphasis, var(--color-attention-emphasis, #9a6700))";
|
|
446
|
+
readonly muted: "var(--borderColor-attention-muted, var(--color-attention-muted, rgba(212,167,44,0.4)))";
|
|
447
|
+
readonly subtle: "var(--bgColor-attention-muted, var(--color-attention-subtle, #fff8c5))";
|
|
448
|
+
};
|
|
449
|
+
readonly severe: {
|
|
450
|
+
readonly fg: "var(--fgColor-severe, var(--color-severe-fg, #cf222e))";
|
|
451
|
+
readonly emphasis: "var(--bgColor-severe-emphasis, var(--color-severe-emphasis, #cf222e))";
|
|
452
|
+
readonly muted: "var(--borderColor-severe-muted, var(--color-severe-muted, rgba(255,129,130,0.4)))";
|
|
453
|
+
readonly subtle: "var(--bgColor-severe-muted, var(--color-severe-subtle, #ffebe9))";
|
|
454
|
+
};
|
|
455
|
+
readonly danger: {
|
|
456
|
+
readonly fg: "var(--fgColor-danger, var(--color-danger-fg, #cf222e))";
|
|
457
|
+
readonly emphasis: "var(--borderColor-danger-emphasis, var(--color-danger-emphasis, #cf222e))";
|
|
458
|
+
readonly muted: "var(--borderColor-danger-muted, var(--color-danger-muted, rgba(255,129,130,0.4)))";
|
|
459
|
+
readonly subtle: "var(--bgColor-danger-muted, var(--color-danger-subtle, #ffebe9))";
|
|
460
|
+
};
|
|
461
|
+
readonly open: {
|
|
462
|
+
readonly fg: "var(--fgColor-open, var(--color-open-fg, #cf222e))";
|
|
463
|
+
readonly emphasis: "var(--bgColor-open-emphasis, var(--color-open-emphasis, #fa4549))";
|
|
464
|
+
readonly muted: "var(--borderColor-open-muted, var(--color-open-muted, rgba(255,129,130,0.4)))";
|
|
465
|
+
readonly subtle: "var(--bgColor-open-muted, var(--color-open-subtle, #ffebe9))";
|
|
466
|
+
};
|
|
467
|
+
readonly closed: {
|
|
468
|
+
readonly fg: "var(--fgColor-closed, var(--color-closed-fg, #6e7781))";
|
|
469
|
+
readonly emphasis: "var(--bgColor-closed-emphasis, var(--color-closed-emphasis, #6e7781))";
|
|
470
|
+
readonly muted: "var(--borderColor-closed-muted, var(--color-closed-muted, rgba(175,184,193,0.4)))";
|
|
471
|
+
readonly subtle: "var(--bgColor-closed-muted, var(--color-closed-subtle, #f6f8fa))";
|
|
472
|
+
};
|
|
473
|
+
readonly done: {
|
|
474
|
+
readonly fg: "var(--fgColor-done, var(--color-done-fg, #8250df))";
|
|
475
|
+
readonly emphasis: "var(--bgColor-done-emphasis, var(--color-done-emphasis, #8250df))";
|
|
476
|
+
readonly muted: "var(--borderColor-done-muted, var(--color-done-muted, rgba(194,151,255,0.4)))";
|
|
477
|
+
readonly subtle: "var(--bgColor-done-muted, var(--color-done-subtle, #fbefff))";
|
|
478
|
+
};
|
|
479
|
+
readonly sponsors: {
|
|
480
|
+
readonly fg: "var(--fgColor-sponsors, var(--color-sponsors-fg, #bf3989))";
|
|
481
|
+
readonly emphasis: "var(--bgColor-sponsors-emphasis, var(--color-sponsors-emphasis, #bf3989))";
|
|
482
|
+
readonly muted: "var(--borderColor-sponsors-muted, var(--color-sponsors-muted, rgba(255,128,200,0.4)))";
|
|
483
|
+
readonly subtle: "var(--bgColor-sponsors-muted, var(--color-sponsors-subtle, #ffeff7))";
|
|
484
|
+
};
|
|
485
|
+
readonly primer: {
|
|
486
|
+
readonly fg: {
|
|
487
|
+
readonly disabled: "var(--fgColor-disabled, var(--color-primer-fg-disabled, #8c959f))";
|
|
488
|
+
};
|
|
489
|
+
readonly canvas: {
|
|
490
|
+
readonly backdrop: "var(--overlay-backdrop-bgColor, var(--color-primer-fg-canvas-backdrop, rgba(27,31,36,0.5)))";
|
|
491
|
+
readonly sticky: "var(--color-primer-canvas-sticky, rgba(255,255,255,0.95))";
|
|
492
|
+
};
|
|
493
|
+
readonly border: {
|
|
494
|
+
readonly active: "var(--underlineNav-borderColor-active, var(--color-primer-border-active, #fd8c73))";
|
|
495
|
+
readonly contrast: "var(--borderColor-muted, var(--color-primer-border-contrast, rgba(27,31,36,0.1)))";
|
|
496
|
+
};
|
|
497
|
+
readonly shadow: {
|
|
498
|
+
readonly highlight: "var(--shadow-highlight, var(--color-primer-shadow-highlight, inset 0 1px 0 rgba(255,255,255,0.25)))";
|
|
499
|
+
readonly inset: "var(--shadow-inset, var(--color-primer-shadow-inset, inset 0 1px 0 rgba(208,215,222,0.2)))";
|
|
500
|
+
};
|
|
501
|
+
};
|
|
502
|
+
readonly scale: {
|
|
503
|
+
readonly black: "#1b1f24";
|
|
504
|
+
readonly white: "#ffffff";
|
|
505
|
+
readonly gray: readonly ["#f6f8fa", "#eaeef2", "#d0d7de", "#afb8c1", "#8c959f", "#6e7781", "#57606a", "#424a53", "#32383f", "#24292f"];
|
|
506
|
+
readonly blue: readonly ["#ddf4ff", "#b6e3ff", "#80ccff", "#54aeff", "#218bff", "#0969da", "#0550ae", "#033d8b", "#0a3069", "#002155"];
|
|
507
|
+
readonly green: readonly ["#ddf4ff", "#b6e3ff", "#80ccff", "#54aeff", "#218bff", "#0969da", "#0550ae", "#033d8b", "#0a3069", "#002155"];
|
|
508
|
+
readonly yellow: readonly ["#fff8c5", "#fae17d", "#eac54f", "#d4a72c", "#bf8700", "#9a6700", "#7d4e00", "#633c01", "#4d2d00", "#3b2300"];
|
|
509
|
+
readonly orange: readonly ["#ffebe9", "#ffcecb", "#ffaba8", "#ff8182", "#fa4549", "#cf222e", "#a40e26", "#82071e", "#660018", "#4c0014"];
|
|
510
|
+
readonly red: readonly ["#ffebe9", "#ffcecb", "#ffaba8", "#ff8182", "#fa4549", "#cf222e", "#a40e26", "#82071e", "#660018", "#4c0014"];
|
|
511
|
+
readonly purple: readonly ["#fbefff", "#ecd8ff", "#d8b9ff", "#c297ff", "#a475f9", "#8250df", "#6639ba", "#512a97", "#3e1f79", "#2e1461"];
|
|
512
|
+
readonly pink: readonly ["#ffeff7", "#ffd3eb", "#ffadda", "#ff80c8", "#e85aad", "#bf3989", "#99286e", "#772057", "#611347", "#4d0336"];
|
|
513
|
+
readonly coral: readonly ["#fff0eb", "#ffd6cc", "#ffb4a1", "#fd8c73", "#ec6547", "#c4432b", "#9e2f1c", "#801f0f", "#691105", "#510901"];
|
|
514
|
+
};
|
|
515
|
+
};
|
|
516
|
+
export default colors;
|
|
517
|
+
//# sourceMappingURL=light_tritanopia.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"light_tritanopia.d.ts","sourceRoot":"","sources":["../../../../src/legacy-theme/ts/colors/light_tritanopia.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4nBF,CAAA;AAEV,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/legacy-theme/ts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA"}
|
package/dist/sx.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { SystemCssProperties, SystemStyleObject } from '@styled-system/css';
|
|
2
|
-
import type { ThemeColorPaths, ThemeShadowPaths } from '@primer/react';
|
|
3
2
|
import type { ColorProps, BorderColorProps, ShadowProps } from 'styled-system';
|
|
4
3
|
import merge from 'deepmerge';
|
|
4
|
+
import type { ThemeColorPaths, ThemeShadowPaths } from './theme';
|
|
5
5
|
export type BetterCssProperties = {
|
|
6
6
|
[K in keyof SystemCssProperties]: K extends keyof ColorProps ? ThemeColorPaths | SystemCssProperties[K] : K extends keyof BorderColorProps ? ThemeColorPaths | SystemCssProperties[K] : K extends keyof ShadowProps ? ThemeShadowPaths | SystemCssProperties[K] : SystemCssProperties[K];
|
|
7
7
|
};
|
package/dist/sx.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sx.d.ts","sourceRoot":"","sources":["../src/sx.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAE,iBAAiB,EAAC,MAAM,oBAAoB,CAAA;AAE9E,OAAO,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"sx.d.ts","sourceRoot":"","sources":["../src/sx.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAE,iBAAiB,EAAC,MAAM,oBAAoB,CAAA;AAE9E,OAAO,KAAK,EAAC,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAC,MAAM,eAAe,CAAA;AAC5E,OAAO,KAAK,MAAM,WAAW,CAAA;AAC7B,OAAO,KAAK,EAAC,eAAe,EAAE,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAE9D,MAAM,MAAM,mBAAmB,GAAG;KAC/B,CAAC,IAAI,MAAM,mBAAmB,GAAG,CAAC,SAAS,MAAM,UAAU,GACxD,eAAe,GAAG,mBAAmB,CAAC,CAAC,CAAC,GACxC,CAAC,SAAS,MAAM,gBAAgB,GAC9B,eAAe,GAAG,mBAAmB,CAAC,CAAC,CAAC,GACxC,CAAC,SAAS,MAAM,WAAW,GACzB,gBAAgB,GAAG,mBAAmB,CAAC,CAAC,CAAC,GACzC,mBAAmB,CAAC,CAAC,CAAC;CAC/B,CAAA;AAGD,MAAM,MAAM,mBAAmB,GAAG;IAChC,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;CACtC,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,CAAC,WAAW,EAAE,MAAM,GAAG,iBAAiB,GAAG,mBAAmB,CAAA;CAC/D,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,GAAG,iBAAiB,GAAG,mBAAmB,GAAG,iBAAiB,CAAA;AAEvH,MAAM,WAAW,MAAM;IACrB;;;;SAIK;IACL,EAAE,CAAC,EAAE,uBAAuB,CAAA;CAC7B;AAED,QAAA,MAAM,EAAE,GAAI,OAAO,MAAM,uDAAkB,CAAA;AAE3C,eAAe,EAAE,CAAA;AAEjB,OAAO,EAAC,KAAK,EAAE,EAAE,EAAC,CAAA"}
|
package/dist/theme-get.js
CHANGED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare function fontStack(fonts: any): any;
|
|
2
|
+
declare function isShadowValue(value: any): boolean;
|
|
3
|
+
declare function isColorValue(value: any): boolean;
|
|
4
|
+
declare function filterObject(obj: any, predicate: any): {};
|
|
5
|
+
declare function partitionColors(colors: any): {
|
|
6
|
+
colors: {};
|
|
7
|
+
shadows: {};
|
|
8
|
+
};
|
|
9
|
+
declare function omitScale(obj: any): any;
|
|
10
|
+
declare const themeUtils: {
|
|
11
|
+
fontStack: typeof fontStack;
|
|
12
|
+
isShadowValue: typeof isShadowValue;
|
|
13
|
+
isColorValue: typeof isColorValue;
|
|
14
|
+
filterObject: typeof filterObject;
|
|
15
|
+
partitionColors: typeof partitionColors;
|
|
16
|
+
omitScale: typeof omitScale;
|
|
17
|
+
};
|
|
18
|
+
export { fontStack, isShadowValue, isColorValue, filterObject, partitionColors, omitScale };
|
|
19
|
+
export default themeUtils;
|
|
20
|
+
export type KeyPaths<O> = {
|
|
21
|
+
[K in keyof O]: K extends string ? (O[K] extends Record<string, unknown> ? `${K}.${KeyPaths<O[K]>}` : `${K}`) : never;
|
|
22
|
+
}[keyof O];
|
|
23
|
+
//# sourceMappingURL=theme-utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme-utils.d.ts","sourceRoot":"","sources":["../src/theme-utils.ts"],"names":[],"mappings":"AAUA,iBAAS,SAAS,CAAC,KAAK,KAAA,OAEvB;AAMD,iBAAS,aAAa,CAAC,KAAK,KAAA,WAE3B;AAED,iBAAS,YAAY,CAAC,KAAK,KAAA,WAO1B;AAED,iBAAS,YAAY,CAAC,GAAG,KAAA,EAAE,SAAS,KAAA,MAmBnC;AAED,iBAAS,eAAe,CAAC,MAAM,KAAA;;;EAK9B;AAED,iBAAS,SAAS,CAAC,GAAG,KAAA,OAKrB;AAED,QAAA,MAAM,UAAU;;;;;;;CAOf,CAAA;AAED,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,SAAS,EAAC,CAAA;AAEzF,eAAe,UAAU,CAAA;AAGzB,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;KACvB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,SAAS,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK;CACtH,CAAC,MAAM,CAAC,CAAC,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import 'lodash.isempty';
|
|
2
|
+
import 'lodash.isobject';
|
|
3
|
+
|
|
4
|
+
// Copied over from primer/react/utils/theme
|
|
5
|
+
|
|
6
|
+
function fontStack(fonts) {
|
|
7
|
+
return fonts.map(font => font.includes(' ') ? `"${font}"` : font).join(', ');
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
// Produces a union of dot-delimited keypaths to the string values in a nested object:
|
|
11
|
+
|
|
12
|
+
export { fontStack };
|