@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
|
@@ -18,38 +18,42 @@
|
|
|
18
18
|
--control-danger-bgColor-active: #c51120;
|
|
19
19
|
--fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
|
|
20
20
|
--reactionButton-selected-bgColor-hover: #3a8cfd5c;
|
|
21
|
-
--ansi-black: #
|
|
22
|
-
--ansi-blackBright: #
|
|
21
|
+
--ansi-black: #353c37; /** ANSI black for terminal text and backgrounds */
|
|
22
|
+
--ansi-blackBright: #6c786f; /** ANSI bright black (dark gray) for dimmed terminal text */
|
|
23
23
|
--ansi-blue: #539bf5; /** ANSI blue for informational terminal text */
|
|
24
24
|
--ansi-blueBright: #6cb6ff; /** ANSI bright blue for highlighted info in terminal */
|
|
25
|
-
--ansi-gray: #
|
|
25
|
+
--ansi-gray: #6c786f; /** ANSI gray for secondary terminal text */
|
|
26
26
|
--ansi-green: #57ab5a; /** ANSI green for success indicators in terminal */
|
|
27
27
|
--ansi-greenBright: #6bc46d; /** ANSI bright green for highlighted success in terminal */
|
|
28
28
|
--ansi-magenta: #b083f0; /** ANSI magenta for special terminal text */
|
|
29
29
|
--ansi-magentaBright: #dcbdfb; /** ANSI bright magenta for highlighted special text */
|
|
30
30
|
--ansi-red: #f47067; /** ANSI red for errors and alerts in terminal output */
|
|
31
31
|
--ansi-redBright: #ff938a; /** ANSI bright red for highlighted errors in terminal */
|
|
32
|
-
--ansi-white: #
|
|
32
|
+
--ansi-white: #e9f0eb; /** ANSI white for terminal text */
|
|
33
|
+
--ansi-whiteBright: #cdd9e5; /** ANSI bright white for emphasized terminal text */
|
|
33
34
|
--ansi-yellow: #c69026; /** ANSI yellow for warnings in terminal output */
|
|
34
35
|
--ansi-yellowBright: #daaa3f; /** ANSI bright yellow for highlighted warnings in terminal */
|
|
35
|
-
--avatar-
|
|
36
|
-
--
|
|
37
|
-
--avatarStack-fade-bgColor-
|
|
36
|
+
--avatar-bgColor: #cdd9e51a;
|
|
37
|
+
--avatar-shadow: 0 0 0 2px #0f1511;
|
|
38
|
+
--avatarStack-fade-bgColor-default: #4e5750;
|
|
39
|
+
--avatarStack-fade-bgColor-muted: #3b443e;
|
|
38
40
|
--bgColor-accent-emphasis: #1b4b91; /** Strong accent background for active states and focused states */
|
|
39
41
|
--bgColor-accent-muted: #4184e41a; /** Subtle accent background for informational or selected elements */
|
|
40
42
|
--bgColor-attention-emphasis: #6c4400; /** Strong attention background for prominent warnings */
|
|
41
43
|
--bgColor-attention-muted: #ae7c1426; /** Subtle attention background for warnings and caution states */
|
|
44
|
+
--bgColor-black: #010409; /** Pure black background */
|
|
42
45
|
--bgColor-danger-emphasis: #922323; /** Emphasized danger background for critical errors and delete confirmations */
|
|
43
46
|
--bgColor-danger-muted: #e5534b1a; /** Muted danger background for error states and destructive action contexts */
|
|
44
|
-
--bgColor-default: #
|
|
45
|
-
--bgColor-disabled: #
|
|
47
|
+
--bgColor-default: #252b27; /** Default background color for pages and main content areas */
|
|
48
|
+
--bgColor-disabled: #252b27; /** Background for disabled interactive elements */
|
|
46
49
|
--bgColor-done-emphasis: #5936a2; /** Strong background for completed/done state badges and labels */
|
|
47
50
|
--bgColor-done-muted: #986ee226; /** Subtle background for completed/done state indicators */
|
|
48
|
-
--bgColor-emphasis: #
|
|
49
|
-
--bgColor-inset: #
|
|
50
|
-
--bgColor-
|
|
51
|
-
--bgColor-
|
|
52
|
-
--bgColor-neutral-
|
|
51
|
+
--bgColor-emphasis: #3b443e; /** High-emphasis dark background for strong visual contrast */
|
|
52
|
+
--bgColor-inset: #191f1b; /** Inset background for recessed content areas like wells or sunken panels */
|
|
53
|
+
--bgColor-inverse: #cdd9e5; /** Inverse background that flips between light and dark modes */
|
|
54
|
+
--bgColor-muted: #252b27; /** Muted background for secondary content areas and subtle grouping */
|
|
55
|
+
--bgColor-neutral-emphasis: #3b443e; /** Strong neutral background for prominent neutral elements */
|
|
56
|
+
--bgColor-neutral-muted: #6c786f33; /** Subtle neutral background for tags, labels, and secondary UI elements */
|
|
53
57
|
--bgColor-severe-emphasis: #7f3913; /** Strong severe background for prominent high-priority warnings */
|
|
54
58
|
--bgColor-severe-muted: #cc6b2c1a; /** Subtle severe background for high-priority warnings */
|
|
55
59
|
--bgColor-sponsors-emphasis: #7e325a; /** Strong background for prominent GitHub Sponsors elements */
|
|
@@ -57,14 +61,15 @@
|
|
|
57
61
|
--bgColor-success-emphasis: #245829; /** Strong success background for prominent positive actions */
|
|
58
62
|
--bgColor-success-muted: #46954a26; /** Subtle success background for positive feedback and completed states */
|
|
59
63
|
--bgColor-transparent: #00000000; /** Fully transparent background */
|
|
64
|
+
--bgColor-white: #cdd9e5; /** Pure white background */
|
|
60
65
|
--borderColor-accent-emphasis: #6cb6ff; /** Strong accent border for selected or focused elements */
|
|
61
66
|
--borderColor-accent-muted: #6cb6ff; /** Subtle accent border for selected or focused elements */
|
|
62
67
|
--borderColor-attention-emphasis: #daaa3f; /** Strong attention border for prominent warnings */
|
|
63
68
|
--borderColor-attention-muted: #daaa3f; /** Subtle attention border for warnings and caution states */
|
|
64
69
|
--borderColor-danger-emphasis: #ff938a; /** Strong danger border for destructive actions and errors */
|
|
65
70
|
--borderColor-danger-muted: #ff938a; /** Subtle danger border for errors and destructive contexts */
|
|
66
|
-
--borderColor-default: #
|
|
67
|
-
--borderColor-disabled: #
|
|
71
|
+
--borderColor-default: #b8c4bc; /** Default border color for most UI elements */
|
|
72
|
+
--borderColor-disabled: #6c786f1a; /** Border color for disabled interactive elements */
|
|
68
73
|
--borderColor-done-emphasis: #dcbdfb; /** Strong border for completed/done state badges */
|
|
69
74
|
--borderColor-done-muted: #dcbdfb; /** Subtle border for completed/done state indicators */
|
|
70
75
|
--borderColor-severe-emphasis: #f69d50; /** Strong severe border for prominent high-priority warnings */
|
|
@@ -73,31 +78,35 @@
|
|
|
73
78
|
--borderColor-sponsors-muted: #fc8dc7; /** Subtle border for GitHub Sponsors content */
|
|
74
79
|
--borderColor-success-emphasis: #6bc46d; /** Strong success border for prominent positive elements */
|
|
75
80
|
--borderColor-success-muted: #6bc46d; /** Subtle success border for positive feedback elements */
|
|
76
|
-
--borderColor-translucent: #
|
|
81
|
+
--borderColor-translucent: #9ca89f; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
77
82
|
--borderColor-transparent: #00000000; /** Fully transparent border */
|
|
78
83
|
--button-danger-bgColor-hover: #922323;
|
|
79
84
|
--button-danger-borderColor-hover: #ffb8b0;
|
|
80
85
|
--button-danger-fgColor-rest: #ffb8b0;
|
|
81
86
|
--button-danger-shadow-selected: 0 0 0 0 #00000000;
|
|
82
87
|
--button-default-shadow-resting: 0 0 0 0 #00000000;
|
|
83
|
-
--button-inactive-bgColor: #
|
|
84
|
-
--button-inactive-fgColor: #
|
|
88
|
+
--button-inactive-bgColor: #252b27;
|
|
89
|
+
--button-inactive-fgColor: #9ca89f;
|
|
85
90
|
--button-invisible-bgColor-disabled: #00000000;
|
|
86
91
|
--button-invisible-borderColor-disabled: #00000000;
|
|
87
|
-
--button-invisible-iconColor-hover: #
|
|
88
|
-
--button-invisible-iconColor-rest: #
|
|
92
|
+
--button-invisible-iconColor-hover: #cbd6cd;
|
|
93
|
+
--button-invisible-iconColor-rest: #cbd6cd;
|
|
89
94
|
--button-outline-bgColor-active: #1b4b91;
|
|
90
|
-
--button-outline-bgColor-rest: #
|
|
95
|
+
--button-outline-bgColor-rest: #e9f0eb;
|
|
96
|
+
--button-outline-fgColor-active: #cdd9e5;
|
|
91
97
|
--button-outline-fgColor-hover: #539bf5;
|
|
92
98
|
--button-outline-fgColor-rest: #4184e4;
|
|
93
99
|
--button-outline-shadow-selected: 0 0 0 0 #00000000;
|
|
94
100
|
--button-primary-bgColor-active: #347d39;
|
|
95
101
|
--button-primary-bgColor-hover: #2b6a30;
|
|
96
102
|
--button-primary-borderColor-rest: #6bc46d;
|
|
103
|
+
--button-primary-fgColor-disabled: #cdd9e566;
|
|
97
104
|
--button-primary-shadow-selected: 0 0 0 0 #00000000;
|
|
98
105
|
--button-star-iconColor: #daaa3f;
|
|
106
|
+
--buttonCounter-danger-bgColor-hover: #cdd9e533;
|
|
99
107
|
--buttonCounter-danger-bgColor-rest: #5d0f1233;
|
|
100
|
-
--buttonCounter-
|
|
108
|
+
--buttonCounter-danger-fgColor-hover: #cdd9e5;
|
|
109
|
+
--buttonCounter-default-bgColor-rest: #353c37;
|
|
101
110
|
--buttonCounter-outline-bgColor-hover: #0f2d5c33;
|
|
102
111
|
--buttonCounter-outline-bgColor-rest: #0f2d5c33;
|
|
103
112
|
--buttonCounter-outline-fgColor-hover: #539bf5;
|
|
@@ -108,13 +117,13 @@
|
|
|
108
117
|
--buttonKeybindingHint-danger-borderColor-hover: #cdd9e5;
|
|
109
118
|
--buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
|
|
110
119
|
--buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
111
|
-
--buttonKeybindingHint-default-bgColor-rest: #
|
|
112
|
-
--buttonKeybindingHint-inactive-bgColor: #
|
|
120
|
+
--buttonKeybindingHint-default-bgColor-rest: #252b27;
|
|
121
|
+
--buttonKeybindingHint-inactive-bgColor: #252b27;
|
|
113
122
|
--buttonKeybindingHint-invisible-borderColor-rest: #00000000;
|
|
114
123
|
--buttonKeybindingHint-primary-borderColor-rest: #cdd9e5;
|
|
115
124
|
--buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
|
|
116
125
|
--codeMirror-selection-bgColor: #4184e466;
|
|
117
|
-
--codeMirror-syntax-fgColor-comment: #
|
|
126
|
+
--codeMirror-syntax-fgColor-comment: #6c786f;
|
|
118
127
|
--codeMirror-syntax-fgColor-constant: #6cb6ff;
|
|
119
128
|
--codeMirror-syntax-fgColor-entity: #dcbdfb;
|
|
120
129
|
--codeMirror-syntax-fgColor-keyword: #f47067;
|
|
@@ -124,7 +133,7 @@
|
|
|
124
133
|
--codeMirror-syntax-fgColor-variable: #f69d50;
|
|
125
134
|
--color-ansi-cyan: var(--ansi-cyan); /** Deprecated. Use ansi.cyan instead. */
|
|
126
135
|
--color-ansi-cyan-bright: var(--ansi-cyanBright); /** Deprecated. Use ansi.cyanBright instead. */
|
|
127
|
-
--contribution-default-bgColor-0: #
|
|
136
|
+
--contribution-default-bgColor-0: #191f1b;
|
|
128
137
|
--contribution-default-bgColor-1: #1b4721;
|
|
129
138
|
--contribution-default-bgColor-2: #2b6a30;
|
|
130
139
|
--contribution-default-bgColor-3: #46954a;
|
|
@@ -138,25 +147,26 @@
|
|
|
138
147
|
--contribution-winter-bgColor-2: #255ab2;
|
|
139
148
|
--contribution-winter-bgColor-3: #539bf5;
|
|
140
149
|
--contribution-winter-bgColor-4: #c6e6ff;
|
|
141
|
-
--control-bgColor-active: #
|
|
142
|
-
--control-bgColor-hover: #
|
|
143
|
-
--control-bgColor-rest: #
|
|
144
|
-
--control-borderColor-selected: #
|
|
150
|
+
--control-bgColor-active: #353c37;
|
|
151
|
+
--control-bgColor-hover: #252b27;
|
|
152
|
+
--control-bgColor-rest: #252b27;
|
|
153
|
+
--control-borderColor-selected: #e9f0eb;
|
|
145
154
|
--control-checked-borderColor-active: #6cb6ff;
|
|
146
155
|
--control-checked-borderColor-hover: #6cb6ff;
|
|
147
156
|
--control-checked-borderColor-rest: #6cb6ff;
|
|
148
157
|
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
149
158
|
--control-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
150
|
-
--control-fgColor-placeholder: #
|
|
151
|
-
--control-transparent-bgColor-active: #
|
|
152
|
-
--control-transparent-bgColor-hover: #
|
|
159
|
+
--control-fgColor-placeholder: #b8c4bc;
|
|
160
|
+
--control-transparent-bgColor-active: #3b443e;
|
|
161
|
+
--control-transparent-bgColor-hover: #353c37;
|
|
153
162
|
--control-transparent-bgColor-rest: #00000000;
|
|
154
|
-
--control-transparent-bgColor-selected: #
|
|
163
|
+
--control-transparent-bgColor-selected: #353c37;
|
|
155
164
|
--control-transparent-borderColor-rest: #00000000;
|
|
156
|
-
--controlKnob-bgColor-
|
|
157
|
-
--
|
|
158
|
-
--controlTrack-bgColor-
|
|
159
|
-
--controlTrack-bgColor-
|
|
165
|
+
--controlKnob-bgColor-checked: #cdd9e5;
|
|
166
|
+
--controlKnob-bgColor-rest: #252b27;
|
|
167
|
+
--controlTrack-bgColor-active: #3b443e;
|
|
168
|
+
--controlTrack-bgColor-hover: #353c37;
|
|
169
|
+
--controlTrack-bgColor-rest: #191f1b;
|
|
160
170
|
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
161
171
|
--data-auburn-color-emphasis: #a86f6b;
|
|
162
172
|
--data-auburn-color-muted: #271817;
|
|
@@ -485,20 +495,24 @@
|
|
|
485
495
|
--display-yellow-scale-9: #f0ca6a;
|
|
486
496
|
--fgColor-accent: #96d0ff; /** Accent text for links and interactive elements */
|
|
487
497
|
--fgColor-attention: #eac55f; /** Attention text for warnings and caution states */
|
|
498
|
+
--fgColor-black: #010409; /** Pure black text */
|
|
488
499
|
--fgColor-danger: #ffb8b0; /** Danger text for errors and destructive actions */
|
|
489
|
-
--fgColor-default: #
|
|
490
|
-
--fgColor-disabled: #
|
|
500
|
+
--fgColor-default: #e9f0eb; /** Default text color for primary content and headings */
|
|
501
|
+
--fgColor-disabled: #6c786f; /** Text color for disabled interactive elements */
|
|
491
502
|
--fgColor-done: #dcbdfb; /** Text color for completed/done state indicators */
|
|
492
|
-
--fgColor-muted: #
|
|
493
|
-
--fgColor-neutral: #
|
|
503
|
+
--fgColor-muted: #b8c4bc; /** Muted text for secondary content and less important information */
|
|
504
|
+
--fgColor-neutral: #cbd6cd; /** Neutral semantic text for icons and secondary elements */
|
|
505
|
+
--fgColor-onInverse: #060907; /** Text color for use on inverse backgrounds */
|
|
494
506
|
--fgColor-severe: #ffbc6f; /** Severe text for high-priority warnings */
|
|
495
507
|
--fgColor-sponsors: #ffb3d8; /** Text color for GitHub Sponsors content */
|
|
496
508
|
--fgColor-success: #b4f1b4; /** Success text for positive feedback and completed states */
|
|
497
|
-
--
|
|
498
|
-
--header-
|
|
499
|
-
--header-
|
|
500
|
-
--
|
|
501
|
-
--
|
|
509
|
+
--fgColor-white: #cdd9e5; /** Pure white text */
|
|
510
|
+
--header-bgColor: #191f1bf2;
|
|
511
|
+
--header-borderColor-divider: #58635b;
|
|
512
|
+
--header-fgColor-default: #cdd9e5b3;
|
|
513
|
+
--header-fgColor-logo: #e9f0eb;
|
|
514
|
+
--headerSearch-bgColor: #0f1511;
|
|
515
|
+
--headerSearch-borderColor: #252b27;
|
|
502
516
|
--highlight-neutral-bgColor: #c6902666;
|
|
503
517
|
--label-auburn-bgColor-active: #543331;
|
|
504
518
|
--label-auburn-bgColor-hover: #3a2422;
|
|
@@ -614,58 +628,57 @@
|
|
|
614
628
|
--label-yellow-fgColor-active: #edb431;
|
|
615
629
|
--label-yellow-fgColor-hover: #df9e11;
|
|
616
630
|
--label-yellow-fgColor-rest: #d3910d;
|
|
617
|
-
--menu-bgColor-active: #
|
|
618
|
-
--overlay-backdrop-bgColor: #
|
|
619
|
-
--overlay-bgColor: #
|
|
620
|
-
--prettylights-syntax-bracketHighlighterAngle: #
|
|
631
|
+
--menu-bgColor-active: #191f1b;
|
|
632
|
+
--overlay-backdrop-bgColor: #9ca89f66;
|
|
633
|
+
--overlay-bgColor: #252b27;
|
|
634
|
+
--prettylights-syntax-bracketHighlighterAngle: #9ca89f; /** Syntax highlighting color for angle brackets */
|
|
621
635
|
--prettylights-syntax-bracketHighlighterUnmatched: #e5534b; /** Syntax highlighting color for unmatched brackets */
|
|
622
636
|
--prettylights-syntax-carriageReturn-bg: #ad2e2c; /** Background color for carriage return characters in diffs */
|
|
623
|
-
--prettylights-syntax-carriageReturn-text: #
|
|
624
|
-
--prettylights-syntax-comment: #
|
|
637
|
+
--prettylights-syntax-carriageReturn-text: #e9f0eb; /** Text color for carriage return characters in diffs */
|
|
638
|
+
--prettylights-syntax-comment: #9ca89f; /** Syntax highlighting color for code comments */
|
|
625
639
|
--prettylights-syntax-constant: #6cb6ff; /** Syntax highlighting color for constants and literal values */
|
|
626
640
|
--prettylights-syntax-constantOtherReferenceLink: #96d0ff; /** Syntax highlighting color for reference links and URLs in code */
|
|
627
641
|
--prettylights-syntax-entity: #dcbdfb; /** Syntax highlighting color for class names, type definitions, and declarations */
|
|
628
642
|
--prettylights-syntax-entityTag: #8ddb8c; /** Syntax highlighting color for HTML/XML tags */
|
|
629
643
|
--prettylights-syntax-keyword: #f47067; /** Syntax highlighting color for language keywords (if, else, return) */
|
|
630
|
-
--prettylights-syntax-markup-bold: #
|
|
644
|
+
--prettylights-syntax-markup-bold: #e9f0eb; /** Syntax highlighting color for bold text in markdown */
|
|
631
645
|
--prettylights-syntax-markup-changed-bg: #682d0f; /** Background color for changed lines in diff views */
|
|
632
646
|
--prettylights-syntax-markup-changed-text: #ffddb0; /** Text color for changed lines in diff views */
|
|
633
647
|
--prettylights-syntax-markup-deleted-bg: #78191b; /** Background color for deleted lines in diff views */
|
|
634
648
|
--prettylights-syntax-markup-deleted-text: #ffd8d3; /** Text color for deleted lines in diff views */
|
|
635
649
|
--prettylights-syntax-markup-heading: #316dca; /** Syntax highlighting color for headings in markdown */
|
|
636
650
|
--prettylights-syntax-markup-ignored-bg: #255ab2; /** Background color for ignored content in diffs */
|
|
637
|
-
--prettylights-syntax-markup-ignored-text: #
|
|
651
|
+
--prettylights-syntax-markup-ignored-text: #e9f0eb; /** Text color for ignored content in diffs */
|
|
638
652
|
--prettylights-syntax-markup-inserted-bg: #1b4721; /** Background color for inserted lines in diff views */
|
|
639
653
|
--prettylights-syntax-markup-inserted-text: #b4f1b4; /** Text color for inserted lines in diff views */
|
|
640
|
-
--prettylights-syntax-markup-italic: #
|
|
654
|
+
--prettylights-syntax-markup-italic: #e9f0eb; /** Syntax highlighting color for italic text in markdown */
|
|
641
655
|
--prettylights-syntax-markup-list: #eac55f; /** Syntax highlighting color for list markers in markdown */
|
|
642
656
|
--prettylights-syntax-metaDiffRange: #dcbdfb; /** Syntax highlighting color for diff range information (@@ lines) */
|
|
643
|
-
--prettylights-syntax-storageModifierImport: #
|
|
657
|
+
--prettylights-syntax-storageModifierImport: #e9f0eb; /** Syntax highlighting color for import and require statements */
|
|
644
658
|
--prettylights-syntax-string: #96d0ff; /** Syntax highlighting color for string literals */
|
|
645
659
|
--prettylights-syntax-stringRegexp: #8ddb8c; /** Syntax highlighting color for regular expression literals */
|
|
646
|
-
--prettylights-syntax-sublimeLinterGutterMark: #
|
|
660
|
+
--prettylights-syntax-sublimeLinterGutterMark: #3b443e; /** Color for linter gutter marks in code editors */
|
|
647
661
|
--prettylights-syntax-variable: #f69d50; /** Syntax highlighting color for variables and parameters */
|
|
648
|
-
--progressBar-bgColor-neutral: #
|
|
662
|
+
--progressBar-bgColor-neutral: #6c786f;
|
|
649
663
|
--reactionButton-selected-bgColor-rest: #4184e433;
|
|
650
664
|
--reactionButton-selected-fgColor-hover: #6cb6ff;
|
|
651
665
|
--selectMenu-bgColor-active: #143d79;
|
|
652
|
-
--
|
|
653
|
-
--
|
|
654
|
-
--
|
|
666
|
+
--shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
|
|
667
|
+
--shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
|
|
668
|
+
--shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
|
|
669
|
+
--shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
|
|
670
|
+
--sideNav-bgColor-selected: #252b27;
|
|
671
|
+
--skeletonLoader-bgColor: #252b27;
|
|
672
|
+
--timelineBadge-bgColor: #252b27;
|
|
655
673
|
--underlineNav-borderColor-active: #ec775c;
|
|
656
|
-
--ansi-whiteBright: #cdd9e5; /** ANSI bright white for emphasized terminal text */
|
|
657
|
-
--avatar-bgColor: #cdd9e51a;
|
|
658
|
-
--bgColor-black: #010409; /** Pure black background */
|
|
659
674
|
--bgColor-closed-emphasis: var(--bgColor-danger-emphasis); /** Strong background for closed state badges and labels */
|
|
660
675
|
--bgColor-closed-muted: var(--bgColor-danger-muted); /** Subtle background for closed state indicators (issues, PRs) */
|
|
661
676
|
--bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
|
|
662
677
|
--bgColor-draft-muted: var(--bgColor-neutral-muted); /** Subtle background for draft state indicators */
|
|
663
|
-
--bgColor-inverse: #cdd9e5; /** Inverse background that flips between light and dark modes */
|
|
664
678
|
--bgColor-open-emphasis: var(--bgColor-success-emphasis); /** Strong background for open state badges and labels */
|
|
665
679
|
--bgColor-open-muted: var(--bgColor-success-muted); /** Subtle background for open state indicators (issues, PRs) */
|
|
666
680
|
--bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
|
|
667
681
|
--bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
|
|
668
|
-
--bgColor-white: #cdd9e5; /** Pure white background */
|
|
669
682
|
--border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
|
|
670
683
|
--border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
|
|
671
684
|
--border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
|
|
@@ -706,16 +719,13 @@
|
|
|
706
719
|
--button-invisible-bgColor-rest: var(--control-transparent-bgColor-rest);
|
|
707
720
|
--button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
|
|
708
721
|
--button-outline-bgColor-hover: var(--control-bgColor-hover);
|
|
709
|
-
--button-outline-fgColor-active: #cdd9e5;
|
|
710
722
|
--button-outline-fgColor-disabled: #96d0ff80;
|
|
711
723
|
--button-primary-bgColor-rest: var(--bgColor-success-emphasis);
|
|
712
724
|
--button-primary-borderColor-active: var(--button-primary-borderColor-rest);
|
|
713
725
|
--button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
714
|
-
--button-primary-
|
|
726
|
+
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
715
727
|
--buttonCounter-danger-bgColor-disabled: #9223230d;
|
|
716
|
-
--buttonCounter-danger-bgColor-hover: #cdd9e533;
|
|
717
728
|
--buttonCounter-danger-fgColor-disabled: #ffb8b080;
|
|
718
|
-
--buttonCounter-danger-fgColor-hover: #cdd9e5;
|
|
719
729
|
--buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
|
|
720
730
|
--buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
|
|
721
731
|
--buttonCounter-outline-bgColor-disabled: #1b4b910d;
|
|
@@ -732,6 +742,7 @@
|
|
|
732
742
|
--buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
|
|
733
743
|
--buttonKeybindingHint-primary-bgColor-disabled: #1134171a;
|
|
734
744
|
--buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
|
|
745
|
+
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
735
746
|
--card-bgColor: var(--bgColor-muted);
|
|
736
747
|
--codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
|
|
737
748
|
--codeMirror-bgColor: var(--bgColor-default);
|
|
@@ -755,6 +766,7 @@
|
|
|
755
766
|
--color-ansi-red: var(--ansi-red); /** Deprecated. Use ansi.red instead. */
|
|
756
767
|
--color-ansi-red-bright: var(--ansi-redBright); /** Deprecated. Use ansi.redBright instead. */
|
|
757
768
|
--color-ansi-white: var(--ansi-white); /** Deprecated. Use ansi.white instead. */
|
|
769
|
+
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
758
770
|
--color-ansi-yellow: var(--ansi-yellow); /** Deprecated. Use ansi.yellow instead. */
|
|
759
771
|
--color-ansi-yellow-bright: var(--ansi-yellowBright); /** Deprecated. Use ansi.yellowBright instead. */
|
|
760
772
|
--color-prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
|
|
@@ -807,7 +819,6 @@
|
|
|
807
819
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
808
820
|
--control-transparent-borderColor-active: var(--borderColor-default);
|
|
809
821
|
--control-transparent-borderColor-hover: var(--borderColor-default);
|
|
810
|
-
--controlKnob-bgColor-checked: #cdd9e5;
|
|
811
822
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
812
823
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
813
824
|
--controlTrack-fgColor-rest: var(--fgColor-muted);
|
|
@@ -830,16 +841,12 @@
|
|
|
830
841
|
--diffBlob-hunkLine-fgColor: var(--fgColor-muted);
|
|
831
842
|
--diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
|
|
832
843
|
--diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
|
|
833
|
-
--fgColor-black: #010409; /** Pure black text */
|
|
834
844
|
--fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
|
|
835
845
|
--fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
|
|
836
846
|
--fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
|
|
837
|
-
--fgColor-onInverse: #010409; /** Text color for use on inverse backgrounds */
|
|
838
847
|
--fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
|
|
839
848
|
--fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
|
|
840
|
-
--fgColor-white: #cdd9e5; /** Pure white text */
|
|
841
849
|
--focus-outline-color: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
|
|
842
|
-
--header-fgColor-default: #cdd9e5b3;
|
|
843
850
|
--label-auburn-borderColor: var(--label-auburn-fgColor-rest);
|
|
844
851
|
--label-blue-borderColor: var(--label-blue-fgColor-rest);
|
|
845
852
|
--label-brown-borderColor: var(--label-brown-fgColor-rest);
|
|
@@ -880,12 +887,11 @@
|
|
|
880
887
|
--progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
|
|
881
888
|
--progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
|
|
882
889
|
--progressBar-bgColor-success: var(--bgColor-success-emphasis);
|
|
890
|
+
--progressBar-track-bgColor: var(--bgColor-inverse);
|
|
883
891
|
--selectMenu-borderColor: var(--borderColor-default);
|
|
884
892
|
--selection-bgColor: #1b4b91b3; /** Background color for text selection highlights */
|
|
885
|
-
--
|
|
886
|
-
--
|
|
887
|
-
--shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
|
|
888
|
-
--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);
|
|
889
895
|
--topicTag-borderColor: var(--borderColor-accent-emphasis);
|
|
890
896
|
--treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
|
|
891
897
|
--underlineNav-iconColor-rest: var(--fgColor-muted);
|
|
@@ -915,7 +921,6 @@
|
|
|
915
921
|
--button-invisible-fgColor-rest: var(--control-fgColor-rest);
|
|
916
922
|
--button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
|
|
917
923
|
--button-outline-bgColor-disabled: var(--control-bgColor-disabled);
|
|
918
|
-
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
919
924
|
--buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
|
|
920
925
|
--buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
|
|
921
926
|
--buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
|
|
@@ -925,8 +930,6 @@
|
|
|
925
930
|
--buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
|
|
926
931
|
--buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
|
|
927
932
|
--buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
|
|
928
|
-
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
929
|
-
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
930
933
|
--color-prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
931
934
|
--color-prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
932
935
|
--control-borderColor-emphasis: var(--borderColor-emphasis);
|
|
@@ -939,14 +942,12 @@
|
|
|
939
942
|
--focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
|
|
940
943
|
--prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
941
944
|
--prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
942
|
-
--progressBar-track-
|
|
945
|
+
--progressBar-track-borderColor: var(--progressBar-track-bgColor);
|
|
943
946
|
--reactionButton-selected-fgColor-rest: var(--fgColor-link);
|
|
944
|
-
--shadow-floating-large: 0 0 0 1px #
|
|
945
|
-
--shadow-floating-medium: 0 0 0 1px #
|
|
946
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
947
|
-
--shadow-floating-xlarge: 0 0 0 1px #
|
|
948
|
-
--tooltip-bgColor: var(--bgColor-inverse);
|
|
949
|
-
--tooltip-fgColor: var(--fgColor-onInverse);
|
|
947
|
+
--shadow-floating-large: 0 0 0 1px #b8c4bc, 0 24px 48px 0 #060907; /** Large floating shadow for modals and dialogs */
|
|
948
|
+
--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 */
|
|
949
|
+
--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 */
|
|
950
|
+
--shadow-floating-xlarge: 0 0 0 1px #b8c4bc, 0 32px 64px 0 #060907; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
950
951
|
--border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
|
|
951
952
|
--border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
|
|
952
953
|
--borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
|
|
@@ -957,7 +958,6 @@
|
|
|
957
958
|
--buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
|
|
958
959
|
--buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
|
|
959
960
|
--controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
|
|
960
|
-
--progressBar-track-borderColor: var(--progressBar-track-bgColor);
|
|
961
961
|
--underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
|
|
962
962
|
--border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
|
|
963
963
|
--border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
|
|
@@ -980,38 +980,42 @@
|
|
|
980
980
|
--control-danger-bgColor-active: #c51120;
|
|
981
981
|
--fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
|
|
982
982
|
--reactionButton-selected-bgColor-hover: #3a8cfd5c;
|
|
983
|
-
--ansi-black: #
|
|
984
|
-
--ansi-blackBright: #
|
|
983
|
+
--ansi-black: #353c37; /** ANSI black for terminal text and backgrounds */
|
|
984
|
+
--ansi-blackBright: #6c786f; /** ANSI bright black (dark gray) for dimmed terminal text */
|
|
985
985
|
--ansi-blue: #539bf5; /** ANSI blue for informational terminal text */
|
|
986
986
|
--ansi-blueBright: #6cb6ff; /** ANSI bright blue for highlighted info in terminal */
|
|
987
|
-
--ansi-gray: #
|
|
987
|
+
--ansi-gray: #6c786f; /** ANSI gray for secondary terminal text */
|
|
988
988
|
--ansi-green: #57ab5a; /** ANSI green for success indicators in terminal */
|
|
989
989
|
--ansi-greenBright: #6bc46d; /** ANSI bright green for highlighted success in terminal */
|
|
990
990
|
--ansi-magenta: #b083f0; /** ANSI magenta for special terminal text */
|
|
991
991
|
--ansi-magentaBright: #dcbdfb; /** ANSI bright magenta for highlighted special text */
|
|
992
992
|
--ansi-red: #f47067; /** ANSI red for errors and alerts in terminal output */
|
|
993
993
|
--ansi-redBright: #ff938a; /** ANSI bright red for highlighted errors in terminal */
|
|
994
|
-
--ansi-white: #
|
|
994
|
+
--ansi-white: #e9f0eb; /** ANSI white for terminal text */
|
|
995
|
+
--ansi-whiteBright: #cdd9e5; /** ANSI bright white for emphasized terminal text */
|
|
995
996
|
--ansi-yellow: #c69026; /** ANSI yellow for warnings in terminal output */
|
|
996
997
|
--ansi-yellowBright: #daaa3f; /** ANSI bright yellow for highlighted warnings in terminal */
|
|
997
|
-
--avatar-
|
|
998
|
-
--
|
|
999
|
-
--avatarStack-fade-bgColor-
|
|
998
|
+
--avatar-bgColor: #cdd9e51a;
|
|
999
|
+
--avatar-shadow: 0 0 0 2px #0f1511;
|
|
1000
|
+
--avatarStack-fade-bgColor-default: #4e5750;
|
|
1001
|
+
--avatarStack-fade-bgColor-muted: #3b443e;
|
|
1000
1002
|
--bgColor-accent-emphasis: #1b4b91; /** Strong accent background for active states and focused states */
|
|
1001
1003
|
--bgColor-accent-muted: #4184e41a; /** Subtle accent background for informational or selected elements */
|
|
1002
1004
|
--bgColor-attention-emphasis: #6c4400; /** Strong attention background for prominent warnings */
|
|
1003
1005
|
--bgColor-attention-muted: #ae7c1426; /** Subtle attention background for warnings and caution states */
|
|
1006
|
+
--bgColor-black: #010409; /** Pure black background */
|
|
1004
1007
|
--bgColor-danger-emphasis: #922323; /** Emphasized danger background for critical errors and delete confirmations */
|
|
1005
1008
|
--bgColor-danger-muted: #e5534b1a; /** Muted danger background for error states and destructive action contexts */
|
|
1006
|
-
--bgColor-default: #
|
|
1007
|
-
--bgColor-disabled: #
|
|
1009
|
+
--bgColor-default: #252b27; /** Default background color for pages and main content areas */
|
|
1010
|
+
--bgColor-disabled: #252b27; /** Background for disabled interactive elements */
|
|
1008
1011
|
--bgColor-done-emphasis: #5936a2; /** Strong background for completed/done state badges and labels */
|
|
1009
1012
|
--bgColor-done-muted: #986ee226; /** Subtle background for completed/done state indicators */
|
|
1010
|
-
--bgColor-emphasis: #
|
|
1011
|
-
--bgColor-inset: #
|
|
1012
|
-
--bgColor-
|
|
1013
|
-
--bgColor-
|
|
1014
|
-
--bgColor-neutral-
|
|
1013
|
+
--bgColor-emphasis: #3b443e; /** High-emphasis dark background for strong visual contrast */
|
|
1014
|
+
--bgColor-inset: #191f1b; /** Inset background for recessed content areas like wells or sunken panels */
|
|
1015
|
+
--bgColor-inverse: #cdd9e5; /** Inverse background that flips between light and dark modes */
|
|
1016
|
+
--bgColor-muted: #252b27; /** Muted background for secondary content areas and subtle grouping */
|
|
1017
|
+
--bgColor-neutral-emphasis: #3b443e; /** Strong neutral background for prominent neutral elements */
|
|
1018
|
+
--bgColor-neutral-muted: #6c786f33; /** Subtle neutral background for tags, labels, and secondary UI elements */
|
|
1015
1019
|
--bgColor-severe-emphasis: #7f3913; /** Strong severe background for prominent high-priority warnings */
|
|
1016
1020
|
--bgColor-severe-muted: #cc6b2c1a; /** Subtle severe background for high-priority warnings */
|
|
1017
1021
|
--bgColor-sponsors-emphasis: #7e325a; /** Strong background for prominent GitHub Sponsors elements */
|
|
@@ -1019,14 +1023,15 @@
|
|
|
1019
1023
|
--bgColor-success-emphasis: #245829; /** Strong success background for prominent positive actions */
|
|
1020
1024
|
--bgColor-success-muted: #46954a26; /** Subtle success background for positive feedback and completed states */
|
|
1021
1025
|
--bgColor-transparent: #00000000; /** Fully transparent background */
|
|
1026
|
+
--bgColor-white: #cdd9e5; /** Pure white background */
|
|
1022
1027
|
--borderColor-accent-emphasis: #6cb6ff; /** Strong accent border for selected or focused elements */
|
|
1023
1028
|
--borderColor-accent-muted: #6cb6ff; /** Subtle accent border for selected or focused elements */
|
|
1024
1029
|
--borderColor-attention-emphasis: #daaa3f; /** Strong attention border for prominent warnings */
|
|
1025
1030
|
--borderColor-attention-muted: #daaa3f; /** Subtle attention border for warnings and caution states */
|
|
1026
1031
|
--borderColor-danger-emphasis: #ff938a; /** Strong danger border for destructive actions and errors */
|
|
1027
1032
|
--borderColor-danger-muted: #ff938a; /** Subtle danger border for errors and destructive contexts */
|
|
1028
|
-
--borderColor-default: #
|
|
1029
|
-
--borderColor-disabled: #
|
|
1033
|
+
--borderColor-default: #b8c4bc; /** Default border color for most UI elements */
|
|
1034
|
+
--borderColor-disabled: #6c786f1a; /** Border color for disabled interactive elements */
|
|
1030
1035
|
--borderColor-done-emphasis: #dcbdfb; /** Strong border for completed/done state badges */
|
|
1031
1036
|
--borderColor-done-muted: #dcbdfb; /** Subtle border for completed/done state indicators */
|
|
1032
1037
|
--borderColor-severe-emphasis: #f69d50; /** Strong severe border for prominent high-priority warnings */
|
|
@@ -1035,31 +1040,35 @@
|
|
|
1035
1040
|
--borderColor-sponsors-muted: #fc8dc7; /** Subtle border for GitHub Sponsors content */
|
|
1036
1041
|
--borderColor-success-emphasis: #6bc46d; /** Strong success border for prominent positive elements */
|
|
1037
1042
|
--borderColor-success-muted: #6bc46d; /** Subtle success border for positive feedback elements */
|
|
1038
|
-
--borderColor-translucent: #
|
|
1043
|
+
--borderColor-translucent: #9ca89f; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
|
|
1039
1044
|
--borderColor-transparent: #00000000; /** Fully transparent border */
|
|
1040
1045
|
--button-danger-bgColor-hover: #922323;
|
|
1041
1046
|
--button-danger-borderColor-hover: #ffb8b0;
|
|
1042
1047
|
--button-danger-fgColor-rest: #ffb8b0;
|
|
1043
1048
|
--button-danger-shadow-selected: 0 0 0 0 #00000000;
|
|
1044
1049
|
--button-default-shadow-resting: 0 0 0 0 #00000000;
|
|
1045
|
-
--button-inactive-bgColor: #
|
|
1046
|
-
--button-inactive-fgColor: #
|
|
1050
|
+
--button-inactive-bgColor: #252b27;
|
|
1051
|
+
--button-inactive-fgColor: #9ca89f;
|
|
1047
1052
|
--button-invisible-bgColor-disabled: #00000000;
|
|
1048
1053
|
--button-invisible-borderColor-disabled: #00000000;
|
|
1049
|
-
--button-invisible-iconColor-hover: #
|
|
1050
|
-
--button-invisible-iconColor-rest: #
|
|
1054
|
+
--button-invisible-iconColor-hover: #cbd6cd;
|
|
1055
|
+
--button-invisible-iconColor-rest: #cbd6cd;
|
|
1051
1056
|
--button-outline-bgColor-active: #1b4b91;
|
|
1052
|
-
--button-outline-bgColor-rest: #
|
|
1057
|
+
--button-outline-bgColor-rest: #e9f0eb;
|
|
1058
|
+
--button-outline-fgColor-active: #cdd9e5;
|
|
1053
1059
|
--button-outline-fgColor-hover: #539bf5;
|
|
1054
1060
|
--button-outline-fgColor-rest: #4184e4;
|
|
1055
1061
|
--button-outline-shadow-selected: 0 0 0 0 #00000000;
|
|
1056
1062
|
--button-primary-bgColor-active: #347d39;
|
|
1057
1063
|
--button-primary-bgColor-hover: #2b6a30;
|
|
1058
1064
|
--button-primary-borderColor-rest: #6bc46d;
|
|
1065
|
+
--button-primary-fgColor-disabled: #cdd9e566;
|
|
1059
1066
|
--button-primary-shadow-selected: 0 0 0 0 #00000000;
|
|
1060
1067
|
--button-star-iconColor: #daaa3f;
|
|
1068
|
+
--buttonCounter-danger-bgColor-hover: #cdd9e533;
|
|
1061
1069
|
--buttonCounter-danger-bgColor-rest: #5d0f1233;
|
|
1062
|
-
--buttonCounter-
|
|
1070
|
+
--buttonCounter-danger-fgColor-hover: #cdd9e5;
|
|
1071
|
+
--buttonCounter-default-bgColor-rest: #353c37;
|
|
1063
1072
|
--buttonCounter-outline-bgColor-hover: #0f2d5c33;
|
|
1064
1073
|
--buttonCounter-outline-bgColor-rest: #0f2d5c33;
|
|
1065
1074
|
--buttonCounter-outline-fgColor-hover: #539bf5;
|
|
@@ -1070,13 +1079,13 @@
|
|
|
1070
1079
|
--buttonKeybindingHint-danger-borderColor-hover: #cdd9e5;
|
|
1071
1080
|
--buttonKeybindingHint-danger-fgColor-active: var(--fgColor-onEmphasis);
|
|
1072
1081
|
--buttonKeybindingHint-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1073
|
-
--buttonKeybindingHint-default-bgColor-rest: #
|
|
1074
|
-
--buttonKeybindingHint-inactive-bgColor: #
|
|
1082
|
+
--buttonKeybindingHint-default-bgColor-rest: #252b27;
|
|
1083
|
+
--buttonKeybindingHint-inactive-bgColor: #252b27;
|
|
1075
1084
|
--buttonKeybindingHint-invisible-borderColor-rest: #00000000;
|
|
1076
1085
|
--buttonKeybindingHint-primary-borderColor-rest: #cdd9e5;
|
|
1077
1086
|
--buttonKeybindingHint-primary-fgColor-rest: var(--fgColor-onEmphasis);
|
|
1078
1087
|
--codeMirror-selection-bgColor: #4184e466;
|
|
1079
|
-
--codeMirror-syntax-fgColor-comment: #
|
|
1088
|
+
--codeMirror-syntax-fgColor-comment: #6c786f;
|
|
1080
1089
|
--codeMirror-syntax-fgColor-constant: #6cb6ff;
|
|
1081
1090
|
--codeMirror-syntax-fgColor-entity: #dcbdfb;
|
|
1082
1091
|
--codeMirror-syntax-fgColor-keyword: #f47067;
|
|
@@ -1086,7 +1095,7 @@
|
|
|
1086
1095
|
--codeMirror-syntax-fgColor-variable: #f69d50;
|
|
1087
1096
|
--color-ansi-cyan: var(--ansi-cyan); /** Deprecated. Use ansi.cyan instead. */
|
|
1088
1097
|
--color-ansi-cyan-bright: var(--ansi-cyanBright); /** Deprecated. Use ansi.cyanBright instead. */
|
|
1089
|
-
--contribution-default-bgColor-0: #
|
|
1098
|
+
--contribution-default-bgColor-0: #191f1b;
|
|
1090
1099
|
--contribution-default-bgColor-1: #1b4721;
|
|
1091
1100
|
--contribution-default-bgColor-2: #2b6a30;
|
|
1092
1101
|
--contribution-default-bgColor-3: #46954a;
|
|
@@ -1100,25 +1109,26 @@
|
|
|
1100
1109
|
--contribution-winter-bgColor-2: #255ab2;
|
|
1101
1110
|
--contribution-winter-bgColor-3: #539bf5;
|
|
1102
1111
|
--contribution-winter-bgColor-4: #c6e6ff;
|
|
1103
|
-
--control-bgColor-active: #
|
|
1104
|
-
--control-bgColor-hover: #
|
|
1105
|
-
--control-bgColor-rest: #
|
|
1106
|
-
--control-borderColor-selected: #
|
|
1112
|
+
--control-bgColor-active: #353c37;
|
|
1113
|
+
--control-bgColor-hover: #252b27;
|
|
1114
|
+
--control-bgColor-rest: #252b27;
|
|
1115
|
+
--control-borderColor-selected: #e9f0eb;
|
|
1107
1116
|
--control-checked-borderColor-active: #6cb6ff;
|
|
1108
1117
|
--control-checked-borderColor-hover: #6cb6ff;
|
|
1109
1118
|
--control-checked-borderColor-rest: #6cb6ff;
|
|
1110
1119
|
--control-checked-fgColor-rest: var(--fgColor-onEmphasis);
|
|
1111
1120
|
--control-danger-fgColor-hover: var(--fgColor-onEmphasis);
|
|
1112
|
-
--control-fgColor-placeholder: #
|
|
1113
|
-
--control-transparent-bgColor-active: #
|
|
1114
|
-
--control-transparent-bgColor-hover: #
|
|
1121
|
+
--control-fgColor-placeholder: #b8c4bc;
|
|
1122
|
+
--control-transparent-bgColor-active: #3b443e;
|
|
1123
|
+
--control-transparent-bgColor-hover: #353c37;
|
|
1115
1124
|
--control-transparent-bgColor-rest: #00000000;
|
|
1116
|
-
--control-transparent-bgColor-selected: #
|
|
1125
|
+
--control-transparent-bgColor-selected: #353c37;
|
|
1117
1126
|
--control-transparent-borderColor-rest: #00000000;
|
|
1118
|
-
--controlKnob-bgColor-
|
|
1119
|
-
--
|
|
1120
|
-
--controlTrack-bgColor-
|
|
1121
|
-
--controlTrack-bgColor-
|
|
1127
|
+
--controlKnob-bgColor-checked: #cdd9e5;
|
|
1128
|
+
--controlKnob-bgColor-rest: #252b27;
|
|
1129
|
+
--controlTrack-bgColor-active: #3b443e;
|
|
1130
|
+
--controlTrack-bgColor-hover: #353c37;
|
|
1131
|
+
--controlTrack-bgColor-rest: #191f1b;
|
|
1122
1132
|
--controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
|
|
1123
1133
|
--data-auburn-color-emphasis: #a86f6b;
|
|
1124
1134
|
--data-auburn-color-muted: #271817;
|
|
@@ -1447,20 +1457,24 @@
|
|
|
1447
1457
|
--display-yellow-scale-9: #f0ca6a;
|
|
1448
1458
|
--fgColor-accent: #96d0ff; /** Accent text for links and interactive elements */
|
|
1449
1459
|
--fgColor-attention: #eac55f; /** Attention text for warnings and caution states */
|
|
1460
|
+
--fgColor-black: #010409; /** Pure black text */
|
|
1450
1461
|
--fgColor-danger: #ffb8b0; /** Danger text for errors and destructive actions */
|
|
1451
|
-
--fgColor-default: #
|
|
1452
|
-
--fgColor-disabled: #
|
|
1462
|
+
--fgColor-default: #e9f0eb; /** Default text color for primary content and headings */
|
|
1463
|
+
--fgColor-disabled: #6c786f; /** Text color for disabled interactive elements */
|
|
1453
1464
|
--fgColor-done: #dcbdfb; /** Text color for completed/done state indicators */
|
|
1454
|
-
--fgColor-muted: #
|
|
1455
|
-
--fgColor-neutral: #
|
|
1465
|
+
--fgColor-muted: #b8c4bc; /** Muted text for secondary content and less important information */
|
|
1466
|
+
--fgColor-neutral: #cbd6cd; /** Neutral semantic text for icons and secondary elements */
|
|
1467
|
+
--fgColor-onInverse: #060907; /** Text color for use on inverse backgrounds */
|
|
1456
1468
|
--fgColor-severe: #ffbc6f; /** Severe text for high-priority warnings */
|
|
1457
1469
|
--fgColor-sponsors: #ffb3d8; /** Text color for GitHub Sponsors content */
|
|
1458
1470
|
--fgColor-success: #b4f1b4; /** Success text for positive feedback and completed states */
|
|
1459
|
-
--
|
|
1460
|
-
--header-
|
|
1461
|
-
--header-
|
|
1462
|
-
--
|
|
1463
|
-
--
|
|
1471
|
+
--fgColor-white: #cdd9e5; /** Pure white text */
|
|
1472
|
+
--header-bgColor: #191f1bf2;
|
|
1473
|
+
--header-borderColor-divider: #58635b;
|
|
1474
|
+
--header-fgColor-default: #cdd9e5b3;
|
|
1475
|
+
--header-fgColor-logo: #e9f0eb;
|
|
1476
|
+
--headerSearch-bgColor: #0f1511;
|
|
1477
|
+
--headerSearch-borderColor: #252b27;
|
|
1464
1478
|
--highlight-neutral-bgColor: #c6902666;
|
|
1465
1479
|
--label-auburn-bgColor-active: #543331;
|
|
1466
1480
|
--label-auburn-bgColor-hover: #3a2422;
|
|
@@ -1576,58 +1590,57 @@
|
|
|
1576
1590
|
--label-yellow-fgColor-active: #edb431;
|
|
1577
1591
|
--label-yellow-fgColor-hover: #df9e11;
|
|
1578
1592
|
--label-yellow-fgColor-rest: #d3910d;
|
|
1579
|
-
--menu-bgColor-active: #
|
|
1580
|
-
--overlay-backdrop-bgColor: #
|
|
1581
|
-
--overlay-bgColor: #
|
|
1582
|
-
--prettylights-syntax-bracketHighlighterAngle: #
|
|
1593
|
+
--menu-bgColor-active: #191f1b;
|
|
1594
|
+
--overlay-backdrop-bgColor: #9ca89f66;
|
|
1595
|
+
--overlay-bgColor: #252b27;
|
|
1596
|
+
--prettylights-syntax-bracketHighlighterAngle: #9ca89f; /** Syntax highlighting color for angle brackets */
|
|
1583
1597
|
--prettylights-syntax-bracketHighlighterUnmatched: #e5534b; /** Syntax highlighting color for unmatched brackets */
|
|
1584
1598
|
--prettylights-syntax-carriageReturn-bg: #ad2e2c; /** Background color for carriage return characters in diffs */
|
|
1585
|
-
--prettylights-syntax-carriageReturn-text: #
|
|
1586
|
-
--prettylights-syntax-comment: #
|
|
1599
|
+
--prettylights-syntax-carriageReturn-text: #e9f0eb; /** Text color for carriage return characters in diffs */
|
|
1600
|
+
--prettylights-syntax-comment: #9ca89f; /** Syntax highlighting color for code comments */
|
|
1587
1601
|
--prettylights-syntax-constant: #6cb6ff; /** Syntax highlighting color for constants and literal values */
|
|
1588
1602
|
--prettylights-syntax-constantOtherReferenceLink: #96d0ff; /** Syntax highlighting color for reference links and URLs in code */
|
|
1589
1603
|
--prettylights-syntax-entity: #dcbdfb; /** Syntax highlighting color for class names, type definitions, and declarations */
|
|
1590
1604
|
--prettylights-syntax-entityTag: #8ddb8c; /** Syntax highlighting color for HTML/XML tags */
|
|
1591
1605
|
--prettylights-syntax-keyword: #f47067; /** Syntax highlighting color for language keywords (if, else, return) */
|
|
1592
|
-
--prettylights-syntax-markup-bold: #
|
|
1606
|
+
--prettylights-syntax-markup-bold: #e9f0eb; /** Syntax highlighting color for bold text in markdown */
|
|
1593
1607
|
--prettylights-syntax-markup-changed-bg: #682d0f; /** Background color for changed lines in diff views */
|
|
1594
1608
|
--prettylights-syntax-markup-changed-text: #ffddb0; /** Text color for changed lines in diff views */
|
|
1595
1609
|
--prettylights-syntax-markup-deleted-bg: #78191b; /** Background color for deleted lines in diff views */
|
|
1596
1610
|
--prettylights-syntax-markup-deleted-text: #ffd8d3; /** Text color for deleted lines in diff views */
|
|
1597
1611
|
--prettylights-syntax-markup-heading: #316dca; /** Syntax highlighting color for headings in markdown */
|
|
1598
1612
|
--prettylights-syntax-markup-ignored-bg: #255ab2; /** Background color for ignored content in diffs */
|
|
1599
|
-
--prettylights-syntax-markup-ignored-text: #
|
|
1613
|
+
--prettylights-syntax-markup-ignored-text: #e9f0eb; /** Text color for ignored content in diffs */
|
|
1600
1614
|
--prettylights-syntax-markup-inserted-bg: #1b4721; /** Background color for inserted lines in diff views */
|
|
1601
1615
|
--prettylights-syntax-markup-inserted-text: #b4f1b4; /** Text color for inserted lines in diff views */
|
|
1602
|
-
--prettylights-syntax-markup-italic: #
|
|
1616
|
+
--prettylights-syntax-markup-italic: #e9f0eb; /** Syntax highlighting color for italic text in markdown */
|
|
1603
1617
|
--prettylights-syntax-markup-list: #eac55f; /** Syntax highlighting color for list markers in markdown */
|
|
1604
1618
|
--prettylights-syntax-metaDiffRange: #dcbdfb; /** Syntax highlighting color for diff range information (@@ lines) */
|
|
1605
|
-
--prettylights-syntax-storageModifierImport: #
|
|
1619
|
+
--prettylights-syntax-storageModifierImport: #e9f0eb; /** Syntax highlighting color for import and require statements */
|
|
1606
1620
|
--prettylights-syntax-string: #96d0ff; /** Syntax highlighting color for string literals */
|
|
1607
1621
|
--prettylights-syntax-stringRegexp: #8ddb8c; /** Syntax highlighting color for regular expression literals */
|
|
1608
|
-
--prettylights-syntax-sublimeLinterGutterMark: #
|
|
1622
|
+
--prettylights-syntax-sublimeLinterGutterMark: #3b443e; /** Color for linter gutter marks in code editors */
|
|
1609
1623
|
--prettylights-syntax-variable: #f69d50; /** Syntax highlighting color for variables and parameters */
|
|
1610
|
-
--progressBar-bgColor-neutral: #
|
|
1624
|
+
--progressBar-bgColor-neutral: #6c786f;
|
|
1611
1625
|
--reactionButton-selected-bgColor-rest: #4184e433;
|
|
1612
1626
|
--reactionButton-selected-fgColor-hover: #6cb6ff;
|
|
1613
1627
|
--selectMenu-bgColor-active: #143d79;
|
|
1614
|
-
--
|
|
1615
|
-
--
|
|
1616
|
-
--
|
|
1628
|
+
--shadow-inset: inset 0 1px 0 0 #0609073d; /** Inset shadow for recessed elements */
|
|
1629
|
+
--shadow-resting-medium: 0 1px 1px 0 #06090766, 0 3px 6px 0 #060907cc; /** Medium resting shadow for cards and elevated surfaces */
|
|
1630
|
+
--shadow-resting-small: 0 1px 1px 0 #06090799, 0 1px 3px 0 #06090799; /** Small resting shadow for buttons and interactive elements */
|
|
1631
|
+
--shadow-resting-xsmall: 0 1px 1px 0 #060907cc; /** Extra small resting shadow for minimal elevation */
|
|
1632
|
+
--sideNav-bgColor-selected: #252b27;
|
|
1633
|
+
--skeletonLoader-bgColor: #252b27;
|
|
1634
|
+
--timelineBadge-bgColor: #252b27;
|
|
1617
1635
|
--underlineNav-borderColor-active: #ec775c;
|
|
1618
|
-
--ansi-whiteBright: #cdd9e5; /** ANSI bright white for emphasized terminal text */
|
|
1619
|
-
--avatar-bgColor: #cdd9e51a;
|
|
1620
|
-
--bgColor-black: #010409; /** Pure black background */
|
|
1621
1636
|
--bgColor-closed-emphasis: var(--bgColor-danger-emphasis); /** Strong background for closed state badges and labels */
|
|
1622
1637
|
--bgColor-closed-muted: var(--bgColor-danger-muted); /** Subtle background for closed state indicators (issues, PRs) */
|
|
1623
1638
|
--bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
|
|
1624
1639
|
--bgColor-draft-muted: var(--bgColor-neutral-muted); /** Subtle background for draft state indicators */
|
|
1625
|
-
--bgColor-inverse: #cdd9e5; /** Inverse background that flips between light and dark modes */
|
|
1626
1640
|
--bgColor-open-emphasis: var(--bgColor-success-emphasis); /** Strong background for open state badges and labels */
|
|
1627
1641
|
--bgColor-open-muted: var(--bgColor-success-muted); /** Subtle background for open state indicators (issues, PRs) */
|
|
1628
1642
|
--bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
|
|
1629
1643
|
--bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
|
|
1630
|
-
--bgColor-white: #cdd9e5; /** Pure white background */
|
|
1631
1644
|
--border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
|
|
1632
1645
|
--border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
|
|
1633
1646
|
--border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
|
|
@@ -1668,16 +1681,13 @@
|
|
|
1668
1681
|
--button-invisible-bgColor-rest: var(--control-transparent-bgColor-rest);
|
|
1669
1682
|
--button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
|
|
1670
1683
|
--button-outline-bgColor-hover: var(--control-bgColor-hover);
|
|
1671
|
-
--button-outline-fgColor-active: #cdd9e5;
|
|
1672
1684
|
--button-outline-fgColor-disabled: #96d0ff80;
|
|
1673
1685
|
--button-primary-bgColor-rest: var(--bgColor-success-emphasis);
|
|
1674
1686
|
--button-primary-borderColor-active: var(--button-primary-borderColor-rest);
|
|
1675
1687
|
--button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
|
|
1676
|
-
--button-primary-
|
|
1688
|
+
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1677
1689
|
--buttonCounter-danger-bgColor-disabled: #9223230d;
|
|
1678
|
-
--buttonCounter-danger-bgColor-hover: #cdd9e533;
|
|
1679
1690
|
--buttonCounter-danger-fgColor-disabled: #ffb8b080;
|
|
1680
|
-
--buttonCounter-danger-fgColor-hover: #cdd9e5;
|
|
1681
1691
|
--buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
|
|
1682
1692
|
--buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
|
|
1683
1693
|
--buttonCounter-outline-bgColor-disabled: #1b4b910d;
|
|
@@ -1694,6 +1704,7 @@
|
|
|
1694
1704
|
--buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
|
|
1695
1705
|
--buttonKeybindingHint-primary-bgColor-disabled: #1134171a;
|
|
1696
1706
|
--buttonKeybindingHint-primary-bgColor-rest: var(--buttonCounter-primary-bgColor-rest);
|
|
1707
|
+
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1697
1708
|
--card-bgColor: var(--bgColor-muted);
|
|
1698
1709
|
--codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
|
|
1699
1710
|
--codeMirror-bgColor: var(--bgColor-default);
|
|
@@ -1717,6 +1728,7 @@
|
|
|
1717
1728
|
--color-ansi-red: var(--ansi-red); /** Deprecated. Use ansi.red instead. */
|
|
1718
1729
|
--color-ansi-red-bright: var(--ansi-redBright); /** Deprecated. Use ansi.redBright instead. */
|
|
1719
1730
|
--color-ansi-white: var(--ansi-white); /** Deprecated. Use ansi.white instead. */
|
|
1731
|
+
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
1720
1732
|
--color-ansi-yellow: var(--ansi-yellow); /** Deprecated. Use ansi.yellow instead. */
|
|
1721
1733
|
--color-ansi-yellow-bright: var(--ansi-yellowBright); /** Deprecated. Use ansi.yellowBright instead. */
|
|
1722
1734
|
--color-prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
|
|
@@ -1769,7 +1781,6 @@
|
|
|
1769
1781
|
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
|
|
1770
1782
|
--control-transparent-borderColor-active: var(--borderColor-default);
|
|
1771
1783
|
--control-transparent-borderColor-hover: var(--borderColor-default);
|
|
1772
|
-
--controlKnob-bgColor-checked: #cdd9e5;
|
|
1773
1784
|
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
|
|
1774
1785
|
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
|
|
1775
1786
|
--controlTrack-fgColor-rest: var(--fgColor-muted);
|
|
@@ -1792,16 +1803,12 @@
|
|
|
1792
1803
|
--diffBlob-hunkLine-fgColor: var(--fgColor-muted);
|
|
1793
1804
|
--diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
|
|
1794
1805
|
--diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
|
|
1795
|
-
--fgColor-black: #010409; /** Pure black text */
|
|
1796
1806
|
--fgColor-closed: var(--fgColor-danger); /** Text color for closed state indicators (issues, PRs) */
|
|
1797
1807
|
--fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
|
|
1798
1808
|
--fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
|
|
1799
|
-
--fgColor-onInverse: #010409; /** Text color for use on inverse backgrounds */
|
|
1800
1809
|
--fgColor-open: var(--fgColor-success); /** Text color for open state indicators (issues, PRs) */
|
|
1801
1810
|
--fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
|
|
1802
|
-
--fgColor-white: #cdd9e5; /** Pure white text */
|
|
1803
1811
|
--focus-outline-color: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
|
|
1804
|
-
--header-fgColor-default: #cdd9e5b3;
|
|
1805
1812
|
--label-auburn-borderColor: var(--label-auburn-fgColor-rest);
|
|
1806
1813
|
--label-blue-borderColor: var(--label-blue-fgColor-rest);
|
|
1807
1814
|
--label-brown-borderColor: var(--label-brown-fgColor-rest);
|
|
@@ -1842,12 +1849,11 @@
|
|
|
1842
1849
|
--progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
|
|
1843
1850
|
--progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
|
|
1844
1851
|
--progressBar-bgColor-success: var(--bgColor-success-emphasis);
|
|
1852
|
+
--progressBar-track-bgColor: var(--bgColor-inverse);
|
|
1845
1853
|
--selectMenu-borderColor: var(--borderColor-default);
|
|
1846
1854
|
--selection-bgColor: #1b4b91b3; /** Background color for text selection highlights */
|
|
1847
|
-
--
|
|
1848
|
-
--
|
|
1849
|
-
--shadow-resting-small: 0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999; /** Small resting shadow for buttons and interactive elements */
|
|
1850
|
-
--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);
|
|
1851
1857
|
--topicTag-borderColor: var(--borderColor-accent-emphasis);
|
|
1852
1858
|
--treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
|
|
1853
1859
|
--underlineNav-iconColor-rest: var(--fgColor-muted);
|
|
@@ -1877,7 +1883,6 @@
|
|
|
1877
1883
|
--button-invisible-fgColor-rest: var(--control-fgColor-rest);
|
|
1878
1884
|
--button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
|
|
1879
1885
|
--button-outline-bgColor-disabled: var(--control-bgColor-disabled);
|
|
1880
|
-
--button-primary-iconColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1881
1886
|
--buttonKeybindingHint-danger-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-disabled);
|
|
1882
1887
|
--buttonKeybindingHint-danger-fgColor-rest: var(--buttonKeybindingHint-default-fgColor-rest);
|
|
1883
1888
|
--buttonKeybindingHint-default-borderColor-disabled: var(--control-borderColor-disabled);
|
|
@@ -1887,8 +1892,6 @@
|
|
|
1887
1892
|
--buttonKeybindingHint-invisible-borderColor-disabled: var(--control-borderColor-disabled);
|
|
1888
1893
|
--buttonKeybindingHint-invisible-fgColor-disabled: var(--control-fgColor-disabled);
|
|
1889
1894
|
--buttonKeybindingHint-primary-borderColor-disabled: var(--control-borderColor-disabled);
|
|
1890
|
-
--buttonKeybindingHint-primary-fgColor-disabled: var(--button-primary-fgColor-disabled);
|
|
1891
|
-
--color-ansi-white-bright: var(--ansi-whiteBright); /** Deprecated. Use ansi.whiteBright instead. */
|
|
1892
1895
|
--color-prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
1893
1896
|
--color-prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
1894
1897
|
--control-borderColor-emphasis: var(--borderColor-emphasis);
|
|
@@ -1901,14 +1904,12 @@
|
|
|
1901
1904
|
--focus-outlineColor: var(--focus-outline-color); /** Deprecated. Use focus.outline-color instead. */
|
|
1902
1905
|
--prettylights-syntax-invalid-illegal-bg: var(--prettylights-syntax-invalidIllegal-bg); /** Deprecated. Use prettylights.syntax.invalidIllegal.bg instead. */
|
|
1903
1906
|
--prettylights-syntax-invalid-illegal-text: var(--prettylights-syntax-invalidIllegal-text); /** Deprecated. Use prettylights.syntax.invalidIllegal.text instead. */
|
|
1904
|
-
--progressBar-track-
|
|
1907
|
+
--progressBar-track-borderColor: var(--progressBar-track-bgColor);
|
|
1905
1908
|
--reactionButton-selected-fgColor-rest: var(--fgColor-link);
|
|
1906
|
-
--shadow-floating-large: 0 0 0 1px #
|
|
1907
|
-
--shadow-floating-medium: 0 0 0 1px #
|
|
1908
|
-
--shadow-floating-small: 0 0 0 1px #
|
|
1909
|
-
--shadow-floating-xlarge: 0 0 0 1px #
|
|
1910
|
-
--tooltip-bgColor: var(--bgColor-inverse);
|
|
1911
|
-
--tooltip-fgColor: var(--fgColor-onInverse);
|
|
1909
|
+
--shadow-floating-large: 0 0 0 1px #b8c4bc, 0 24px 48px 0 #060907; /** Large floating shadow for modals and dialogs */
|
|
1910
|
+
--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 */
|
|
1911
|
+
--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 */
|
|
1912
|
+
--shadow-floating-xlarge: 0 0 0 1px #b8c4bc, 0 32px 64px 0 #060907; /** Extra large floating shadow for full-screen overlays and sheets */
|
|
1912
1913
|
--border-neutral-emphasis: var(--borderWidth-default) solid var(--borderColor-neutral-emphasis);
|
|
1913
1914
|
--border-neutral-muted: var(--borderWidth-default) solid var(--borderColor-neutral-muted);
|
|
1914
1915
|
--borderColor-draft-emphasis: var(--borderColor-neutral-emphasis); /** Strong border for draft state badges */
|
|
@@ -1919,7 +1920,6 @@
|
|
|
1919
1920
|
--buttonKeybindingHint-danger-borderColor-rest: var(--buttonKeybindingHint-default-borderColor-rest);
|
|
1920
1921
|
--buttonKeybindingHint-danger-fgColor-disabled: var(--buttonKeybindingHint-default-fgColor-disabled);
|
|
1921
1922
|
--controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
|
|
1922
|
-
--progressBar-track-borderColor: var(--progressBar-track-bgColor);
|
|
1923
1923
|
--underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
|
|
1924
1924
|
--border-draft-emphasis: var(--borderWidth-default) solid var(--borderColor-draft-emphasis);
|
|
1925
1925
|
--border-draft-muted: var(--borderWidth-default) solid var(--borderColor-draft-muted);
|