@primer/primitives 0.0.0-20260710052607 → 0.0.0-20260710130230
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/css/functional/themes/dark-colorblind-high-contrast.css +278 -278
- package/dist/css/functional/themes/dark-colorblind.css +230 -230
- package/dist/css/functional/themes/dark-dimmed-high-contrast.css +184 -184
- package/dist/css/functional/themes/dark-dimmed.css +202 -202
- package/dist/css/functional/themes/dark-high-contrast.css +266 -266
- package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +274 -274
- package/dist/css/functional/themes/dark-tritanopia.css +228 -228
- package/dist/css/functional/themes/dark.css +214 -214
- package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +1062 -1054
- package/dist/docs/functional/themes/dark-colorblind.json +1111 -1103
- package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +1107 -1099
- package/dist/docs/functional/themes/dark-dimmed.json +1135 -1127
- package/dist/docs/functional/themes/dark-high-contrast.json +1051 -1043
- package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +1061 -1053
- package/dist/docs/functional/themes/dark-tritanopia.json +1108 -1100
- package/dist/docs/functional/themes/dark.json +1100 -1092
- package/dist/docs/functional/themes/light-colorblind-high-contrast.json +448 -440
- package/dist/docs/functional/themes/light-colorblind.json +448 -440
- package/dist/docs/functional/themes/light-high-contrast.json +448 -440
- package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +448 -440
- package/dist/docs/functional/themes/light-tritanopia.json +448 -440
- package/dist/docs/functional/themes/light.json +448 -440
- package/dist/figma/scales/dark-dimmed.json +57 -44
- package/dist/figma/scales/dark-high-constrast.json +57 -44
- package/dist/figma/scales/dark.json +57 -44
- package/dist/figma/themes/dark-colorblind.json +676 -676
- package/dist/figma/themes/dark-dimmed.json +670 -670
- package/dist/figma/themes/dark-high-contrast.json +599 -599
- package/dist/figma/themes/dark-tritanopia.json +667 -667
- package/dist/figma/themes/dark.json +649 -649
- package/dist/internalCss/dark-colorblind-high-contrast.css +286 -284
- package/dist/internalCss/dark-colorblind.css +232 -230
- package/dist/internalCss/dark-dimmed-high-contrast.css +192 -190
- package/dist/internalCss/dark-dimmed.css +210 -208
- package/dist/internalCss/dark-high-contrast.css +276 -274
- package/dist/internalCss/dark-tritanopia-high-contrast.css +282 -280
- package/dist/internalCss/dark-tritanopia.css +232 -230
- package/dist/internalCss/dark.css +220 -218
- package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +1062 -1054
- package/dist/styleLint/functional/themes/dark-colorblind.json +1111 -1103
- package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +1107 -1099
- package/dist/styleLint/functional/themes/dark-dimmed.json +1135 -1127
- package/dist/styleLint/functional/themes/dark-high-contrast.json +1051 -1043
- package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +1061 -1053
- package/dist/styleLint/functional/themes/dark-tritanopia.json +1108 -1100
- package/dist/styleLint/functional/themes/dark.json +1100 -1092
- package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +448 -440
- package/dist/styleLint/functional/themes/light-colorblind.json +448 -440
- package/dist/styleLint/functional/themes/light-high-contrast.json +448 -440
- package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +448 -440
- package/dist/styleLint/functional/themes/light-tritanopia.json +448 -440
- package/dist/styleLint/functional/themes/light.json +448 -440
- package/package.json +1 -1
- package/src/tokens/base/color/dark/dark.json5 +48 -28
- package/src/tokens/component/avatar.json5 +1 -1
- package/src/tokens/component/button.json5 +43 -43
- package/src/tokens/component/codeMirror.json5 +1 -1
- package/src/tokens/component/contribution.json5 +4 -4
- package/src/tokens/component/diffBlob.json5 +8 -8
- package/src/tokens/component/header.json5 +2 -2
- package/src/tokens/component/headerSerach.json5 +1 -1
- package/src/tokens/component/menu.json5 +1 -1
- package/src/tokens/component/overlay.json5 +8 -8
- package/src/tokens/component/progressBar.json5 +4 -4
- package/src/tokens/component/skeletonLoader.json5 +4 -4
- package/src/tokens/component/timelineBadge.json5 +1 -1
- package/src/tokens/functional/color/bgColor.json5 +27 -27
- package/src/tokens/functional/color/borderColor.json5 +18 -14
- package/src/tokens/functional/color/control.json5 +65 -65
- package/src/tokens/functional/color/fgColor.json5 +24 -24
- package/src/tokens/functional/color/syntax.json5 +13 -13
|
@@ -15,36 +15,42 @@
|
|
|
15
15
|
--fgColor-done: #d3abff; /** Text color for completed/done state indicators */
|
|
16
16
|
--fgColor-sponsors: #ff90c8; /** Text color for GitHub Sponsors content */
|
|
17
17
|
--reactionButton-selected-bgColor-hover: #3a8cfd5c;
|
|
18
|
-
--ansi-black: #
|
|
19
|
-
--ansi-blackBright: #
|
|
18
|
+
--ansi-black: #353c37; /** ANSI black for terminal text and backgrounds */
|
|
19
|
+
--ansi-blackBright: #6c786f; /** ANSI bright black (dark gray) for dimmed terminal text */
|
|
20
20
|
--ansi-blue: #71b7ff; /** ANSI blue for informational terminal text */
|
|
21
21
|
--ansi-blueBright: #91cbff; /** ANSI bright blue for highlighted info in terminal */
|
|
22
|
-
--ansi-gray: #
|
|
22
|
+
--ansi-gray: #6c786f; /** ANSI gray for secondary terminal text */
|
|
23
23
|
--ansi-green: #71b7ff; /** ANSI green for success indicators in terminal */
|
|
24
24
|
--ansi-greenBright: #91cbff; /** ANSI bright green for highlighted success in terminal */
|
|
25
25
|
--ansi-magenta: #cb9eff; /** ANSI magenta for special terminal text */
|
|
26
26
|
--ansi-magentaBright: #dbb7ff; /** ANSI bright magenta for highlighted special text */
|
|
27
27
|
--ansi-red: #fe9a2d; /** ANSI red for errors and alerts in terminal output */
|
|
28
28
|
--ansi-redBright: #ffb757; /** ANSI bright red for highlighted errors in terminal */
|
|
29
|
-
--ansi-white: #
|
|
29
|
+
--ansi-white: #e9f0eb; /** ANSI white for terminal text */
|
|
30
|
+
--ansi-whiteBright: #ffffff; /** ANSI bright white for emphasized terminal text */
|
|
30
31
|
--ansi-yellow: #f0b72f; /** ANSI yellow for warnings in terminal output */
|
|
31
32
|
--ansi-yellowBright: #f7c843; /** ANSI bright yellow for highlighted warnings in terminal */
|
|
32
|
-
--avatar-
|
|
33
|
-
--
|
|
34
|
-
--avatarStack-fade-bgColor-
|
|
33
|
+
--avatar-bgColor: #ffffff1a;
|
|
34
|
+
--avatar-shadow: 0 0 0 2px #0f1511;
|
|
35
|
+
--avatarStack-fade-bgColor-default: #4e5750;
|
|
36
|
+
--avatarStack-fade-bgColor-muted: #3b443e;
|
|
35
37
|
--bgColor-accent-emphasis: #194fb1; /** Strong accent background for active states and focused states */
|
|
36
38
|
--bgColor-accent-muted: #5cacff1a; /** Subtle accent background for informational or selected elements */
|
|
37
39
|
--bgColor-attention-emphasis: #7b4900; /** Strong attention background for prominent warnings */
|
|
38
40
|
--bgColor-attention-muted: #edaa2726; /** Subtle attention background for warnings and caution states */
|
|
41
|
+
--bgColor-black: #010409; /** Pure black background */
|
|
39
42
|
--bgColor-danger-emphasis: #8f3c00; /** Emphasized danger background for critical errors and delete confirmations */
|
|
40
43
|
--bgColor-danger-muted: #ff80801a; /** Muted danger background for error states and destructive action contexts */
|
|
41
|
-
--bgColor-
|
|
44
|
+
--bgColor-default: #010409; /** Default background color for pages and main content areas */
|
|
45
|
+
--bgColor-disabled: #252b27; /** Background for disabled interactive elements */
|
|
42
46
|
--bgColor-done-emphasis: #6921d7; /** Strong background for completed/done state badges and labels */
|
|
43
47
|
--bgColor-done-muted: #bf8fff26; /** Subtle background for completed/done state indicators */
|
|
44
|
-
--bgColor-emphasis: #
|
|
45
|
-
--bgColor-
|
|
46
|
-
--bgColor-
|
|
47
|
-
--bgColor-
|
|
48
|
+
--bgColor-emphasis: #3b443e; /** High-emphasis dark background for strong visual contrast */
|
|
49
|
+
--bgColor-inset: #010409; /** Inset background for recessed content areas like wells or sunken panels */
|
|
50
|
+
--bgColor-inverse: #ffffff; /** Inverse background that flips between light and dark modes */
|
|
51
|
+
--bgColor-muted: #0f1511; /** Muted background for secondary content areas and subtle grouping */
|
|
52
|
+
--bgColor-neutral-emphasis: #3b443e; /** Strong neutral background for prominent neutral elements */
|
|
53
|
+
--bgColor-neutral-muted: #252b27; /** Subtle neutral background for tags, labels, and secondary UI elements */
|
|
48
54
|
--bgColor-open-emphasis: #8f3c00; /** Strong background for open state badges and labels */
|
|
49
55
|
--bgColor-open-muted: #f48b251a; /** Subtle background for open state indicators (issues, PRs) */
|
|
50
56
|
--bgColor-severe-emphasis: #8f3c00; /** Strong severe background for prominent high-priority warnings */
|
|
@@ -54,14 +60,15 @@
|
|
|
54
60
|
--bgColor-success-emphasis: #194fb1; /** Strong success background for prominent positive actions */
|
|
55
61
|
--bgColor-success-muted: #5cacff33; /** Subtle success background for positive feedback and completed states */
|
|
56
62
|
--bgColor-transparent: #00000000; /** Fully transparent background */
|
|
63
|
+
--bgColor-white: #ffffff; /** Pure white background */
|
|
57
64
|
--borderColor-accent-emphasis: #409eff; /** Strong accent border for selected or focused elements */
|
|
58
65
|
--borderColor-accent-muted: #5cacff; /** Subtle accent border for selected or focused elements */
|
|
59
66
|
--borderColor-attention-emphasis: #e09b13; /** Strong attention border for prominent warnings */
|
|
60
67
|
--borderColor-attention-muted: #edaa27; /** Subtle attention border for warnings and caution states */
|
|
61
68
|
--borderColor-danger-emphasis: #e7811d; /** Strong danger border for destructive actions and errors */
|
|
62
69
|
--borderColor-danger-muted: #f48b25; /** Subtle danger border for errors and destructive contexts */
|
|
63
|
-
--borderColor-default: #
|
|
64
|
-
--borderColor-disabled: #
|
|
70
|
+
--borderColor-default: #b8c4bc; /** Default border color for most UI elements */
|
|
71
|
+
--borderColor-disabled: #58635b1a; /** Border color for disabled interactive elements */
|
|
65
72
|
--borderColor-done-emphasis: #b87fff; /** Strong border for completed/done state badges */
|
|
66
73
|
--borderColor-done-muted: #bf8fff; /** Subtle border for completed/done state indicators */
|
|
67
74
|
--borderColor-open-emphasis: #e7811d; /** Strong border for open state badges */
|
|
@@ -72,45 +79,54 @@
|
|
|
72
79
|
--borderColor-sponsors-muted: #f87cbd; /** Subtle border for GitHub Sponsors content */
|
|
73
80
|
--borderColor-success-emphasis: #409eff; /** Strong success border for prominent positive elements */
|
|
74
81
|
--borderColor-success-muted: #5cacff; /** Subtle success border for positive feedback elements */
|
|
75
|
-
--borderColor-translucent: #
|
|
82
|
+
--borderColor-translucent: #9ca89f; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
76
83
|
--borderColor-transparent: #00000000; /** Fully transparent border */
|
|
77
84
|
--button-danger-bgColor-hover: #8f3c00;
|
|
78
85
|
--button-danger-borderColor-hover: #ffb757;
|
|
86
|
+
--button-danger-fgColor-active: #ffffff;
|
|
87
|
+
--button-danger-fgColor-hover: #ffffff;
|
|
79
88
|
--button-danger-fgColor-rest: #ffb757;
|
|
89
|
+
--button-danger-iconColor-hover: #ffffff;
|
|
80
90
|
--button-danger-shadow-selected: 0 0 0 0 #00000000;
|
|
81
91
|
--button-default-shadow-resting: 0 0 0 0 #00000000;
|
|
82
|
-
--button-inactive-bgColor: #
|
|
83
|
-
--button-inactive-fgColor: #
|
|
84
|
-
--button-invisible-bgColor-active: #
|
|
92
|
+
--button-inactive-bgColor: #252b27;
|
|
93
|
+
--button-inactive-fgColor: #b8c4bc;
|
|
94
|
+
--button-invisible-bgColor-active: #252b27;
|
|
85
95
|
--button-invisible-bgColor-disabled: #00000000;
|
|
86
|
-
--button-invisible-bgColor-hover: #
|
|
96
|
+
--button-invisible-bgColor-hover: #191f1b;
|
|
87
97
|
--button-invisible-borderColor-disabled: #00000000;
|
|
88
|
-
--button-invisible-iconColor-hover: #
|
|
89
|
-
--button-invisible-iconColor-rest: #
|
|
98
|
+
--button-invisible-iconColor-hover: #cbd6cd;
|
|
99
|
+
--button-invisible-iconColor-rest: #cbd6cd;
|
|
90
100
|
--button-outline-bgColor-active: #2672f3;
|
|
91
|
-
--button-outline-bgColor-rest: #
|
|
101
|
+
--button-outline-bgColor-rest: #e9f0eb;
|
|
102
|
+
--button-outline-fgColor-active: #ffffff;
|
|
92
103
|
--button-outline-fgColor-disabled: #74b9ff80;
|
|
93
104
|
--button-outline-fgColor-hover: #71b7ff;
|
|
94
105
|
--button-outline-fgColor-rest: #5cacff;
|
|
95
106
|
--button-outline-shadow-selected: 0 0 0 0 #00000000;
|
|
96
107
|
--button-primary-bgColor-disabled: #318bf8;
|
|
97
108
|
--button-primary-borderColor-rest: #91cbff;
|
|
109
|
+
--button-primary-fgColor-disabled: #ffffff66;
|
|
98
110
|
--button-primary-shadow-selected: 0 0 0 0 #00000000;
|
|
99
111
|
--button-star-iconColor: #f7c843;
|
|
100
|
-
--buttonCounter-
|
|
112
|
+
--buttonCounter-danger-bgColor-hover: #01040926;
|
|
113
|
+
--buttonCounter-danger-bgColor-rest: #01040926;
|
|
114
|
+
--buttonCounter-danger-fgColor-hover: #ffffff;
|
|
115
|
+
--buttonCounter-default-bgColor-rest: #353c37;
|
|
101
116
|
--buttonCounter-outline-bgColor-hover: #194fb133;
|
|
102
117
|
--buttonCounter-outline-bgColor-rest: #194fb133;
|
|
103
118
|
--buttonCounter-outline-fgColor-disabled: #74b9ff80;
|
|
104
119
|
--buttonCounter-outline-fgColor-hover: #71b7ff;
|
|
105
120
|
--buttonCounter-outline-fgColor-rest: #5cacff;
|
|
121
|
+
--buttonCounter-primary-bgColor-rest: #01040926;
|
|
106
122
|
--buttonKeybindingHint-danger-bgColor-active: #01040966;
|
|
107
123
|
--buttonKeybindingHint-danger-bgColor-hover: #01040933;
|
|
108
124
|
--buttonKeybindingHint-danger-borderColor-hover: #ffffff;
|
|
109
|
-
--buttonKeybindingHint-default-bgColor-rest: #
|
|
110
|
-
--buttonKeybindingHint-inactive-bgColor: #
|
|
125
|
+
--buttonKeybindingHint-default-bgColor-rest: #252b27;
|
|
126
|
+
--buttonKeybindingHint-inactive-bgColor: #252b27;
|
|
111
127
|
--buttonKeybindingHint-primary-borderColor-rest: #ffffff;
|
|
112
128
|
--codeMirror-selection-bgColor: #5cacff66;
|
|
113
|
-
--codeMirror-syntax-fgColor-comment: #
|
|
129
|
+
--codeMirror-syntax-fgColor-comment: #6c786f;
|
|
114
130
|
--codeMirror-syntax-fgColor-constant: #91cbff;
|
|
115
131
|
--codeMirror-syntax-fgColor-entity: #dbb7ff;
|
|
116
132
|
--codeMirror-syntax-fgColor-keyword: #fe9a2d;
|
|
@@ -120,6 +136,7 @@
|
|
|
120
136
|
--codeMirror-syntax-fgColor-variable: #ffb757;
|
|
121
137
|
--color-ansi-cyan: var(--ansi-cyan); /** Deprecated. Use ansi.cyan instead. */
|
|
122
138
|
--color-ansi-cyan-bright: var(--ansi-cyanBright); /** Deprecated. Use ansi.cyanBright instead. */
|
|
139
|
+
--contribution-default-bgColor-0: #010409;
|
|
123
140
|
--contribution-default-bgColor-1: #007728;
|
|
124
141
|
--contribution-default-bgColor-2: #02a232;
|
|
125
142
|
--contribution-default-bgColor-3: #0ac740;
|
|
@@ -133,22 +150,24 @@
|
|
|
133
150
|
--contribution-winter-bgColor-2: #318bf8;
|
|
134
151
|
--contribution-winter-bgColor-3: #71b7ff;
|
|
135
152
|
--contribution-winter-bgColor-4: #caeaff;
|
|
136
|
-
--control-bgColor-active: #
|
|
137
|
-
--control-bgColor-hover: #
|
|
138
|
-
--control-bgColor-rest: #
|
|
139
|
-
--control-borderColor-selected: #
|
|
153
|
+
--control-bgColor-active: #353c37;
|
|
154
|
+
--control-bgColor-hover: #252b27;
|
|
155
|
+
--control-bgColor-rest: #252b27;
|
|
156
|
+
--control-borderColor-selected: #e9f0eb;
|
|
140
157
|
--control-checked-borderColor-active: #91cbff;
|
|
141
158
|
--control-checked-borderColor-hover: #91cbff;
|
|
142
159
|
--control-checked-borderColor-rest: #91cbff;
|
|
143
|
-
--control-fgColor-placeholder: #
|
|
144
|
-
--control-transparent-bgColor-active: #
|
|
145
|
-
--control-transparent-bgColor-hover: #
|
|
160
|
+
--control-fgColor-placeholder: #b8c4bc;
|
|
161
|
+
--control-transparent-bgColor-active: #3b443e;
|
|
162
|
+
--control-transparent-bgColor-hover: #353c37;
|
|
146
163
|
--control-transparent-bgColor-rest: #00000000;
|
|
147
|
-
--control-transparent-bgColor-selected: #
|
|
164
|
+
--control-transparent-bgColor-selected: #353c37;
|
|
148
165
|
--control-transparent-borderColor-rest: #00000000;
|
|
149
|
-
--controlKnob-bgColor-
|
|
150
|
-
--
|
|
151
|
-
--controlTrack-bgColor-
|
|
166
|
+
--controlKnob-bgColor-checked: #ffffff;
|
|
167
|
+
--controlKnob-bgColor-rest: #252b27;
|
|
168
|
+
--controlTrack-bgColor-active: #3b443e;
|
|
169
|
+
--controlTrack-bgColor-hover: #353c37;
|
|
170
|
+
--controlTrack-bgColor-rest: #010409;
|
|
152
171
|
--data-auburn-color-emphasis: #a86f6b;
|
|
153
172
|
--data-auburn-color-muted: #271817;
|
|
154
173
|
--data-blue-color-emphasis: #0576ff;
|
|
@@ -186,9 +205,9 @@
|
|
|
186
205
|
--diffBlob-additionNum-bgColor: #71b7ff4d;
|
|
187
206
|
--diffBlob-deletionNum-bgColor: #f48b254d;
|
|
188
207
|
--diffBlob-deletionWord-bgColor: #f48b2566;
|
|
189
|
-
--diffBlob-hunkLine-bgColor: #
|
|
190
|
-
--diffBlob-hunkNum-bgColor-hover: #
|
|
191
|
-
--diffBlob-hunkNum-bgColor-rest: #
|
|
208
|
+
--diffBlob-hunkLine-bgColor: #252b27;
|
|
209
|
+
--diffBlob-hunkNum-bgColor-hover: #6c786f;
|
|
210
|
+
--diffBlob-hunkNum-bgColor-rest: #353c37;
|
|
192
211
|
--display-auburn-bgColor-emphasis: #6d4340;
|
|
193
212
|
--display-auburn-bgColor-muted: #271817;
|
|
194
213
|
--display-auburn-borderColor-emphasis: #bf9592;
|
|
@@ -475,20 +494,26 @@
|
|
|
475
494
|
--display-yellow-scale-8: #edb431;
|
|
476
495
|
--display-yellow-scale-9: #f0ca6a;
|
|
477
496
|
--fgColor-attention: #f0b72f; /** Attention text for warnings and caution states */
|
|
497
|
+
--fgColor-black: #010409; /** Pure black text */
|
|
478
498
|
--fgColor-danger: #ffb757; /** Danger text for errors and destructive actions */
|
|
479
|
-
--fgColor-
|
|
499
|
+
--fgColor-default: #ffffff; /** Default text color for primary content and headings */
|
|
500
|
+
--fgColor-disabled: #6c786f; /** Text color for disabled interactive elements */
|
|
480
501
|
--fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
|
|
481
|
-
--fgColor-muted: #
|
|
482
|
-
--fgColor-neutral: #
|
|
502
|
+
--fgColor-muted: #b8c4bc; /** Muted text for secondary content and less important information */
|
|
503
|
+
--fgColor-neutral: #cbd6cd; /** Neutral semantic text for icons and secondary elements */
|
|
504
|
+
--fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
|
|
505
|
+
--fgColor-onInverse: #060907; /** Text color for use on inverse backgrounds */
|
|
483
506
|
--fgColor-open: #ffb757; /** Text color for open state indicators (issues, PRs) */
|
|
484
507
|
--fgColor-severe: #fe9a2d; /** Severe text for high-priority warnings */
|
|
485
508
|
--fgColor-success: #addcff; /** Success text for positive feedback and completed states */
|
|
486
509
|
--fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
|
|
487
|
-
--
|
|
488
|
-
--header-
|
|
489
|
-
--header-
|
|
490
|
-
--
|
|
491
|
-
--
|
|
510
|
+
--fgColor-white: #ffffff; /** Pure white text */
|
|
511
|
+
--header-bgColor: #191f1bf2;
|
|
512
|
+
--header-borderColor-divider: #58635b;
|
|
513
|
+
--header-fgColor-default: #ffffffb3;
|
|
514
|
+
--header-fgColor-logo: #e9f0eb;
|
|
515
|
+
--headerSearch-bgColor: #0f1511;
|
|
516
|
+
--headerSearch-borderColor: #252b27;
|
|
492
517
|
--highlight-neutral-bgColor: #f0b72f66;
|
|
493
518
|
--label-auburn-bgColor-active: #543331;
|
|
494
519
|
--label-auburn-bgColor-hover: #3a2422;
|
|
@@ -604,57 +629,55 @@
|
|
|
604
629
|
--label-yellow-fgColor-active: #edb431;
|
|
605
630
|
--label-yellow-fgColor-hover: #df9e11;
|
|
606
631
|
--label-yellow-fgColor-rest: #d3910d;
|
|
607
|
-
--menu-bgColor-active: #
|
|
608
|
-
--overlay-backdrop-bgColor: #
|
|
609
|
-
--
|
|
632
|
+
--menu-bgColor-active: #191f1b;
|
|
633
|
+
--overlay-backdrop-bgColor: #cbd6cd66;
|
|
634
|
+
--overlay-bgColor: #060907;
|
|
635
|
+
--prettylights-syntax-bracketHighlighterAngle: #9ca89f; /** Syntax highlighting color for angle brackets */
|
|
610
636
|
--prettylights-syntax-bracketHighlighterUnmatched: #f48b25; /** Syntax highlighting color for unmatched brackets */
|
|
611
637
|
--prettylights-syntax-carriageReturn-bg: #d57014; /** Background color for carriage return characters in diffs */
|
|
612
|
-
--prettylights-syntax-carriageReturn-text: #
|
|
613
|
-
--prettylights-syntax-comment: #
|
|
638
|
+
--prettylights-syntax-carriageReturn-text: #e9f0eb; /** Text color for carriage return characters in diffs */
|
|
639
|
+
--prettylights-syntax-comment: #9ca89f; /** Syntax highlighting color for code comments */
|
|
614
640
|
--prettylights-syntax-constant: #91cbff; /** Syntax highlighting color for constants and literal values */
|
|
615
641
|
--prettylights-syntax-constantOtherReferenceLink: #addcff; /** Syntax highlighting color for reference links and URLs in code */
|
|
616
642
|
--prettylights-syntax-entity: #dbb7ff; /** Syntax highlighting color for class names, type definitions, and declarations */
|
|
617
643
|
--prettylights-syntax-entityTag: #addcff; /** Syntax highlighting color for HTML/XML tags */
|
|
618
644
|
--prettylights-syntax-keyword: #fe9a2d; /** Syntax highlighting color for language keywords (if, else, return) */
|
|
619
|
-
--prettylights-syntax-markup-bold: #
|
|
645
|
+
--prettylights-syntax-markup-bold: #e9f0eb; /** Syntax highlighting color for bold text in markdown */
|
|
620
646
|
--prettylights-syntax-markup-changed-bg: #a74c00; /** Background color for changed lines in diff views */
|
|
621
647
|
--prettylights-syntax-markup-changed-text: #ffe1b4; /** Text color for changed lines in diff views */
|
|
622
648
|
--prettylights-syntax-markup-deleted-bg: #a74c00; /** Background color for deleted lines in diff views */
|
|
623
649
|
--prettylights-syntax-markup-deleted-text: #ffe1b4; /** Text color for deleted lines in diff views */
|
|
624
650
|
--prettylights-syntax-markup-heading: #409eff; /** Syntax highlighting color for headings in markdown */
|
|
625
651
|
--prettylights-syntax-markup-ignored-bg: #318bf8; /** Background color for ignored content in diffs */
|
|
626
|
-
--prettylights-syntax-markup-ignored-text: #
|
|
652
|
+
--prettylights-syntax-markup-ignored-text: #e9f0eb; /** Text color for ignored content in diffs */
|
|
627
653
|
--prettylights-syntax-markup-inserted-bg: #1e60d5; /** Background color for inserted lines in diff views */
|
|
628
654
|
--prettylights-syntax-markup-inserted-text: #caeaff; /** Text color for inserted lines in diff views */
|
|
629
|
-
--prettylights-syntax-markup-italic: #
|
|
655
|
+
--prettylights-syntax-markup-italic: #e9f0eb; /** Syntax highlighting color for italic text in markdown */
|
|
630
656
|
--prettylights-syntax-markup-list: #fbd669; /** Syntax highlighting color for list markers in markdown */
|
|
631
657
|
--prettylights-syntax-metaDiffRange: #dbb7ff; /** Syntax highlighting color for diff range information (@@ lines) */
|
|
632
|
-
--prettylights-syntax-storageModifierImport: #
|
|
658
|
+
--prettylights-syntax-storageModifierImport: #e9f0eb; /** Syntax highlighting color for import and require statements */
|
|
633
659
|
--prettylights-syntax-string: #addcff; /** Syntax highlighting color for string literals */
|
|
634
660
|
--prettylights-syntax-stringRegexp: #addcff; /** Syntax highlighting color for regular expression literals */
|
|
635
|
-
--prettylights-syntax-sublimeLinterGutterMark: #
|
|
661
|
+
--prettylights-syntax-sublimeLinterGutterMark: #3b443e; /** Color for linter gutter marks in code editors */
|
|
636
662
|
--prettylights-syntax-variable: #ffb757; /** Syntax highlighting color for variables and parameters */
|
|
637
|
-
--progressBar-bgColor-neutral: #
|
|
663
|
+
--progressBar-bgColor-neutral: #6c786f;
|
|
638
664
|
--reactionButton-selected-bgColor-rest: #5cacff33;
|
|
639
665
|
--reactionButton-selected-fgColor-hover: #91cbff;
|
|
640
666
|
--selectMenu-bgColor-active: #1e60d5;
|
|
641
|
-
--
|
|
642
|
-
--
|
|
643
|
-
--
|
|
667
|
+
--shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
|
|
668
|
+
--shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
|
|
669
|
+
--shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
|
|
670
|
+
--shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
|
|
671
|
+
--sideNav-bgColor-selected: #252b27;
|
|
672
|
+
--skeletonLoader-bgColor: #252b27;
|
|
673
|
+
--timelineBadge-bgColor: #252b27;
|
|
644
674
|
--underlineNav-borderColor-active: #ff967d;
|
|
645
|
-
--ansi-whiteBright: #ffffff; /** ANSI bright white for emphasized terminal text */
|
|
646
|
-
--avatar-bgColor: #ffffff1a;
|
|
647
|
-
--bgColor-black: #010409; /** Pure black background */
|
|
648
675
|
--bgColor-closed-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for closed state badges and labels */
|
|
649
|
-
--bgColor-closed-muted: #
|
|
650
|
-
--bgColor-default: #010409; /** Default background color for pages and main content areas */
|
|
676
|
+
--bgColor-closed-muted: #252b271a; /** Subtle background for closed state indicators (issues, PRs) */
|
|
651
677
|
--bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
|
|
652
|
-
--bgColor-draft-muted: #
|
|
653
|
-
--bgColor-inset: #010409; /** Inset background for recessed content areas like wells or sunken panels */
|
|
654
|
-
--bgColor-inverse: #ffffff; /** Inverse background that flips between light and dark modes */
|
|
678
|
+
--bgColor-draft-muted: #252b271a; /** Subtle background for draft state indicators */
|
|
655
679
|
--bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
|
|
656
680
|
--bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
|
|
657
|
-
--bgColor-white: #ffffff; /** Pure white background */
|
|
658
681
|
--border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
|
|
659
682
|
--border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
|
|
660
683
|
--border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
|
|
@@ -682,10 +705,7 @@
|
|
|
682
705
|
--button-danger-bgColor-active: var(--bgColor-danger-emphasis);
|
|
683
706
|
--button-danger-bgColor-rest: var(--control-bgColor-rest);
|
|
684
707
|
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
|
|
685
|
-
--button-danger-fgColor-active: #ffffff;
|
|
686
708
|
--button-danger-fgColor-disabled: #ffb75780;
|
|
687
|
-
--button-danger-fgColor-hover: #ffffff;
|
|
688
|
-
--button-danger-iconColor-hover: #ffffff;
|
|
689
709
|
--button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
|
|
690
710
|
--button-default-bgColor-active: var(--control-bgColor-active);
|
|
691
711
|
--button-default-bgColor-hover: var(--control-bgColor-hover);
|
|
@@ -694,22 +714,21 @@
|
|
|
694
714
|
--button-invisible-bgColor-rest: var(--control-transparent-bgColor-rest);
|
|
695
715
|
--button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
|
|
696
716
|
--button-outline-bgColor-hover: var(--control-bgColor-hover);
|
|
697
|
-
--button-outline-fgColor-active: #ffffff;
|
|
698
717
|
--button-primary-bgColor-rest: var(--bgColor-success-emphasis);
|
|
699
718
|
--button-primary-borderColor-active: var(--button-primary-borderColor-rest);
|
|
700
719
|
--button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
701
|
-
--button-primary-fgColor-
|
|
720
|
+
--button-primary-fgColor-rest: var(--fgColor-white);
|
|
721
|
+
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
722
|
+
--button-primary-iconColor-rest: var(--fgColor-white);
|
|
702
723
|
--buttonCounter-danger-bgColor-disabled: #8f3c000d;
|
|
703
|
-
--buttonCounter-danger-bgColor-hover: #01040926;
|
|
704
|
-
--buttonCounter-danger-bgColor-rest: #01040926;
|
|
705
724
|
--buttonCounter-danger-fgColor-disabled: #ffb75780;
|
|
706
|
-
--buttonCounter-danger-fgColor-hover: #ffffff;
|
|
707
725
|
--buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
|
|
708
726
|
--buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
|
|
709
727
|
--buttonCounter-outline-bgColor-disabled: #194fb10d;
|
|
710
|
-
--buttonCounter-primary-bgColor-rest: #01040926;
|
|
711
728
|
--buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
|
|
712
729
|
--buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
|
|
730
|
+
--buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
|
|
731
|
+
--buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
713
732
|
--buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
|
|
714
733
|
--buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
|
|
715
734
|
--buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
|
|
@@ -718,10 +737,21 @@
|
|
|
718
737
|
--buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
|
|
719
738
|
--buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
|
|
720
739
|
--buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
|
|
740
|
+
--buttonKeybindingHint-primary-bgColor-disabled: #0104091a;
|
|
741
|
+
--buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
|
|
742
|
+
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
743
|
+
--buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
|
|
721
744
|
--card-bgColor: var(--bgColor-muted);
|
|
722
745
|
--codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
|
|
746
|
+
--codeMirror-bgColor: var(--bgColor-default);
|
|
747
|
+
--codeMirror-cursor-fgColor: var(--fgColor-default);
|
|
748
|
+
--codeMirror-fgColor: var(--fgColor-default);
|
|
749
|
+
--codeMirror-gutterMarker-fgColor-default: var(--bgColor-default);
|
|
723
750
|
--codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
|
|
751
|
+
--codeMirror-gutters-bgColor: var(--bgColor-default);
|
|
724
752
|
--codeMirror-lineNumber-fgColor: var(--fgColor-muted);
|
|
753
|
+
--codeMirror-lines-bgColor: var(--bgColor-default);
|
|
754
|
+
--codeMirror-matchingBracket-fgColor: var(--fgColor-default);
|
|
725
755
|
--color-ansi-black: var(--ansi-black); /** Deprecated. Use ansi.black instead. */
|
|
726
756
|
--color-ansi-black-bright: var(--ansi-blackBright); /** Deprecated. Use ansi.blackBright instead. */
|
|
727
757
|
--color-ansi-blue: var(--ansi-blue); /** Deprecated. Use ansi.blue instead. */
|
|
@@ -734,6 +764,7 @@
|
|
|
734
764
|
--color-ansi-red: var(--ansi-red); /** Deprecated. Use ansi.red instead. */
|
|
735
765
|
--color-ansi-red-bright: var(--ansi-redBright); /** Deprecated. Use ansi.redBright instead. */
|
|
736
766
|
--color-ansi-white: var(--ansi-white); /** Deprecated. Use ansi.white instead. */
|
|
767
|
+
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
737
768
|
--color-ansi-yellow: var(--ansi-yellow); /** Deprecated. Use ansi.yellow instead. */
|
|
738
769
|
--color-ansi-yellow-bright: var(--ansi-yellowBright); /** Deprecated. Use ansi.yellowBright instead. */
|
|
739
770
|
--color-prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
|
|
@@ -764,7 +795,6 @@
|
|
|
764
795
|
--color-prettylights-syntax-string-regexp: var(--prettylights-syntax-stringRegexp); /** Deprecated. Use prettylights.syntax.stringRegexp instead. */
|
|
765
796
|
--color-prettylights-syntax-sublimelinter-gutter-mark: var(--prettylights-syntax-sublimeLinterGutterMark); /** Deprecated. Use prettylights.syntax.sublimeLinterGutterMark instead. */
|
|
766
797
|
--color-prettylights-syntax-variable: var(--prettylights-syntax-variable); /** Deprecated. Use prettylights.syntax.variable instead. */
|
|
767
|
-
--contribution-default-bgColor-0: #010409;
|
|
768
798
|
--contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
|
|
769
799
|
--contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
|
|
770
800
|
--contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
|
|
@@ -779,36 +809,43 @@
|
|
|
779
809
|
--control-checked-bgColor-disabled: var(--fgColor-disabled);
|
|
780
810
|
--control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
|
|
781
811
|
--control-checked-fgColor-disabled: #010409;
|
|
812
|
+
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
782
813
|
--control-danger-bgColor-active: var(--bgColor-danger-emphasis);
|
|
783
814
|
--control-danger-bgColor-hover: var(--bgColor-danger-emphasis);
|
|
815
|
+
--control-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
784
816
|
--control-danger-fgColor-rest: var(--fgColor-danger);
|
|
785
817
|
--control-fgColor-disabled: var(--fgColor-disabled);
|
|
818
|
+
--control-fgColor-rest: var(--fgColor-default);
|
|
786
819
|
--control-iconColor-rest: var(--fgColor-muted);
|
|
787
820
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
788
821
|
--control-transparent-borderColor-active: var(--borderColor-default);
|
|
789
822
|
--control-transparent-borderColor-hover: var(--borderColor-default);
|
|
790
|
-
--controlKnob-bgColor-checked: #ffffff;
|
|
791
823
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
792
|
-
--controlTrack-bgColor-rest: #010409;
|
|
793
824
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
825
|
+
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
826
|
+
--controlTrack-fgColor-rest: var(--fgColor-default);
|
|
794
827
|
--counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
|
|
795
828
|
--counter-bgColor-muted: var(--bgColor-neutral-muted);
|
|
796
829
|
--counter-borderColor: var(--borderColor-default);
|
|
830
|
+
--dashboard-bgColor: var(--bgColor-inset);
|
|
797
831
|
--diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
|
|
832
|
+
--diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
|
|
833
|
+
--diffBlob-additionNum-fgColor: var(--fgColor-default);
|
|
798
834
|
--diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
|
|
835
|
+
--diffBlob-additionWord-fgColor: var(--fgColor-default);
|
|
799
836
|
--diffBlob-deletionLine-bgColor: #ff808033;
|
|
837
|
+
--diffBlob-deletionLine-fgColor: var(--fgColor-onEmphasis);
|
|
838
|
+
--diffBlob-deletionNum-fgColor: var(--fgColor-default);
|
|
839
|
+
--diffBlob-deletionWord-fgColor: var(--fgColor-default);
|
|
800
840
|
--diffBlob-emptyLine-bgColor: var(--bgColor-muted);
|
|
801
841
|
--diffBlob-emptyNum-bgColor: var(--bgColor-muted);
|
|
842
|
+
--diffBlob-expander-iconColor: var(--fgColor-default);
|
|
802
843
|
--diffBlob-hunkLine-fgColor: var(--fgColor-muted);
|
|
803
|
-
--fgColor-
|
|
844
|
+
--diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
|
|
845
|
+
--diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
|
|
804
846
|
--fgColor-closed: var(--fgColor-muted); /** Text color for closed state indicators (issues, PRs) */
|
|
805
|
-
--fgColor-default: #ffffff; /** Default text color for primary content and headings */
|
|
806
847
|
--fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
|
|
807
|
-
--fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
|
|
808
|
-
--fgColor-onInverse: #010409; /** Text color for use on inverse backgrounds */
|
|
809
|
-
--fgColor-white: #ffffff; /** Pure white text */
|
|
810
848
|
--focus-outline-color: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
|
|
811
|
-
--header-fgColor-default: #ffffffb3;
|
|
812
849
|
--label-auburn-borderColor: var(--label-auburn-fgColor-rest);
|
|
813
850
|
--label-blue-borderColor: var(--label-blue-fgColor-rest);
|
|
814
851
|
--label-brown-borderColor: var(--label-brown-fgColor-rest);
|
|
@@ -828,8 +865,8 @@
|
|
|
828
865
|
--label-red-borderColor: var(--label-red-fgColor-rest);
|
|
829
866
|
--label-teal-borderColor: var(--label-teal-fgColor-rest);
|
|
830
867
|
--label-yellow-borderColor: var(--label-yellow-fgColor-rest);
|
|
831
|
-
--overlay-bgColor: #010409;
|
|
832
868
|
--overlay-borderColor: var(--borderColor-default);
|
|
869
|
+
--page-header-bgColor: var(--bgColor-default);
|
|
833
870
|
--prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
|
|
834
871
|
--prettylights-syntax-brackethighlighter-unmatched: var(--prettylights-syntax-bracketHighlighterUnmatched); /** Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead. */
|
|
835
872
|
--prettylights-syntax-carriage-return-bg: var(--prettylights-syntax-carriageReturn-bg); /** Deprecated. Use prettylights.syntax.carriageReturn.bg instead. */
|
|
@@ -849,13 +886,12 @@
|
|
|
849
886
|
--progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
|
|
850
887
|
--progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
|
|
851
888
|
--progressBar-bgColor-success: var(--bgColor-success-emphasis);
|
|
889
|
+
--progressBar-track-bgColor: var(--bgColor-inverse);
|
|
852
890
|
--reactionButton-selected-fgColor-rest: var(--fgColor-link);
|
|
853
891
|
--selectMenu-borderColor: var(--borderColor-default);
|
|
854
892
|
--selection-bgColor: #194fb1b3; /** Background color for text selection highlights */
|
|
855
|
-
--
|
|
856
|
-
--
|
|
857
|
-
--shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
|
|
858
|
-
--shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
|
|
893
|
+
--tooltip-bgColor: var(--bgColor-inverse);
|
|
894
|
+
--tooltip-fgColor: var(--fgColor-onInverse);
|
|
859
895
|
--topicTag-borderColor: var(--borderColor-accent-emphasis);
|
|
860
896
|
--treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
|
|
861
897
|
--underlineNav-iconColor-rest: var(--fgColor-muted);
|
|
@@ -879,16 +915,15 @@
|
|
|
879
915
|
--button-default-borderColor-disabled: var(--control-borderColor-disabled);
|
|
880
916
|
--button-default-borderColor-rest: var(--control-borderColor-rest);
|
|
881
917
|
--button-default-fgColor-disabled: var(--control-fgColor-disabled);
|
|
918
|
+
--button-default-fgColor-rest: var(--control-fgColor-rest);
|
|
882
919
|
--button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
|
|
920
|
+
--button-invisible-fgColor-active: var(--control-fgColor-rest);
|
|
883
921
|
--button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
|
|
922
|
+
--button-invisible-fgColor-hover: var(--control-fgColor-rest);
|
|
923
|
+
--button-invisible-fgColor-rest: var(--control-fgColor-rest);
|
|
884
924
|
--button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
|
|
885
925
|
--button-outline-bgColor-disabled: var(--control-bgColor-disabled);
|
|
886
|
-
--button-primary-fgColor-rest: var(--fgColor-white);
|
|
887
|
-
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
888
|
-
--button-primary-iconColor-rest: var(--fgColor-white);
|
|
889
926
|
--buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
|
|
890
|
-
--buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
|
|
891
|
-
--buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
892
927
|
--buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
|
|
893
928
|
--buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
|
|
894
929
|
--buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
|
|
@@ -897,68 +932,33 @@
|
|
|
897
932
|
--buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
|
|
898
933
|
--buttonKeybindingHint-invisible-borderColor-rest: var(--borderColor-muted);
|
|
899
934
|
--buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
|
|
900
|
-
--buttonKeybindingHint-primary-bgColor-disabled: #0104091a;
|
|
901
|
-
--buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
|
|
902
935
|
--buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
|
|
903
|
-
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
904
|
-
--buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
|
|
905
|
-
--codeMirror-bgColor: var(--bgColor-default);
|
|
906
|
-
--codeMirror-cursor-fgColor: var(--fgColor-default);
|
|
907
|
-
--codeMirror-fgColor: var(--fgColor-default);
|
|
908
|
-
--codeMirror-gutterMarker-fgColor-default: var(--bgColor-default);
|
|
909
|
-
--codeMirror-gutters-bgColor: var(--bgColor-default);
|
|
910
|
-
--codeMirror-lines-bgColor: var(--bgColor-default);
|
|
911
|
-
--codeMirror-matchingBracket-fgColor: var(--fgColor-default);
|
|
912
|
-
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
913
936
|
--color-prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
914
937
|
--color-prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
915
938
|
--control-borderColor-emphasis: var(--borderColor-emphasis);
|
|
916
939
|
--control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
|
|
917
|
-
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
918
|
-
--control-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
919
|
-
--control-fgColor-rest: var(--fgColor-default);
|
|
920
940
|
--controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
|
|
921
941
|
--controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
|
|
922
942
|
--controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
|
|
923
943
|
--controlTrack-borderColor-rest: var(--borderColor-emphasis);
|
|
924
|
-
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
925
|
-
--controlTrack-fgColor-rest: var(--fgColor-default);
|
|
926
|
-
--dashboard-bgColor: var(--bgColor-inset);
|
|
927
|
-
--diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
|
|
928
|
-
--diffBlob-additionNum-fgColor: var(--fgColor-default);
|
|
929
|
-
--diffBlob-additionWord-fgColor: var(--fgColor-default);
|
|
930
|
-
--diffBlob-deletionLine-fgColor: var(--fgColor-onEmphasis);
|
|
931
|
-
--diffBlob-deletionNum-fgColor: var(--fgColor-default);
|
|
932
|
-
--diffBlob-deletionWord-fgColor: var(--fgColor-default);
|
|
933
|
-
--diffBlob-expander-iconColor: var(--fgColor-default);
|
|
934
|
-
--diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
|
|
935
|
-
--diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
|
|
936
944
|
--focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
|
|
937
945
|
--focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
|
|
938
|
-
--page-header-bgColor: var(--bgColor-default);
|
|
939
946
|
--prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
940
947
|
--prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
941
|
-
--progressBar-track-
|
|
942
|
-
--shadow-floating-large: 0 0 0 1px #
|
|
943
|
-
--shadow-floating-medium: 0 0 0 1px #
|
|
944
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
945
|
-
--shadow-floating-xlarge: 0 0 0 1px #
|
|
946
|
-
--tooltip-bgColor: var(--bgColor-inverse);
|
|
947
|
-
--tooltip-fgColor: var(--fgColor-onInverse);
|
|
948
|
+
--progressBar-track-borderColor: var(--progressBar-track-bgColor);
|
|
949
|
+
--shadow-floating-large: 0 0 0 1px #b8c4bc, 0 24px 48px 0 #060907; /** Large floating shadow for modals and dialogs */
|
|
950
|
+
--shadow-floating-medium: 0 0 0 1px #b8c4bc, 0 8px 16px -4px #06090766, 0 4px 32px -4px #06090766, 0 24px 48px -12px #06090766, 0 48px 96px -24px #06090766; /** Medium floating shadow for popovers and action menus */
|
|
951
|
+
--shadow-floating-small: 0 0 0 1px #b8c4bc, 0 6px 12px -3px #06090766, 0 6px 18px 0 #06090766; /** Small floating shadow for dropdowns, tooltips, and small overlays */
|
|
952
|
+
--shadow-floating-xlarge: 0 0 0 1px #b8c4bc, 0 32px 64px 0 #060907; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
948
953
|
--border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
|
|
949
954
|
--border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
|
|
950
955
|
--borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
|
|
951
956
|
--button-default-borderColor-active: var(--button-default-borderColor-rest);
|
|
952
957
|
--button-default-borderColor-hover: var(--button-default-borderColor-rest);
|
|
953
|
-
--button-default-fgColor-rest: var(--control-fgColor-rest);
|
|
954
|
-
--button-invisible-fgColor-active: var(--control-fgColor-rest);
|
|
955
|
-
--button-invisible-fgColor-hover: var(--control-fgColor-rest);
|
|
956
|
-
--button-invisible-fgColor-rest: var(--control-fgColor-rest);
|
|
957
958
|
--buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
|
|
958
959
|
--buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
|
|
959
960
|
--buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
|
|
960
961
|
--controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
|
|
961
|
-
--progressBar-track-borderColor: var(--progressBar-track-bgColor);
|
|
962
962
|
--underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
|
|
963
963
|
--border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
|
|
964
964
|
--button-outline-borderColor-hover: var(--button-default-borderColor-hover);
|
|
@@ -977,36 +977,42 @@
|
|
|
977
977
|
--fgColor-done: #d3abff; /** Text color for completed/done state indicators */
|
|
978
978
|
--fgColor-sponsors: #ff90c8; /** Text color for GitHub Sponsors content */
|
|
979
979
|
--reactionButton-selected-bgColor-hover: #3a8cfd5c;
|
|
980
|
-
--ansi-black: #
|
|
981
|
-
--ansi-blackBright: #
|
|
980
|
+
--ansi-black: #353c37; /** ANSI black for terminal text and backgrounds */
|
|
981
|
+
--ansi-blackBright: #6c786f; /** ANSI bright black (dark gray) for dimmed terminal text */
|
|
982
982
|
--ansi-blue: #71b7ff; /** ANSI blue for informational terminal text */
|
|
983
983
|
--ansi-blueBright: #91cbff; /** ANSI bright blue for highlighted info in terminal */
|
|
984
|
-
--ansi-gray: #
|
|
984
|
+
--ansi-gray: #6c786f; /** ANSI gray for secondary terminal text */
|
|
985
985
|
--ansi-green: #71b7ff; /** ANSI green for success indicators in terminal */
|
|
986
986
|
--ansi-greenBright: #91cbff; /** ANSI bright green for highlighted success in terminal */
|
|
987
987
|
--ansi-magenta: #cb9eff; /** ANSI magenta for special terminal text */
|
|
988
988
|
--ansi-magentaBright: #dbb7ff; /** ANSI bright magenta for highlighted special text */
|
|
989
989
|
--ansi-red: #fe9a2d; /** ANSI red for errors and alerts in terminal output */
|
|
990
990
|
--ansi-redBright: #ffb757; /** ANSI bright red for highlighted errors in terminal */
|
|
991
|
-
--ansi-white: #
|
|
991
|
+
--ansi-white: #e9f0eb; /** ANSI white for terminal text */
|
|
992
|
+
--ansi-whiteBright: #ffffff; /** ANSI bright white for emphasized terminal text */
|
|
992
993
|
--ansi-yellow: #f0b72f; /** ANSI yellow for warnings in terminal output */
|
|
993
994
|
--ansi-yellowBright: #f7c843; /** ANSI bright yellow for highlighted warnings in terminal */
|
|
994
|
-
--avatar-
|
|
995
|
-
--
|
|
996
|
-
--avatarStack-fade-bgColor-
|
|
995
|
+
--avatar-bgColor: #ffffff1a;
|
|
996
|
+
--avatar-shadow: 0 0 0 2px #0f1511;
|
|
997
|
+
--avatarStack-fade-bgColor-default: #4e5750;
|
|
998
|
+
--avatarStack-fade-bgColor-muted: #3b443e;
|
|
997
999
|
--bgColor-accent-emphasis: #194fb1; /** Strong accent background for active states and focused states */
|
|
998
1000
|
--bgColor-accent-muted: #5cacff1a; /** Subtle accent background for informational or selected elements */
|
|
999
1001
|
--bgColor-attention-emphasis: #7b4900; /** Strong attention background for prominent warnings */
|
|
1000
1002
|
--bgColor-attention-muted: #edaa2726; /** Subtle attention background for warnings and caution states */
|
|
1003
|
+
--bgColor-black: #010409; /** Pure black background */
|
|
1001
1004
|
--bgColor-danger-emphasis: #8f3c00; /** Emphasized danger background for critical errors and delete confirmations */
|
|
1002
1005
|
--bgColor-danger-muted: #ff80801a; /** Muted danger background for error states and destructive action contexts */
|
|
1003
|
-
--bgColor-
|
|
1006
|
+
--bgColor-default: #010409; /** Default background color for pages and main content areas */
|
|
1007
|
+
--bgColor-disabled: #252b27; /** Background for disabled interactive elements */
|
|
1004
1008
|
--bgColor-done-emphasis: #6921d7; /** Strong background for completed/done state badges and labels */
|
|
1005
1009
|
--bgColor-done-muted: #bf8fff26; /** Subtle background for completed/done state indicators */
|
|
1006
|
-
--bgColor-emphasis: #
|
|
1007
|
-
--bgColor-
|
|
1008
|
-
--bgColor-
|
|
1009
|
-
--bgColor-
|
|
1010
|
+
--bgColor-emphasis: #3b443e; /** High-emphasis dark background for strong visual contrast */
|
|
1011
|
+
--bgColor-inset: #010409; /** Inset background for recessed content areas like wells or sunken panels */
|
|
1012
|
+
--bgColor-inverse: #ffffff; /** Inverse background that flips between light and dark modes */
|
|
1013
|
+
--bgColor-muted: #0f1511; /** Muted background for secondary content areas and subtle grouping */
|
|
1014
|
+
--bgColor-neutral-emphasis: #3b443e; /** Strong neutral background for prominent neutral elements */
|
|
1015
|
+
--bgColor-neutral-muted: #252b27; /** Subtle neutral background for tags, labels, and secondary UI elements */
|
|
1010
1016
|
--bgColor-open-emphasis: #8f3c00; /** Strong background for open state badges and labels */
|
|
1011
1017
|
--bgColor-open-muted: #f48b251a; /** Subtle background for open state indicators (issues, PRs) */
|
|
1012
1018
|
--bgColor-severe-emphasis: #8f3c00; /** Strong severe background for prominent high-priority warnings */
|
|
@@ -1016,14 +1022,15 @@
|
|
|
1016
1022
|
--bgColor-success-emphasis: #194fb1; /** Strong success background for prominent positive actions */
|
|
1017
1023
|
--bgColor-success-muted: #5cacff33; /** Subtle success background for positive feedback and completed states */
|
|
1018
1024
|
--bgColor-transparent: #00000000; /** Fully transparent background */
|
|
1025
|
+
--bgColor-white: #ffffff; /** Pure white background */
|
|
1019
1026
|
--borderColor-accent-emphasis: #409eff; /** Strong accent border for selected or focused elements */
|
|
1020
1027
|
--borderColor-accent-muted: #5cacff; /** Subtle accent border for selected or focused elements */
|
|
1021
1028
|
--borderColor-attention-emphasis: #e09b13; /** Strong attention border for prominent warnings */
|
|
1022
1029
|
--borderColor-attention-muted: #edaa27; /** Subtle attention border for warnings and caution states */
|
|
1023
1030
|
--borderColor-danger-emphasis: #e7811d; /** Strong danger border for destructive actions and errors */
|
|
1024
1031
|
--borderColor-danger-muted: #f48b25; /** Subtle danger border for errors and destructive contexts */
|
|
1025
|
-
--borderColor-default: #
|
|
1026
|
-
--borderColor-disabled: #
|
|
1032
|
+
--borderColor-default: #b8c4bc; /** Default border color for most UI elements */
|
|
1033
|
+
--borderColor-disabled: #58635b1a; /** Border color for disabled interactive elements */
|
|
1027
1034
|
--borderColor-done-emphasis: #b87fff; /** Strong border for completed/done state badges */
|
|
1028
1035
|
--borderColor-done-muted: #bf8fff; /** Subtle border for completed/done state indicators */
|
|
1029
1036
|
--borderColor-open-emphasis: #e7811d; /** Strong border for open state badges */
|
|
@@ -1034,45 +1041,54 @@
|
|
|
1034
1041
|
--borderColor-sponsors-muted: #f87cbd; /** Subtle border for GitHub Sponsors content */
|
|
1035
1042
|
--borderColor-success-emphasis: #409eff; /** Strong success border for prominent positive elements */
|
|
1036
1043
|
--borderColor-success-muted: #5cacff; /** Subtle success border for positive feedback elements */
|
|
1037
|
-
--borderColor-translucent: #
|
|
1044
|
+
--borderColor-translucent: #9ca89f; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
1038
1045
|
--borderColor-transparent: #00000000; /** Fully transparent border */
|
|
1039
1046
|
--button-danger-bgColor-hover: #8f3c00;
|
|
1040
1047
|
--button-danger-borderColor-hover: #ffb757;
|
|
1048
|
+
--button-danger-fgColor-active: #ffffff;
|
|
1049
|
+
--button-danger-fgColor-hover: #ffffff;
|
|
1041
1050
|
--button-danger-fgColor-rest: #ffb757;
|
|
1051
|
+
--button-danger-iconColor-hover: #ffffff;
|
|
1042
1052
|
--button-danger-shadow-selected: 0 0 0 0 #00000000;
|
|
1043
1053
|
--button-default-shadow-resting: 0 0 0 0 #00000000;
|
|
1044
|
-
--button-inactive-bgColor: #
|
|
1045
|
-
--button-inactive-fgColor: #
|
|
1046
|
-
--button-invisible-bgColor-active: #
|
|
1054
|
+
--button-inactive-bgColor: #252b27;
|
|
1055
|
+
--button-inactive-fgColor: #b8c4bc;
|
|
1056
|
+
--button-invisible-bgColor-active: #252b27;
|
|
1047
1057
|
--button-invisible-bgColor-disabled: #00000000;
|
|
1048
|
-
--button-invisible-bgColor-hover: #
|
|
1058
|
+
--button-invisible-bgColor-hover: #191f1b;
|
|
1049
1059
|
--button-invisible-borderColor-disabled: #00000000;
|
|
1050
|
-
--button-invisible-iconColor-hover: #
|
|
1051
|
-
--button-invisible-iconColor-rest: #
|
|
1060
|
+
--button-invisible-iconColor-hover: #cbd6cd;
|
|
1061
|
+
--button-invisible-iconColor-rest: #cbd6cd;
|
|
1052
1062
|
--button-outline-bgColor-active: #2672f3;
|
|
1053
|
-
--button-outline-bgColor-rest: #
|
|
1063
|
+
--button-outline-bgColor-rest: #e9f0eb;
|
|
1064
|
+
--button-outline-fgColor-active: #ffffff;
|
|
1054
1065
|
--button-outline-fgColor-disabled: #74b9ff80;
|
|
1055
1066
|
--button-outline-fgColor-hover: #71b7ff;
|
|
1056
1067
|
--button-outline-fgColor-rest: #5cacff;
|
|
1057
1068
|
--button-outline-shadow-selected: 0 0 0 0 #00000000;
|
|
1058
1069
|
--button-primary-bgColor-disabled: #318bf8;
|
|
1059
1070
|
--button-primary-borderColor-rest: #91cbff;
|
|
1071
|
+
--button-primary-fgColor-disabled: #ffffff66;
|
|
1060
1072
|
--button-primary-shadow-selected: 0 0 0 0 #00000000;
|
|
1061
1073
|
--button-star-iconColor: #f7c843;
|
|
1062
|
-
--buttonCounter-
|
|
1074
|
+
--buttonCounter-danger-bgColor-hover: #01040926;
|
|
1075
|
+
--buttonCounter-danger-bgColor-rest: #01040926;
|
|
1076
|
+
--buttonCounter-danger-fgColor-hover: #ffffff;
|
|
1077
|
+
--buttonCounter-default-bgColor-rest: #353c37;
|
|
1063
1078
|
--buttonCounter-outline-bgColor-hover: #194fb133;
|
|
1064
1079
|
--buttonCounter-outline-bgColor-rest: #194fb133;
|
|
1065
1080
|
--buttonCounter-outline-fgColor-disabled: #74b9ff80;
|
|
1066
1081
|
--buttonCounter-outline-fgColor-hover: #71b7ff;
|
|
1067
1082
|
--buttonCounter-outline-fgColor-rest: #5cacff;
|
|
1083
|
+
--buttonCounter-primary-bgColor-rest: #01040926;
|
|
1068
1084
|
--buttonKeybindingHint-danger-bgColor-active: #01040966;
|
|
1069
1085
|
--buttonKeybindingHint-danger-bgColor-hover: #01040933;
|
|
1070
1086
|
--buttonKeybindingHint-danger-borderColor-hover: #ffffff;
|
|
1071
|
-
--buttonKeybindingHint-default-bgColor-rest: #
|
|
1072
|
-
--buttonKeybindingHint-inactive-bgColor: #
|
|
1087
|
+
--buttonKeybindingHint-default-bgColor-rest: #252b27;
|
|
1088
|
+
--buttonKeybindingHint-inactive-bgColor: #252b27;
|
|
1073
1089
|
--buttonKeybindingHint-primary-borderColor-rest: #ffffff;
|
|
1074
1090
|
--codeMirror-selection-bgColor: #5cacff66;
|
|
1075
|
-
--codeMirror-syntax-fgColor-comment: #
|
|
1091
|
+
--codeMirror-syntax-fgColor-comment: #6c786f;
|
|
1076
1092
|
--codeMirror-syntax-fgColor-constant: #91cbff;
|
|
1077
1093
|
--codeMirror-syntax-fgColor-entity: #dbb7ff;
|
|
1078
1094
|
--codeMirror-syntax-fgColor-keyword: #fe9a2d;
|
|
@@ -1082,6 +1098,7 @@
|
|
|
1082
1098
|
--codeMirror-syntax-fgColor-variable: #ffb757;
|
|
1083
1099
|
--color-ansi-cyan: var(--ansi-cyan); /** Deprecated. Use ansi.cyan instead. */
|
|
1084
1100
|
--color-ansi-cyan-bright: var(--ansi-cyanBright); /** Deprecated. Use ansi.cyanBright instead. */
|
|
1101
|
+
--contribution-default-bgColor-0: #010409;
|
|
1085
1102
|
--contribution-default-bgColor-1: #007728;
|
|
1086
1103
|
--contribution-default-bgColor-2: #02a232;
|
|
1087
1104
|
--contribution-default-bgColor-3: #0ac740;
|
|
@@ -1095,22 +1112,24 @@
|
|
|
1095
1112
|
--contribution-winter-bgColor-2: #318bf8;
|
|
1096
1113
|
--contribution-winter-bgColor-3: #71b7ff;
|
|
1097
1114
|
--contribution-winter-bgColor-4: #caeaff;
|
|
1098
|
-
--control-bgColor-active: #
|
|
1099
|
-
--control-bgColor-hover: #
|
|
1100
|
-
--control-bgColor-rest: #
|
|
1101
|
-
--control-borderColor-selected: #
|
|
1115
|
+
--control-bgColor-active: #353c37;
|
|
1116
|
+
--control-bgColor-hover: #252b27;
|
|
1117
|
+
--control-bgColor-rest: #252b27;
|
|
1118
|
+
--control-borderColor-selected: #e9f0eb;
|
|
1102
1119
|
--control-checked-borderColor-active: #91cbff;
|
|
1103
1120
|
--control-checked-borderColor-hover: #91cbff;
|
|
1104
1121
|
--control-checked-borderColor-rest: #91cbff;
|
|
1105
|
-
--control-fgColor-placeholder: #
|
|
1106
|
-
--control-transparent-bgColor-active: #
|
|
1107
|
-
--control-transparent-bgColor-hover: #
|
|
1122
|
+
--control-fgColor-placeholder: #b8c4bc;
|
|
1123
|
+
--control-transparent-bgColor-active: #3b443e;
|
|
1124
|
+
--control-transparent-bgColor-hover: #353c37;
|
|
1108
1125
|
--control-transparent-bgColor-rest: #00000000;
|
|
1109
|
-
--control-transparent-bgColor-selected: #
|
|
1126
|
+
--control-transparent-bgColor-selected: #353c37;
|
|
1110
1127
|
--control-transparent-borderColor-rest: #00000000;
|
|
1111
|
-
--controlKnob-bgColor-
|
|
1112
|
-
--
|
|
1113
|
-
--controlTrack-bgColor-
|
|
1128
|
+
--controlKnob-bgColor-checked: #ffffff;
|
|
1129
|
+
--controlKnob-bgColor-rest: #252b27;
|
|
1130
|
+
--controlTrack-bgColor-active: #3b443e;
|
|
1131
|
+
--controlTrack-bgColor-hover: #353c37;
|
|
1132
|
+
--controlTrack-bgColor-rest: #010409;
|
|
1114
1133
|
--data-auburn-color-emphasis: #a86f6b;
|
|
1115
1134
|
--data-auburn-color-muted: #271817;
|
|
1116
1135
|
--data-blue-color-emphasis: #0576ff;
|
|
@@ -1148,9 +1167,9 @@
|
|
|
1148
1167
|
--diffBlob-additionNum-bgColor: #71b7ff4d;
|
|
1149
1168
|
--diffBlob-deletionNum-bgColor: #f48b254d;
|
|
1150
1169
|
--diffBlob-deletionWord-bgColor: #f48b2566;
|
|
1151
|
-
--diffBlob-hunkLine-bgColor: #
|
|
1152
|
-
--diffBlob-hunkNum-bgColor-hover: #
|
|
1153
|
-
--diffBlob-hunkNum-bgColor-rest: #
|
|
1170
|
+
--diffBlob-hunkLine-bgColor: #252b27;
|
|
1171
|
+
--diffBlob-hunkNum-bgColor-hover: #6c786f;
|
|
1172
|
+
--diffBlob-hunkNum-bgColor-rest: #353c37;
|
|
1154
1173
|
--display-auburn-bgColor-emphasis: #6d4340;
|
|
1155
1174
|
--display-auburn-bgColor-muted: #271817;
|
|
1156
1175
|
--display-auburn-borderColor-emphasis: #bf9592;
|
|
@@ -1437,20 +1456,26 @@
|
|
|
1437
1456
|
--display-yellow-scale-8: #edb431;
|
|
1438
1457
|
--display-yellow-scale-9: #f0ca6a;
|
|
1439
1458
|
--fgColor-attention: #f0b72f; /** Attention text for warnings and caution states */
|
|
1459
|
+
--fgColor-black: #010409; /** Pure black text */
|
|
1440
1460
|
--fgColor-danger: #ffb757; /** Danger text for errors and destructive actions */
|
|
1441
|
-
--fgColor-
|
|
1461
|
+
--fgColor-default: #ffffff; /** Default text color for primary content and headings */
|
|
1462
|
+
--fgColor-disabled: #6c786f; /** Text color for disabled interactive elements */
|
|
1442
1463
|
--fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
|
|
1443
|
-
--fgColor-muted: #
|
|
1444
|
-
--fgColor-neutral: #
|
|
1464
|
+
--fgColor-muted: #b8c4bc; /** Muted text for secondary content and less important information */
|
|
1465
|
+
--fgColor-neutral: #cbd6cd; /** Neutral semantic text for icons and secondary elements */
|
|
1466
|
+
--fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
|
|
1467
|
+
--fgColor-onInverse: #060907; /** Text color for use on inverse backgrounds */
|
|
1445
1468
|
--fgColor-open: #ffb757; /** Text color for open state indicators (issues, PRs) */
|
|
1446
1469
|
--fgColor-severe: #fe9a2d; /** Severe text for high-priority warnings */
|
|
1447
1470
|
--fgColor-success: #addcff; /** Success text for positive feedback and completed states */
|
|
1448
1471
|
--fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
|
|
1449
|
-
--
|
|
1450
|
-
--header-
|
|
1451
|
-
--header-
|
|
1452
|
-
--
|
|
1453
|
-
--
|
|
1472
|
+
--fgColor-white: #ffffff; /** Pure white text */
|
|
1473
|
+
--header-bgColor: #191f1bf2;
|
|
1474
|
+
--header-borderColor-divider: #58635b;
|
|
1475
|
+
--header-fgColor-default: #ffffffb3;
|
|
1476
|
+
--header-fgColor-logo: #e9f0eb;
|
|
1477
|
+
--headerSearch-bgColor: #0f1511;
|
|
1478
|
+
--headerSearch-borderColor: #252b27;
|
|
1454
1479
|
--highlight-neutral-bgColor: #f0b72f66;
|
|
1455
1480
|
--label-auburn-bgColor-active: #543331;
|
|
1456
1481
|
--label-auburn-bgColor-hover: #3a2422;
|
|
@@ -1566,57 +1591,55 @@
|
|
|
1566
1591
|
--label-yellow-fgColor-active: #edb431;
|
|
1567
1592
|
--label-yellow-fgColor-hover: #df9e11;
|
|
1568
1593
|
--label-yellow-fgColor-rest: #d3910d;
|
|
1569
|
-
--menu-bgColor-active: #
|
|
1570
|
-
--overlay-backdrop-bgColor: #
|
|
1571
|
-
--
|
|
1594
|
+
--menu-bgColor-active: #191f1b;
|
|
1595
|
+
--overlay-backdrop-bgColor: #cbd6cd66;
|
|
1596
|
+
--overlay-bgColor: #060907;
|
|
1597
|
+
--prettylights-syntax-bracketHighlighterAngle: #9ca89f; /** Syntax highlighting color for angle brackets */
|
|
1572
1598
|
--prettylights-syntax-bracketHighlighterUnmatched: #f48b25; /** Syntax highlighting color for unmatched brackets */
|
|
1573
1599
|
--prettylights-syntax-carriageReturn-bg: #d57014; /** Background color for carriage return characters in diffs */
|
|
1574
|
-
--prettylights-syntax-carriageReturn-text: #
|
|
1575
|
-
--prettylights-syntax-comment: #
|
|
1600
|
+
--prettylights-syntax-carriageReturn-text: #e9f0eb; /** Text color for carriage return characters in diffs */
|
|
1601
|
+
--prettylights-syntax-comment: #9ca89f; /** Syntax highlighting color for code comments */
|
|
1576
1602
|
--prettylights-syntax-constant: #91cbff; /** Syntax highlighting color for constants and literal values */
|
|
1577
1603
|
--prettylights-syntax-constantOtherReferenceLink: #addcff; /** Syntax highlighting color for reference links and URLs in code */
|
|
1578
1604
|
--prettylights-syntax-entity: #dbb7ff; /** Syntax highlighting color for class names, type definitions, and declarations */
|
|
1579
1605
|
--prettylights-syntax-entityTag: #addcff; /** Syntax highlighting color for HTML/XML tags */
|
|
1580
1606
|
--prettylights-syntax-keyword: #fe9a2d; /** Syntax highlighting color for language keywords (if, else, return) */
|
|
1581
|
-
--prettylights-syntax-markup-bold: #
|
|
1607
|
+
--prettylights-syntax-markup-bold: #e9f0eb; /** Syntax highlighting color for bold text in markdown */
|
|
1582
1608
|
--prettylights-syntax-markup-changed-bg: #a74c00; /** Background color for changed lines in diff views */
|
|
1583
1609
|
--prettylights-syntax-markup-changed-text: #ffe1b4; /** Text color for changed lines in diff views */
|
|
1584
1610
|
--prettylights-syntax-markup-deleted-bg: #a74c00; /** Background color for deleted lines in diff views */
|
|
1585
1611
|
--prettylights-syntax-markup-deleted-text: #ffe1b4; /** Text color for deleted lines in diff views */
|
|
1586
1612
|
--prettylights-syntax-markup-heading: #409eff; /** Syntax highlighting color for headings in markdown */
|
|
1587
1613
|
--prettylights-syntax-markup-ignored-bg: #318bf8; /** Background color for ignored content in diffs */
|
|
1588
|
-
--prettylights-syntax-markup-ignored-text: #
|
|
1614
|
+
--prettylights-syntax-markup-ignored-text: #e9f0eb; /** Text color for ignored content in diffs */
|
|
1589
1615
|
--prettylights-syntax-markup-inserted-bg: #1e60d5; /** Background color for inserted lines in diff views */
|
|
1590
1616
|
--prettylights-syntax-markup-inserted-text: #caeaff; /** Text color for inserted lines in diff views */
|
|
1591
|
-
--prettylights-syntax-markup-italic: #
|
|
1617
|
+
--prettylights-syntax-markup-italic: #e9f0eb; /** Syntax highlighting color for italic text in markdown */
|
|
1592
1618
|
--prettylights-syntax-markup-list: #fbd669; /** Syntax highlighting color for list markers in markdown */
|
|
1593
1619
|
--prettylights-syntax-metaDiffRange: #dbb7ff; /** Syntax highlighting color for diff range information (@@ lines) */
|
|
1594
|
-
--prettylights-syntax-storageModifierImport: #
|
|
1620
|
+
--prettylights-syntax-storageModifierImport: #e9f0eb; /** Syntax highlighting color for import and require statements */
|
|
1595
1621
|
--prettylights-syntax-string: #addcff; /** Syntax highlighting color for string literals */
|
|
1596
1622
|
--prettylights-syntax-stringRegexp: #addcff; /** Syntax highlighting color for regular expression literals */
|
|
1597
|
-
--prettylights-syntax-sublimeLinterGutterMark: #
|
|
1623
|
+
--prettylights-syntax-sublimeLinterGutterMark: #3b443e; /** Color for linter gutter marks in code editors */
|
|
1598
1624
|
--prettylights-syntax-variable: #ffb757; /** Syntax highlighting color for variables and parameters */
|
|
1599
|
-
--progressBar-bgColor-neutral: #
|
|
1625
|
+
--progressBar-bgColor-neutral: #6c786f;
|
|
1600
1626
|
--reactionButton-selected-bgColor-rest: #5cacff33;
|
|
1601
1627
|
--reactionButton-selected-fgColor-hover: #91cbff;
|
|
1602
1628
|
--selectMenu-bgColor-active: #1e60d5;
|
|
1603
|
-
--
|
|
1604
|
-
--
|
|
1605
|
-
--
|
|
1629
|
+
--shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
|
|
1630
|
+
--shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
|
|
1631
|
+
--shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
|
|
1632
|
+
--shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
|
|
1633
|
+
--sideNav-bgColor-selected: #252b27;
|
|
1634
|
+
--skeletonLoader-bgColor: #252b27;
|
|
1635
|
+
--timelineBadge-bgColor: #252b27;
|
|
1606
1636
|
--underlineNav-borderColor-active: #ff967d;
|
|
1607
|
-
--ansi-whiteBright: #ffffff; /** ANSI bright white for emphasized terminal text */
|
|
1608
|
-
--avatar-bgColor: #ffffff1a;
|
|
1609
|
-
--bgColor-black: #010409; /** Pure black background */
|
|
1610
1637
|
--bgColor-closed-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for closed state badges and labels */
|
|
1611
|
-
--bgColor-closed-muted: #
|
|
1612
|
-
--bgColor-default: #010409; /** Default background color for pages and main content areas */
|
|
1638
|
+
--bgColor-closed-muted: #252b271a; /** Subtle background for closed state indicators (issues, PRs) */
|
|
1613
1639
|
--bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
|
|
1614
|
-
--bgColor-draft-muted: #
|
|
1615
|
-
--bgColor-inset: #010409; /** Inset background for recessed content areas like wells or sunken panels */
|
|
1616
|
-
--bgColor-inverse: #ffffff; /** Inverse background that flips between light and dark modes */
|
|
1640
|
+
--bgColor-draft-muted: #252b271a; /** Subtle background for draft state indicators */
|
|
1617
1641
|
--bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
|
|
1618
1642
|
--bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
|
|
1619
|
-
--bgColor-white: #ffffff; /** Pure white background */
|
|
1620
1643
|
--border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
|
|
1621
1644
|
--border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
|
|
1622
1645
|
--border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
|
|
@@ -1644,10 +1667,7 @@
|
|
|
1644
1667
|
--button-danger-bgColor-active: var(--bgColor-danger-emphasis);
|
|
1645
1668
|
--button-danger-bgColor-rest: var(--control-bgColor-rest);
|
|
1646
1669
|
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
|
|
1647
|
-
--button-danger-fgColor-active: #ffffff;
|
|
1648
1670
|
--button-danger-fgColor-disabled: #ffb75780;
|
|
1649
|
-
--button-danger-fgColor-hover: #ffffff;
|
|
1650
|
-
--button-danger-iconColor-hover: #ffffff;
|
|
1651
1671
|
--button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
|
|
1652
1672
|
--button-default-bgColor-active: var(--control-bgColor-active);
|
|
1653
1673
|
--button-default-bgColor-hover: var(--control-bgColor-hover);
|
|
@@ -1656,22 +1676,21 @@
|
|
|
1656
1676
|
--button-invisible-bgColor-rest: var(--control-transparent-bgColor-rest);
|
|
1657
1677
|
--button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
|
|
1658
1678
|
--button-outline-bgColor-hover: var(--control-bgColor-hover);
|
|
1659
|
-
--button-outline-fgColor-active: #ffffff;
|
|
1660
1679
|
--button-primary-bgColor-rest: var(--bgColor-success-emphasis);
|
|
1661
1680
|
--button-primary-borderColor-active: var(--button-primary-borderColor-rest);
|
|
1662
1681
|
--button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
1663
|
-
--button-primary-fgColor-
|
|
1682
|
+
--button-primary-fgColor-rest: var(--fgColor-white);
|
|
1683
|
+
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1684
|
+
--button-primary-iconColor-rest: var(--fgColor-white);
|
|
1664
1685
|
--buttonCounter-danger-bgColor-disabled: #8f3c000d;
|
|
1665
|
-
--buttonCounter-danger-bgColor-hover: #01040926;
|
|
1666
|
-
--buttonCounter-danger-bgColor-rest: #01040926;
|
|
1667
1686
|
--buttonCounter-danger-fgColor-disabled: #ffb75780;
|
|
1668
|
-
--buttonCounter-danger-fgColor-hover: #ffffff;
|
|
1669
1687
|
--buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
|
|
1670
1688
|
--buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
|
|
1671
1689
|
--buttonCounter-outline-bgColor-disabled: #194fb10d;
|
|
1672
|
-
--buttonCounter-primary-bgColor-rest: #01040926;
|
|
1673
1690
|
--buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
|
|
1674
1691
|
--buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
|
|
1692
|
+
--buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
|
|
1693
|
+
--buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1675
1694
|
--buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
|
|
1676
1695
|
--buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
|
|
1677
1696
|
--buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
|
|
@@ -1680,10 +1699,21 @@
|
|
|
1680
1699
|
--buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
|
|
1681
1700
|
--buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
|
|
1682
1701
|
--buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
|
|
1702
|
+
--buttonKeybindingHint-primary-bgColor-disabled: #0104091a;
|
|
1703
|
+
--buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
|
|
1704
|
+
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1705
|
+
--buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
|
|
1683
1706
|
--card-bgColor: var(--bgColor-muted);
|
|
1684
1707
|
--codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
|
|
1708
|
+
--codeMirror-bgColor: var(--bgColor-default);
|
|
1709
|
+
--codeMirror-cursor-fgColor: var(--fgColor-default);
|
|
1710
|
+
--codeMirror-fgColor: var(--fgColor-default);
|
|
1711
|
+
--codeMirror-gutterMarker-fgColor-default: var(--bgColor-default);
|
|
1685
1712
|
--codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
|
|
1713
|
+
--codeMirror-gutters-bgColor: var(--bgColor-default);
|
|
1686
1714
|
--codeMirror-lineNumber-fgColor: var(--fgColor-muted);
|
|
1715
|
+
--codeMirror-lines-bgColor: var(--bgColor-default);
|
|
1716
|
+
--codeMirror-matchingBracket-fgColor: var(--fgColor-default);
|
|
1687
1717
|
--color-ansi-black: var(--ansi-black); /** Deprecated. Use ansi.black instead. */
|
|
1688
1718
|
--color-ansi-black-bright: var(--ansi-blackBright); /** Deprecated. Use ansi.blackBright instead. */
|
|
1689
1719
|
--color-ansi-blue: var(--ansi-blue); /** Deprecated. Use ansi.blue instead. */
|
|
@@ -1696,6 +1726,7 @@
|
|
|
1696
1726
|
--color-ansi-red: var(--ansi-red); /** Deprecated. Use ansi.red instead. */
|
|
1697
1727
|
--color-ansi-red-bright: var(--ansi-redBright); /** Deprecated. Use ansi.redBright instead. */
|
|
1698
1728
|
--color-ansi-white: var(--ansi-white); /** Deprecated. Use ansi.white instead. */
|
|
1729
|
+
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
1699
1730
|
--color-ansi-yellow: var(--ansi-yellow); /** Deprecated. Use ansi.yellow instead. */
|
|
1700
1731
|
--color-ansi-yellow-bright: var(--ansi-yellowBright); /** Deprecated. Use ansi.yellowBright instead. */
|
|
1701
1732
|
--color-prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
|
|
@@ -1726,7 +1757,6 @@
|
|
|
1726
1757
|
--color-prettylights-syntax-string-regexp: var(--prettylights-syntax-stringRegexp); /** Deprecated. Use prettylights.syntax.stringRegexp instead. */
|
|
1727
1758
|
--color-prettylights-syntax-sublimelinter-gutter-mark: var(--prettylights-syntax-sublimeLinterGutterMark); /** Deprecated. Use prettylights.syntax.sublimeLinterGutterMark instead. */
|
|
1728
1759
|
--color-prettylights-syntax-variable: var(--prettylights-syntax-variable); /** Deprecated. Use prettylights.syntax.variable instead. */
|
|
1729
|
-
--contribution-default-bgColor-0: #010409;
|
|
1730
1760
|
--contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
|
|
1731
1761
|
--contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
|
|
1732
1762
|
--contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
|
|
@@ -1741,36 +1771,43 @@
|
|
|
1741
1771
|
--control-checked-bgColor-disabled: var(--fgColor-disabled);
|
|
1742
1772
|
--control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
|
|
1743
1773
|
--control-checked-fgColor-disabled: #010409;
|
|
1774
|
+
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
1744
1775
|
--control-danger-bgColor-active: var(--bgColor-danger-emphasis);
|
|
1745
1776
|
--control-danger-bgColor-hover: var(--bgColor-danger-emphasis);
|
|
1777
|
+
--control-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1746
1778
|
--control-danger-fgColor-rest: var(--fgColor-danger);
|
|
1747
1779
|
--control-fgColor-disabled: var(--fgColor-disabled);
|
|
1780
|
+
--control-fgColor-rest: var(--fgColor-default);
|
|
1748
1781
|
--control-iconColor-rest: var(--fgColor-muted);
|
|
1749
1782
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
1750
1783
|
--control-transparent-borderColor-active: var(--borderColor-default);
|
|
1751
1784
|
--control-transparent-borderColor-hover: var(--borderColor-default);
|
|
1752
|
-
--controlKnob-bgColor-checked: #ffffff;
|
|
1753
1785
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
1754
|
-
--controlTrack-bgColor-rest: #010409;
|
|
1755
1786
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
1787
|
+
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
1788
|
+
--controlTrack-fgColor-rest: var(--fgColor-default);
|
|
1756
1789
|
--counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
|
|
1757
1790
|
--counter-bgColor-muted: var(--bgColor-neutral-muted);
|
|
1758
1791
|
--counter-borderColor: var(--borderColor-default);
|
|
1792
|
+
--dashboard-bgColor: var(--bgColor-inset);
|
|
1759
1793
|
--diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
|
|
1794
|
+
--diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
|
|
1795
|
+
--diffBlob-additionNum-fgColor: var(--fgColor-default);
|
|
1760
1796
|
--diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
|
|
1797
|
+
--diffBlob-additionWord-fgColor: var(--fgColor-default);
|
|
1761
1798
|
--diffBlob-deletionLine-bgColor: #ff808033;
|
|
1799
|
+
--diffBlob-deletionLine-fgColor: var(--fgColor-onEmphasis);
|
|
1800
|
+
--diffBlob-deletionNum-fgColor: var(--fgColor-default);
|
|
1801
|
+
--diffBlob-deletionWord-fgColor: var(--fgColor-default);
|
|
1762
1802
|
--diffBlob-emptyLine-bgColor: var(--bgColor-muted);
|
|
1763
1803
|
--diffBlob-emptyNum-bgColor: var(--bgColor-muted);
|
|
1804
|
+
--diffBlob-expander-iconColor: var(--fgColor-default);
|
|
1764
1805
|
--diffBlob-hunkLine-fgColor: var(--fgColor-muted);
|
|
1765
|
-
--fgColor-
|
|
1806
|
+
--diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1807
|
+
--diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
|
|
1766
1808
|
--fgColor-closed: var(--fgColor-muted); /** Text color for closed state indicators (issues, PRs) */
|
|
1767
|
-
--fgColor-default: #ffffff; /** Default text color for primary content and headings */
|
|
1768
1809
|
--fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
|
|
1769
|
-
--fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
|
|
1770
|
-
--fgColor-onInverse: #010409; /** Text color for use on inverse backgrounds */
|
|
1771
|
-
--fgColor-white: #ffffff; /** Pure white text */
|
|
1772
1810
|
--focus-outline-color: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
|
|
1773
|
-
--header-fgColor-default: #ffffffb3;
|
|
1774
1811
|
--label-auburn-borderColor: var(--label-auburn-fgColor-rest);
|
|
1775
1812
|
--label-blue-borderColor: var(--label-blue-fgColor-rest);
|
|
1776
1813
|
--label-brown-borderColor: var(--label-brown-fgColor-rest);
|
|
@@ -1790,8 +1827,8 @@
|
|
|
1790
1827
|
--label-red-borderColor: var(--label-red-fgColor-rest);
|
|
1791
1828
|
--label-teal-borderColor: var(--label-teal-fgColor-rest);
|
|
1792
1829
|
--label-yellow-borderColor: var(--label-yellow-fgColor-rest);
|
|
1793
|
-
--overlay-bgColor: #010409;
|
|
1794
1830
|
--overlay-borderColor: var(--borderColor-default);
|
|
1831
|
+
--page-header-bgColor: var(--bgColor-default);
|
|
1795
1832
|
--prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
|
|
1796
1833
|
--prettylights-syntax-brackethighlighter-unmatched: var(--prettylights-syntax-bracketHighlighterUnmatched); /** Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead. */
|
|
1797
1834
|
--prettylights-syntax-carriage-return-bg: var(--prettylights-syntax-carriageReturn-bg); /** Deprecated. Use prettylights.syntax.carriageReturn.bg instead. */
|
|
@@ -1811,13 +1848,12 @@
|
|
|
1811
1848
|
--progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
|
|
1812
1849
|
--progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
|
|
1813
1850
|
--progressBar-bgColor-success: var(--bgColor-success-emphasis);
|
|
1851
|
+
--progressBar-track-bgColor: var(--bgColor-inverse);
|
|
1814
1852
|
--reactionButton-selected-fgColor-rest: var(--fgColor-link);
|
|
1815
1853
|
--selectMenu-borderColor: var(--borderColor-default);
|
|
1816
1854
|
--selection-bgColor: #194fb1b3; /** Background color for text selection highlights */
|
|
1817
|
-
--
|
|
1818
|
-
--
|
|
1819
|
-
--shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
|
|
1820
|
-
--shadow-resting-xsmall: 0 1px 1px 0 #010409cc; /** Extra small resting shadow for minimal elevation */
|
|
1855
|
+
--tooltip-bgColor: var(--bgColor-inverse);
|
|
1856
|
+
--tooltip-fgColor: var(--fgColor-onInverse);
|
|
1821
1857
|
--topicTag-borderColor: var(--borderColor-accent-emphasis);
|
|
1822
1858
|
--treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
|
|
1823
1859
|
--underlineNav-iconColor-rest: var(--fgColor-muted);
|
|
@@ -1841,16 +1877,15 @@
|
|
|
1841
1877
|
--button-default-borderColor-disabled: var(--control-borderColor-disabled);
|
|
1842
1878
|
--button-default-borderColor-rest: var(--control-borderColor-rest);
|
|
1843
1879
|
--button-default-fgColor-disabled: var(--control-fgColor-disabled);
|
|
1880
|
+
--button-default-fgColor-rest: var(--control-fgColor-rest);
|
|
1844
1881
|
--button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
|
|
1882
|
+
--button-invisible-fgColor-active: var(--control-fgColor-rest);
|
|
1845
1883
|
--button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
|
|
1884
|
+
--button-invisible-fgColor-hover: var(--control-fgColor-rest);
|
|
1885
|
+
--button-invisible-fgColor-rest: var(--control-fgColor-rest);
|
|
1846
1886
|
--button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
|
|
1847
1887
|
--button-outline-bgColor-disabled: var(--control-bgColor-disabled);
|
|
1848
|
-
--button-primary-fgColor-rest: var(--fgColor-white);
|
|
1849
|
-
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1850
|
-
--button-primary-iconColor-rest: var(--fgColor-white);
|
|
1851
1888
|
--buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
|
|
1852
|
-
--buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
|
|
1853
|
-
--buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1854
1889
|
--buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
|
|
1855
1890
|
--buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
|
|
1856
1891
|
--buttonKeybindingHint-default-borderColor-rest: var(--borderColor-muted);
|
|
@@ -1859,68 +1894,33 @@
|
|
|
1859
1894
|
--buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
|
|
1860
1895
|
--buttonKeybindingHint-invisible-borderColor-rest: var(--borderColor-muted);
|
|
1861
1896
|
--buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
|
|
1862
|
-
--buttonKeybindingHint-primary-bgColor-disabled: #0104091a;
|
|
1863
|
-
--buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
|
|
1864
1897
|
--buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
|
|
1865
|
-
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1866
|
-
--buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
|
|
1867
|
-
--codeMirror-bgColor: var(--bgColor-default);
|
|
1868
|
-
--codeMirror-cursor-fgColor: var(--fgColor-default);
|
|
1869
|
-
--codeMirror-fgColor: var(--fgColor-default);
|
|
1870
|
-
--codeMirror-gutterMarker-fgColor-default: var(--bgColor-default);
|
|
1871
|
-
--codeMirror-gutters-bgColor: var(--bgColor-default);
|
|
1872
|
-
--codeMirror-lines-bgColor: var(--bgColor-default);
|
|
1873
|
-
--codeMirror-matchingBracket-fgColor: var(--fgColor-default);
|
|
1874
|
-
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
1875
1898
|
--color-prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
1876
1899
|
--color-prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
1877
1900
|
--control-borderColor-emphasis: var(--borderColor-emphasis);
|
|
1878
1901
|
--control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
|
|
1879
|
-
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
1880
|
-
--control-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1881
|
-
--control-fgColor-rest: var(--fgColor-default);
|
|
1882
1902
|
--controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
|
|
1883
1903
|
--controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
|
|
1884
1904
|
--controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
|
|
1885
1905
|
--controlTrack-borderColor-rest: var(--borderColor-emphasis);
|
|
1886
|
-
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
1887
|
-
--controlTrack-fgColor-rest: var(--fgColor-default);
|
|
1888
|
-
--dashboard-bgColor: var(--bgColor-inset);
|
|
1889
|
-
--diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
|
|
1890
|
-
--diffBlob-additionNum-fgColor: var(--fgColor-default);
|
|
1891
|
-
--diffBlob-additionWord-fgColor: var(--fgColor-default);
|
|
1892
|
-
--diffBlob-deletionLine-fgColor: var(--fgColor-onEmphasis);
|
|
1893
|
-
--diffBlob-deletionNum-fgColor: var(--fgColor-default);
|
|
1894
|
-
--diffBlob-deletionWord-fgColor: var(--fgColor-default);
|
|
1895
|
-
--diffBlob-expander-iconColor: var(--fgColor-default);
|
|
1896
|
-
--diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1897
|
-
--diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
|
|
1898
1906
|
--focus-outline: var(--focus-outline-width) solid var(--focus-outline-color); /** Focus ring outline for keyboard navigation and accessibility. */
|
|
1899
1907
|
--focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
|
|
1900
|
-
--page-header-bgColor: var(--bgColor-default);
|
|
1901
1908
|
--prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
1902
1909
|
--prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
1903
|
-
--progressBar-track-
|
|
1904
|
-
--shadow-floating-large: 0 0 0 1px #
|
|
1905
|
-
--shadow-floating-medium: 0 0 0 1px #
|
|
1906
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
1907
|
-
--shadow-floating-xlarge: 0 0 0 1px #
|
|
1908
|
-
--tooltip-bgColor: var(--bgColor-inverse);
|
|
1909
|
-
--tooltip-fgColor: var(--fgColor-onInverse);
|
|
1910
|
+
--progressBar-track-borderColor: var(--progressBar-track-bgColor);
|
|
1911
|
+
--shadow-floating-large: 0 0 0 1px #b8c4bc, 0 24px 48px 0 #060907; /** Large floating shadow for modals and dialogs */
|
|
1912
|
+
--shadow-floating-medium: 0 0 0 1px #b8c4bc, 0 8px 16px -4px #06090766, 0 4px 32px -4px #06090766, 0 24px 48px -12px #06090766, 0 48px 96px -24px #06090766; /** Medium floating shadow for popovers and action menus */
|
|
1913
|
+
--shadow-floating-small: 0 0 0 1px #b8c4bc, 0 6px 12px -3px #06090766, 0 6px 18px 0 #06090766; /** Small floating shadow for dropdowns, tooltips, and small overlays */
|
|
1914
|
+
--shadow-floating-xlarge: 0 0 0 1px #b8c4bc, 0 32px 64px 0 #060907; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
1910
1915
|
--border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
|
|
1911
1916
|
--border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
|
|
1912
1917
|
--borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
|
|
1913
1918
|
--button-default-borderColor-active: var(--button-default-borderColor-rest);
|
|
1914
1919
|
--button-default-borderColor-hover: var(--button-default-borderColor-rest);
|
|
1915
|
-
--button-default-fgColor-rest: var(--control-fgColor-rest);
|
|
1916
|
-
--button-invisible-fgColor-active: var(--control-fgColor-rest);
|
|
1917
|
-
--button-invisible-fgColor-hover: var(--control-fgColor-rest);
|
|
1918
|
-
--button-invisible-fgColor-rest: var(--control-fgColor-rest);
|
|
1919
1920
|
--buttonKeybindingHint-danger-borderColor-disabled: var(--buttonKeybindingHint-default-borderColor-disabled);
|
|
1920
1921
|
--buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
|
|
1921
1922
|
--buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
|
|
1922
1923
|
--controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
|
|
1923
|
-
--progressBar-track-borderColor: var(--progressBar-track-bgColor);
|
|
1924
1924
|
--underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
|
|
1925
1925
|
--border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
|
|
1926
1926
|
--button-outline-borderColor-hover: var(--button-default-borderColor-hover);
|