@carbon/themes 11.64.0-rc.0 → 11.65.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -61,8 +61,10 @@ $white: (
61
61
  chat-avatar-bot: #6f6f6f,
62
62
  chat-avatar-user: #0f62fe,
63
63
  chat-bubble-agent: #ffffff,
64
+ chat-bubble-agent-text: #161616,
64
65
  chat-bubble-border: #e0e0e0,
65
66
  chat-bubble-user: #e0e0e0,
67
+ chat-bubble-user-text: #161616,
66
68
  chat-button: #0f62fe,
67
69
  chat-button-active: rgba(141, 141, 141, 0.5),
68
70
  chat-button-hover: rgba(141, 141, 141, 0.12),
@@ -70,9 +72,11 @@ $white: (
70
72
  chat-button-text-hover: #0043ce,
71
73
  chat-button-text-selected: #525252,
72
74
  chat-header-background: #ffffff,
75
+ chat-header-text: #161616,
73
76
  chat-prompt-background: #ffffff,
74
77
  chat-prompt-border-end: rgba(244, 244, 244, 0),
75
78
  chat-prompt-border-start: #f4f4f4,
79
+ chat-prompt-text: #161616,
76
80
  chat-shell-background: #ffffff,
77
81
  field-01: #f4f4f4,
78
82
  field-02: #ffffff,
@@ -144,6 +148,47 @@ $white: (
144
148
  support-success-inverse: #42be65,
145
149
  support-warning: #f1c21b,
146
150
  support-warning-inverse: #f1c21b,
151
+ syntax-atom: #161616,
152
+ syntax-attribute: #00539a,
153
+ syntax-attribute-name: #00539a,
154
+ syntax-attribute-value: #161616,
155
+ syntax-block-comment: #198038,
156
+ syntax-bool: #161616,
157
+ syntax-character: #161616,
158
+ syntax-class-name: #007d79,
159
+ syntax-color: #161616,
160
+ syntax-comment: #198038,
161
+ syntax-control-keyword: #6929c4,
162
+ syntax-definition-keyword: #00539a,
163
+ syntax-doc-comment: #198038,
164
+ syntax-doc-string: #161616,
165
+ syntax-escape: #343a3f,
166
+ syntax-float: #198038,
167
+ syntax-integer: #198038,
168
+ syntax-keyword: #0f62fe,
169
+ syntax-label-name: #0f62fe,
170
+ syntax-line-comment: #198038,
171
+ syntax-literal: #161616,
172
+ syntax-macro-name: #161616,
173
+ syntax-module-keyword: #6929c4,
174
+ syntax-name: #0f62fe,
175
+ syntax-namespace: #007d79,
176
+ syntax-null: #161616,
177
+ syntax-number: #198038,
178
+ syntax-operator-keyword: #0f62fe,
179
+ syntax-property-name: #00539a,
180
+ syntax-regexp: #6929c4,
181
+ syntax-self: #007d79,
182
+ syntax-special-string: #8a3ffc,
183
+ syntax-string: #161616,
184
+ syntax-tag: #007d79,
185
+ syntax-tag-name: #007d79,
186
+ syntax-type: #007d79,
187
+ syntax-type-name: #007d79,
188
+ syntax-unit: #198038,
189
+ syntax-url: #343a3f,
190
+ syntax-variable: #0f62fe,
191
+ syntax-variable-name: #0f62fe,
147
192
  text-disabled: rgba(22, 22, 22, 0.25),
148
193
  text-error: #da1e28,
149
194
  text-helper: #6f6f6f,
@@ -212,8 +257,10 @@ $g10: (
212
257
  chat-avatar-bot: #6f6f6f,
213
258
  chat-avatar-user: #0f62fe,
214
259
  chat-bubble-agent: #ffffff,
260
+ chat-bubble-agent-text: #161616,
215
261
  chat-bubble-border: #e0e0e0,
216
262
  chat-bubble-user: #e0e0e0,
263
+ chat-bubble-user-text: #161616,
217
264
  chat-button: #0f62fe,
218
265
  chat-button-active: rgba(141, 141, 141, 0.5),
219
266
  chat-button-hover: rgba(141, 141, 141, 0.12),
@@ -221,9 +268,11 @@ $g10: (
221
268
  chat-button-text-hover: #0043ce,
222
269
  chat-button-text-selected: #525252,
223
270
  chat-header-background: #ffffff,
271
+ chat-header-text: #161616,
224
272
  chat-prompt-background: #ffffff,
225
273
  chat-prompt-border-end: rgba(244, 244, 244, 0),
226
274
  chat-prompt-border-start: #f4f4f4,
275
+ chat-prompt-text: #161616,
227
276
  chat-shell-background: #ffffff,
228
277
  field-01: #ffffff,
229
278
  field-02: #f4f4f4,
@@ -295,6 +344,47 @@ $g10: (
295
344
  support-success-inverse: #42be65,
296
345
  support-warning: #f1c21b,
297
346
  support-warning-inverse: #f1c21b,
347
+ syntax-atom: #161616,
348
+ syntax-attribute: #00539a,
349
+ syntax-attribute-name: #00539a,
350
+ syntax-attribute-value: #161616,
351
+ syntax-block-comment: #198038,
352
+ syntax-bool: #161616,
353
+ syntax-character: #161616,
354
+ syntax-class-name: #007d79,
355
+ syntax-color: #161616,
356
+ syntax-comment: #198038,
357
+ syntax-control-keyword: #6929c4,
358
+ syntax-definition-keyword: #00539a,
359
+ syntax-doc-comment: #198038,
360
+ syntax-doc-string: #161616,
361
+ syntax-escape: #343a3f,
362
+ syntax-float: #198038,
363
+ syntax-integer: #198038,
364
+ syntax-keyword: #0f62fe,
365
+ syntax-label-name: #0f62fe,
366
+ syntax-line-comment: #198038,
367
+ syntax-literal: #161616,
368
+ syntax-macro-name: #161616,
369
+ syntax-module-keyword: #6929c4,
370
+ syntax-name: #0f62fe,
371
+ syntax-namespace: #007d79,
372
+ syntax-null: #161616,
373
+ syntax-number: #198038,
374
+ syntax-operator-keyword: #0f62fe,
375
+ syntax-property-name: #00539a,
376
+ syntax-regexp: #6929c4,
377
+ syntax-self: #007d79,
378
+ syntax-special-string: #8a3ffc,
379
+ syntax-string: #161616,
380
+ syntax-tag: #007d79,
381
+ syntax-tag-name: #007d79,
382
+ syntax-type: #007d79,
383
+ syntax-type-name: #007d79,
384
+ syntax-unit: #198038,
385
+ syntax-url: #343a3f,
386
+ syntax-variable: #0f62fe,
387
+ syntax-variable-name: #0f62fe,
298
388
  text-disabled: rgba(22, 22, 22, 0.25),
299
389
  text-error: #da1e28,
300
390
  text-helper: #6f6f6f,
@@ -363,8 +453,10 @@ $g90: (
363
453
  chat-avatar-bot: #8d8d8d,
364
454
  chat-avatar-user: #4589ff,
365
455
  chat-bubble-agent: #262626,
456
+ chat-bubble-agent-text: #f4f4f4,
366
457
  chat-bubble-border: #525252,
367
458
  chat-bubble-user: #393939,
459
+ chat-bubble-user-text: #f4f4f4,
368
460
  chat-button: #78a9ff,
369
461
  chat-button-active: rgba(141, 141, 141, 0.4),
370
462
  chat-button-hover: rgba(141, 141, 141, 0.16),
@@ -372,9 +464,11 @@ $g90: (
372
464
  chat-button-text-hover: #a6c8ff,
373
465
  chat-button-text-selected: #c6c6c6,
374
466
  chat-header-background: #262626,
467
+ chat-header-text: #f4f4f4,
375
468
  chat-prompt-background: #161616,
376
469
  chat-prompt-border-end: rgba(38, 38, 38, 0),
377
470
  chat-prompt-border-start: #262626,
471
+ chat-prompt-text: #f4f4f4,
378
472
  chat-shell-background: #262626,
379
473
  field-01: #393939,
380
474
  field-02: #525252,
@@ -446,6 +540,47 @@ $g90: (
446
540
  support-success-inverse: #24a148,
447
541
  support-warning: #f1c21b,
448
542
  support-warning-inverse: #f1c21b,
543
+ syntax-atom: #f4f4f4,
544
+ syntax-attribute: #33b1ff,
545
+ syntax-attribute-name: #33b1ff,
546
+ syntax-attribute-value: #f4f4f4,
547
+ syntax-block-comment: #42be65,
548
+ syntax-bool: #f4f4f4,
549
+ syntax-character: #f4f4f4,
550
+ syntax-class-name: #3ddbd9,
551
+ syntax-color: #f4f4f4,
552
+ syntax-comment: #42be65,
553
+ syntax-control-keyword: #be95ff,
554
+ syntax-definition-keyword: #33b1ff,
555
+ syntax-doc-comment: #42be65,
556
+ syntax-doc-string: #f4f4f4,
557
+ syntax-escape: #e0e0e0,
558
+ syntax-float: #6fdc8c,
559
+ syntax-integer: #6fdc8c,
560
+ syntax-keyword: #4589ff,
561
+ syntax-label-name: #a6c8ff,
562
+ syntax-line-comment: #42be65,
563
+ syntax-literal: #f4f4f4,
564
+ syntax-macro-name: #f4f4f4,
565
+ syntax-module-keyword: #be95ff,
566
+ syntax-name: #a6c8ff,
567
+ syntax-namespace: #3ddbd9,
568
+ syntax-null: #f4f4f4,
569
+ syntax-number: #6fdc8c,
570
+ syntax-operator-keyword: #4589ff,
571
+ syntax-property-name: #33b1ff,
572
+ syntax-regexp: #be95ff,
573
+ syntax-self: #3ddbd9,
574
+ syntax-special-string: #be95ff,
575
+ syntax-string: #f4f4f4,
576
+ syntax-tag: #3ddbd9,
577
+ syntax-tag-name: #3ddbd9,
578
+ syntax-type: #3ddbd9,
579
+ syntax-type-name: #3ddbd9,
580
+ syntax-unit: #6fdc8c,
581
+ syntax-url: #e0e0e0,
582
+ syntax-variable: #a6c8ff,
583
+ syntax-variable-name: #a6c8ff,
449
584
  text-disabled: rgba(244, 244, 244, 0.25),
450
585
  text-error: #ffb3b8,
451
586
  text-helper: #c6c6c6,
@@ -514,8 +649,10 @@ $g100: (
514
649
  chat-avatar-bot: #8d8d8d,
515
650
  chat-avatar-user: #4589ff,
516
651
  chat-bubble-agent: #262626,
652
+ chat-bubble-agent-text: #f4f4f4,
517
653
  chat-bubble-border: #525252,
518
654
  chat-bubble-user: #393939,
655
+ chat-bubble-user-text: #f4f4f4,
519
656
  chat-button: #78a9ff,
520
657
  chat-button-active: rgba(141, 141, 141, 0.4),
521
658
  chat-button-hover: rgba(141, 141, 141, 0.16),
@@ -523,9 +660,11 @@ $g100: (
523
660
  chat-button-text-hover: #a6c8ff,
524
661
  chat-button-text-selected: #c6c6c6,
525
662
  chat-header-background: #262626,
663
+ chat-header-text: #f4f4f4,
526
664
  chat-prompt-background: #161616,
527
665
  chat-prompt-border-end: rgba(38, 38, 38, 0),
528
666
  chat-prompt-border-start: #262626,
667
+ chat-prompt-text: #f4f4f4,
529
668
  chat-shell-background: #262626,
530
669
  field-01: #262626,
531
670
  field-02: #393939,
@@ -597,6 +736,47 @@ $g100: (
597
736
  support-success-inverse: #24a148,
598
737
  support-warning: #f1c21b,
599
738
  support-warning-inverse: #f1c21b,
739
+ syntax-atom: #f4f4f4,
740
+ syntax-attribute: #33b1ff,
741
+ syntax-attribute-name: #33b1ff,
742
+ syntax-attribute-value: #f4f4f4,
743
+ syntax-block-comment: #42be65,
744
+ syntax-bool: #f4f4f4,
745
+ syntax-character: #f4f4f4,
746
+ syntax-class-name: #3ddbd9,
747
+ syntax-color: #f4f4f4,
748
+ syntax-comment: #42be65,
749
+ syntax-control-keyword: #be95ff,
750
+ syntax-definition-keyword: #33b1ff,
751
+ syntax-doc-comment: #42be65,
752
+ syntax-doc-string: #f4f4f4,
753
+ syntax-escape: #e0e0e0,
754
+ syntax-float: #6fdc8c,
755
+ syntax-integer: #6fdc8c,
756
+ syntax-keyword: #4589ff,
757
+ syntax-label-name: #a6c8ff,
758
+ syntax-line-comment: #42be65,
759
+ syntax-literal: #f4f4f4,
760
+ syntax-macro-name: #f4f4f4,
761
+ syntax-module-keyword: #be95ff,
762
+ syntax-name: #a6c8ff,
763
+ syntax-namespace: #3ddbd9,
764
+ syntax-null: #f4f4f4,
765
+ syntax-number: #6fdc8c,
766
+ syntax-operator-keyword: #4589ff,
767
+ syntax-property-name: #33b1ff,
768
+ syntax-regexp: #be95ff,
769
+ syntax-self: #3ddbd9,
770
+ syntax-special-string: #be95ff,
771
+ syntax-string: #f4f4f4,
772
+ syntax-tag: #3ddbd9,
773
+ syntax-tag-name: #3ddbd9,
774
+ syntax-type: #3ddbd9,
775
+ syntax-type-name: #3ddbd9,
776
+ syntax-unit: #6fdc8c,
777
+ syntax-url: #e0e0e0,
778
+ syntax-variable: #a6c8ff,
779
+ syntax-variable-name: #a6c8ff,
600
780
  text-disabled: rgba(244, 244, 244, 0.25),
601
781
  text-error: #ff8389,
602
782
  text-helper: #a8a8a8,
@@ -304,6 +304,129 @@ $support-caution-minor: _get('support-caution-minor') !default;
304
304
  /// The CSS Custom Property for the `support-caution-undefined` token
305
305
  $support-caution-undefined: _get('support-caution-undefined') !default;
306
306
 
307
+ /// The CSS Custom Property for the `syntax-comment` token
308
+ $syntax-comment: _get('syntax-comment') !default;
309
+
310
+ /// The CSS Custom Property for the `syntax-line-comment` token
311
+ $syntax-line-comment: _get('syntax-line-comment') !default;
312
+
313
+ /// The CSS Custom Property for the `syntax-block-comment` token
314
+ $syntax-block-comment: _get('syntax-block-comment') !default;
315
+
316
+ /// The CSS Custom Property for the `syntax-doc-comment` token
317
+ $syntax-doc-comment: _get('syntax-doc-comment') !default;
318
+
319
+ /// The CSS Custom Property for the `syntax-doc-string` token
320
+ $syntax-doc-string: _get('syntax-doc-string') !default;
321
+
322
+ /// The CSS Custom Property for the `syntax-keyword` token
323
+ $syntax-keyword: _get('syntax-keyword') !default;
324
+
325
+ /// The CSS Custom Property for the `syntax-operator-keyword` token
326
+ $syntax-operator-keyword: _get('syntax-operator-keyword') !default;
327
+
328
+ /// The CSS Custom Property for the `syntax-control-keyword` token
329
+ $syntax-control-keyword: _get('syntax-control-keyword') !default;
330
+
331
+ /// The CSS Custom Property for the `syntax-definition-keyword` token
332
+ $syntax-definition-keyword: _get('syntax-definition-keyword') !default;
333
+
334
+ /// The CSS Custom Property for the `syntax-module-keyword` token
335
+ $syntax-module-keyword: _get('syntax-module-keyword') !default;
336
+
337
+ /// The CSS Custom Property for the `syntax-variable` token
338
+ $syntax-variable: _get('syntax-variable') !default;
339
+
340
+ /// The CSS Custom Property for the `syntax-name` token
341
+ $syntax-name: _get('syntax-name') !default;
342
+
343
+ /// The CSS Custom Property for the `syntax-variable-name` token
344
+ $syntax-variable-name: _get('syntax-variable-name') !default;
345
+
346
+ /// The CSS Custom Property for the `syntax-label-name` token
347
+ $syntax-label-name: _get('syntax-label-name') !default;
348
+
349
+ /// The CSS Custom Property for the `syntax-attribute` token
350
+ $syntax-attribute: _get('syntax-attribute') !default;
351
+
352
+ /// The CSS Custom Property for the `syntax-attribute-name` token
353
+ $syntax-attribute-name: _get('syntax-attribute-name') !default;
354
+
355
+ /// The CSS Custom Property for the `syntax-property-name` token
356
+ $syntax-property-name: _get('syntax-property-name') !default;
357
+
358
+ /// The CSS Custom Property for the `syntax-tag` token
359
+ $syntax-tag: _get('syntax-tag') !default;
360
+
361
+ /// The CSS Custom Property for the `syntax-tag-name` token
362
+ $syntax-tag-name: _get('syntax-tag-name') !default;
363
+
364
+ /// The CSS Custom Property for the `syntax-type` token
365
+ $syntax-type: _get('syntax-type') !default;
366
+
367
+ /// The CSS Custom Property for the `syntax-type-name` token
368
+ $syntax-type-name: _get('syntax-type-name') !default;
369
+
370
+ /// The CSS Custom Property for the `syntax-class-name` token
371
+ $syntax-class-name: _get('syntax-class-name') !default;
372
+
373
+ /// The CSS Custom Property for the `syntax-namespace` token
374
+ $syntax-namespace: _get('syntax-namespace') !default;
375
+
376
+ /// The CSS Custom Property for the `syntax-macro-name` token
377
+ $syntax-macro-name: _get('syntax-macro-name') !default;
378
+
379
+ /// The CSS Custom Property for the `syntax-atom` token
380
+ $syntax-atom: _get('syntax-atom') !default;
381
+
382
+ /// The CSS Custom Property for the `syntax-literal` token
383
+ $syntax-literal: _get('syntax-literal') !default;
384
+
385
+ /// The CSS Custom Property for the `syntax-bool` token
386
+ $syntax-bool: _get('syntax-bool') !default;
387
+
388
+ /// The CSS Custom Property for the `syntax-null` token
389
+ $syntax-null: _get('syntax-null') !default;
390
+
391
+ /// The CSS Custom Property for the `syntax-self` token
392
+ $syntax-self: _get('syntax-self') !default;
393
+
394
+ /// The CSS Custom Property for the `syntax-number` token
395
+ $syntax-number: _get('syntax-number') !default;
396
+
397
+ /// The CSS Custom Property for the `syntax-integer` token
398
+ $syntax-integer: _get('syntax-integer') !default;
399
+
400
+ /// The CSS Custom Property for the `syntax-float` token
401
+ $syntax-float: _get('syntax-float') !default;
402
+
403
+ /// The CSS Custom Property for the `syntax-unit` token
404
+ $syntax-unit: _get('syntax-unit') !default;
405
+
406
+ /// The CSS Custom Property for the `syntax-string` token
407
+ $syntax-string: _get('syntax-string') !default;
408
+
409
+ /// The CSS Custom Property for the `syntax-character` token
410
+ $syntax-character: _get('syntax-character') !default;
411
+
412
+ /// The CSS Custom Property for the `syntax-attribute-value` token
413
+ $syntax-attribute-value: _get('syntax-attribute-value') !default;
414
+
415
+ /// The CSS Custom Property for the `syntax-special-string` token
416
+ $syntax-special-string: _get('syntax-special-string') !default;
417
+
418
+ /// The CSS Custom Property for the `syntax-regexp` token
419
+ $syntax-regexp: _get('syntax-regexp') !default;
420
+
421
+ /// The CSS Custom Property for the `syntax-escape` token
422
+ $syntax-escape: _get('syntax-escape') !default;
423
+
424
+ /// The CSS Custom Property for the `syntax-url` token
425
+ $syntax-url: _get('syntax-url') !default;
426
+
427
+ /// The CSS Custom Property for the `syntax-color` token
428
+ $syntax-color: _get('syntax-color') !default;
429
+
307
430
  /// The CSS Custom Property for the `ai-popover-background` token
308
431
  $ai-popover-background: _get('ai-popover-background') !default;
309
432
 
@@ -382,12 +505,21 @@ $chat-prompt-border-start: _get('chat-prompt-border-start') !default;
382
505
  /// The CSS Custom Property for the `chat-prompt-border-end` token
383
506
  $chat-prompt-border-end: _get('chat-prompt-border-end') !default;
384
507
 
508
+ /// The CSS Custom Property for the `chat-prompt-text` token
509
+ $chat-prompt-text: _get('chat-prompt-text') !default;
510
+
385
511
  /// The CSS Custom Property for the `chat-bubble-user` token
386
512
  $chat-bubble-user: _get('chat-bubble-user') !default;
387
513
 
514
+ /// The CSS Custom Property for the `chat-bubble-user-text` token
515
+ $chat-bubble-user-text: _get('chat-bubble-user-text') !default;
516
+
388
517
  /// The CSS Custom Property for the `chat-bubble-agent` token
389
518
  $chat-bubble-agent: _get('chat-bubble-agent') !default;
390
519
 
520
+ /// The CSS Custom Property for the `chat-bubble-agent-text` token
521
+ $chat-bubble-agent-text: _get('chat-bubble-agent-text') !default;
522
+
391
523
  /// The CSS Custom Property for the `chat-bubble-border` token
392
524
  $chat-bubble-border: _get('chat-bubble-border') !default;
393
525
 
@@ -406,6 +538,9 @@ $chat-shell-background: _get('chat-shell-background') !default;
406
538
  /// The CSS Custom Property for the `chat-header-background` token
407
539
  $chat-header-background: _get('chat-header-background') !default;
408
540
 
541
+ /// The CSS Custom Property for the `chat-header-text` token
542
+ $chat-header-text: _get('chat-header-text') !default;
543
+
409
544
  /// The CSS Custom Property for the `chat-button` token
410
545
  $chat-button: _get('chat-button') !default;
411
546
 
package/src/g10.js CHANGED
@@ -16,6 +16,7 @@ import {
16
16
  blue100,
17
17
 
18
18
  // Gray
19
+ coolGray80,
19
20
  gray10,
20
21
  gray10Hover,
21
22
  gray20,
@@ -31,14 +32,18 @@ import {
31
32
 
32
33
  // Support
33
34
  blue50,
35
+ cyan70,
34
36
  green40,
35
37
  green50,
38
+ green60,
36
39
  yellow30,
37
40
  orange40,
38
41
  red50,
39
42
  red60,
40
- purple60,
41
43
  purple40,
44
+ purple60,
45
+ purple70,
46
+ teal60,
42
47
 
43
48
  // Constants
44
49
  black,
@@ -209,6 +214,49 @@ export const overlay = rgba(black, 0.6);
209
214
  export const toggleOff = gray50;
210
215
  export const shadow = 'rgba(0, 0, 0, 0.3)';
211
216
 
217
+ // Syntax highlighting
218
+ export const syntaxComment = green60;
219
+ export const syntaxLineComment = syntaxComment;
220
+ export const syntaxBlockComment = syntaxComment;
221
+ export const syntaxDocComment = syntaxComment;
222
+ export const syntaxString = textPrimary;
223
+ export const syntaxDocString = syntaxString;
224
+ export const syntaxKeyword = blue60;
225
+ export const syntaxOperatorKeyword = syntaxKeyword;
226
+ export const syntaxControlKeyword = purple70;
227
+ export const syntaxDefinitionKeyword = cyan70;
228
+ export const syntaxModuleKeyword = purple70;
229
+ export const syntaxVariable = blue60;
230
+ export const syntaxName = syntaxVariable;
231
+ export const syntaxVariableName = syntaxVariable;
232
+ export const syntaxLabelName = syntaxVariable;
233
+ export const syntaxAttribute = cyan70;
234
+ export const syntaxAttributeName = syntaxAttribute;
235
+ export const syntaxPropertyName = syntaxAttribute;
236
+ export const syntaxTag = teal60;
237
+ export const syntaxTagName = syntaxTag;
238
+ export const syntaxType = teal60;
239
+ export const syntaxTypeName = syntaxType;
240
+ export const syntaxClassName = syntaxType;
241
+ export const syntaxNamespace = syntaxType;
242
+ export const syntaxMacroName = textPrimary;
243
+ export const syntaxAtom = syntaxMacroName;
244
+ export const syntaxLiteral = syntaxAtom;
245
+ export const syntaxBool = syntaxAtom;
246
+ export const syntaxNull = syntaxAtom;
247
+ export const syntaxSelf = syntaxTag;
248
+ export const syntaxNumber = green60;
249
+ export const syntaxInteger = syntaxNumber;
250
+ export const syntaxFloat = syntaxNumber;
251
+ export const syntaxUnit = syntaxNumber;
252
+ export const syntaxCharacter = syntaxString;
253
+ export const syntaxAttributeValue = syntaxString;
254
+ export const syntaxSpecialString = purple60;
255
+ export const syntaxRegexp = purple70;
256
+ export const syntaxEscape = coolGray80;
257
+ export const syntaxUrl = syntaxEscape;
258
+ export const syntaxColor = syntaxMacroName;
259
+
212
260
  //// AI - Experimental (Use at your own risk)
213
261
  //// Phase 2 - new \\\\
214
262
  // Shared
@@ -246,14 +294,18 @@ export const aiPopoverCaretBottomBackground = '#EAF1FF';
246
294
  export const chatPromptBackground = white;
247
295
  export const chatPromptBorderStart = gray10;
248
296
  export const chatPromptBorderEnd = rgba(gray10, 0);
297
+ export const chatPromptText = textPrimary;
249
298
  export const chatBubbleUser = gray20;
299
+ export const chatBubbleUserText = textPrimary;
250
300
  export const chatBubbleAgent = white;
301
+ export const chatBubbleAgentText = textPrimary;
251
302
  export const chatBubbleBorder = gray20;
252
303
  export const chatAvatarBot = gray60;
253
304
  export const chatAvatarAgent = gray80;
254
305
  export const chatAvatarUser = blue60;
255
306
  export const chatShellBackground = white;
256
307
  export const chatHeaderBackground = white;
308
+ export const chatHeaderText = textPrimary;
257
309
 
258
310
  // Chat button tokens
259
311
  export const chatButton = linkPrimary;
package/src/g100.js CHANGED
@@ -15,6 +15,7 @@ import {
15
15
  // Gray
16
16
  gray10,
17
17
  gray10Hover,
18
+ gray20,
18
19
  gray30,
19
20
  gray40,
20
21
  gray50,
@@ -31,6 +32,8 @@ import {
31
32
  // Support
32
33
  blue30,
33
34
  blue50,
35
+ cyan40,
36
+ green30,
34
37
  green40,
35
38
  green50,
36
39
  yellow30,
@@ -41,6 +44,7 @@ import {
41
44
  purple40,
42
45
  purple50,
43
46
  purple60,
47
+ teal30,
44
48
 
45
49
  // Constants
46
50
  white,
@@ -212,6 +216,49 @@ export const overlay = rgba(black, 0.6);
212
216
  export const toggleOff = gray60;
213
217
  export const shadow = rgba(black, 0.8);
214
218
 
219
+ // Syntax highlighting
220
+ export const syntaxComment = green40;
221
+ export const syntaxLineComment = syntaxComment;
222
+ export const syntaxBlockComment = syntaxComment;
223
+ export const syntaxDocComment = syntaxComment;
224
+ export const syntaxString = textPrimary;
225
+ export const syntaxDocString = syntaxString;
226
+ export const syntaxKeyword = blue50;
227
+ export const syntaxOperatorKeyword = syntaxKeyword;
228
+ export const syntaxControlKeyword = purple40;
229
+ export const syntaxDefinitionKeyword = cyan40;
230
+ export const syntaxModuleKeyword = purple40;
231
+ export const syntaxVariable = blue30;
232
+ export const syntaxName = syntaxVariable;
233
+ export const syntaxVariableName = syntaxVariable;
234
+ export const syntaxLabelName = syntaxVariable;
235
+ export const syntaxAttribute = cyan40;
236
+ export const syntaxAttributeName = syntaxAttribute;
237
+ export const syntaxPropertyName = syntaxAttribute;
238
+ export const syntaxTag = teal30;
239
+ export const syntaxTagName = syntaxTag;
240
+ export const syntaxType = teal30;
241
+ export const syntaxTypeName = syntaxType;
242
+ export const syntaxClassName = syntaxType;
243
+ export const syntaxNamespace = syntaxType;
244
+ export const syntaxMacroName = textPrimary;
245
+ export const syntaxAtom = syntaxMacroName;
246
+ export const syntaxLiteral = syntaxAtom;
247
+ export const syntaxBool = syntaxAtom;
248
+ export const syntaxNull = syntaxAtom;
249
+ export const syntaxSelf = syntaxTag;
250
+ export const syntaxNumber = green30;
251
+ export const syntaxInteger = syntaxNumber;
252
+ export const syntaxFloat = syntaxNumber;
253
+ export const syntaxUnit = syntaxNumber;
254
+ export const syntaxCharacter = syntaxString;
255
+ export const syntaxAttributeValue = syntaxString;
256
+ export const syntaxSpecialString = purple40;
257
+ export const syntaxRegexp = purple40;
258
+ export const syntaxEscape = gray20;
259
+ export const syntaxUrl = syntaxEscape;
260
+ export const syntaxColor = syntaxMacroName;
261
+
215
262
  //// AI - Experimental (Use at your own risk)
216
263
  //// Phase 2 - new \\\\
217
264
  // Shared
@@ -249,14 +296,18 @@ export const aiPopoverCaretBottomBackground = '#202D45';
249
296
  export const chatPromptBackground = gray100;
250
297
  export const chatPromptBorderStart = gray90;
251
298
  export const chatPromptBorderEnd = rgba(gray90, 0);
299
+ export const chatPromptText = textPrimary;
252
300
  export const chatBubbleUser = gray80;
301
+ export const chatBubbleUserText = textPrimary;
253
302
  export const chatBubbleAgent = gray90;
303
+ export const chatBubbleAgentText = textPrimary;
254
304
  export const chatBubbleBorder = gray70;
255
305
  export const chatAvatarBot = gray50;
256
306
  export const chatAvatarAgent = gray30;
257
307
  export const chatAvatarUser = blue50;
258
308
  export const chatShellBackground = gray90;
259
309
  export const chatHeaderBackground = gray90;
310
+ export const chatHeaderText = textPrimary;
260
311
 
261
312
  // Chat button tokens
262
313
  export const chatButton = linkPrimary;