@gitlab/ui 137.1.2 → 137.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/components/charts/chart/chart.js +81 -20
  2. package/dist/components/charts/gauge/gauge.js +3 -13
  3. package/dist/components/charts/heatmap/heatmap.js +33 -13
  4. package/dist/components/charts/legend/legend.js +13 -1
  5. package/dist/index.css +2 -2
  6. package/dist/index.css.map +1 -1
  7. package/dist/tokens/build/js/tokens.dark.js +196 -191
  8. package/dist/tokens/build/js/tokens.js +218 -213
  9. package/dist/tokens/color_mode.js +17 -0
  10. package/dist/utils/charts/color_mode.js +95 -0
  11. package/dist/utils/charts/css_values.js +105 -0
  12. package/dist/utils/charts/theme.js +72 -7
  13. package/dist/utils/constants.js +5 -5
  14. package/package.json +6 -6
  15. package/src/components/base/alert/alert.scss +13 -48
  16. package/src/components/charts/chart/chart.vue +68 -22
  17. package/src/components/charts/gauge/gauge.vue +1 -12
  18. package/src/components/charts/heatmap/heatmap.vue +34 -10
  19. package/src/components/charts/legend/legend.vue +13 -1
  20. package/src/scss/themes.scss +23 -5
  21. package/src/tokens/build/css/tokens.css +20 -15
  22. package/src/tokens/build/css/tokens.dark.css +32 -27
  23. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +199 -199
  24. package/src/tokens/build/docs/tokens-tailwind-docs.json +198 -198
  25. package/src/tokens/build/figma/constants.dark.json +33 -33
  26. package/src/tokens/build/figma/constants.json +33 -33
  27. package/src/tokens/build/figma/mode.dark.json +66 -16
  28. package/src/tokens/build/figma/mode.json +54 -4
  29. package/src/tokens/build/js/tokens.dark.js +195 -190
  30. package/src/tokens/build/js/tokens.js +217 -212
  31. package/src/tokens/build/json/tokens.dark.json +378 -218
  32. package/src/tokens/build/json/tokens.json +388 -228
  33. package/src/tokens/build/scss/_tokens.dark.scss +32 -27
  34. package/src/tokens/build/scss/_tokens.scss +20 -15
  35. package/src/tokens/build/scss/_tokens_custom_properties.scss +5 -0
  36. package/src/tokens/color_mode.js +16 -0
  37. package/src/tokens/constant/color.neutral.tokens.json +33 -33
  38. package/src/tokens/contextual/alert.tokens.json +80 -35
  39. package/src/tokens/semantic/action.tokens.json +3 -3
  40. package/src/tokens/semantic/feedback.tokens.json +6 -6
  41. package/src/utils/charts/color_mode.js +83 -0
  42. package/src/utils/charts/css_values.js +59 -0
  43. package/src/utils/charts/theme.js +72 -5
  44. package/src/utils/constants.js +5 -5
package/src/tokens/build/js/tokens.dark.js CHANGED
@@ -3,9 +3,9 @@
3
3
  */
4
4
 
5
5
  export const GL_BORDER_COLOR_TRANSPARENT = 'rgba(0, 0, 0, 0)';
6
- export const GL_BORDER_COLOR_DEFAULT = '#4c4b51';
7
- export const GL_BORDER_COLOR_SUBTLE = '#3a383f';
8
- export const GL_BORDER_COLOR_STRONG = '#626168';
6
+ export const GL_BORDER_COLOR_DEFAULT = '#4d4b4e';
7
+ export const GL_BORDER_COLOR_SUBTLE = '#3a383d';
8
+ export const GL_BORDER_COLOR_STRONG = '#646163';
9
9
  export const GL_BORDER_COLOR_SECTION = '#18171d';
10
10
  export const GL_BORDER_RADIUS_NONE = '0px';
11
11
  export const GL_BORDER_RADIUS_XS = '1px';
@@ -126,19 +126,19 @@ export const GL_COLOR_GREEN_800 = '#225131';
126
126
  export const GL_COLOR_GREEN_900 = '#1e3e28';
127
127
  export const GL_COLOR_GREEN_950 = '#17291c';
128
128
  export const GL_COLOR_NEUTRAL_0 = '#fff';
129
- export const GL_COLOR_NEUTRAL_10 = '#fbfafd';
130
- export const GL_COLOR_NEUTRAL_50 = '#ececef';
131
- export const GL_COLOR_NEUTRAL_100 = '#dcdcde';
132
- export const GL_COLOR_NEUTRAL_200 = '#bfbfc3';
133
- export const GL_COLOR_NEUTRAL_300 = '#a4a3a8';
134
- export const GL_COLOR_NEUTRAL_400 = '#89888d';
135
- export const GL_COLOR_NEUTRAL_500 = '#737278';
136
- export const GL_COLOR_NEUTRAL_600 = '#626168';
137
- export const GL_COLOR_NEUTRAL_700 = '#4c4b51';
138
- export const GL_COLOR_NEUTRAL_800 = '#3a383f';
129
+ export const GL_COLOR_NEUTRAL_10 = '#f7f7f5';
130
+ export const GL_COLOR_NEUTRAL_50 = '#ecebea';
131
+ export const GL_COLOR_NEUTRAL_100 = '#dcdbd9';
132
+ export const GL_COLOR_NEUTRAL_200 = '#c1bfbe';
133
+ export const GL_COLOR_NEUTRAL_300 = '#a5a3a3';
134
+ export const GL_COLOR_NEUTRAL_400 = '#8a8888';
135
+ export const GL_COLOR_NEUTRAL_500 = '#747273';
136
+ export const GL_COLOR_NEUTRAL_600 = '#646163';
137
+ export const GL_COLOR_NEUTRAL_700 = '#4d4b4e';
138
+ export const GL_COLOR_NEUTRAL_800 = '#3a383d';
139
139
  export const GL_COLOR_NEUTRAL_900 = '#28272d';
140
140
  export const GL_COLOR_NEUTRAL_950 = '#18171d';
141
- export const GL_COLOR_NEUTRAL_1000 = '#050506';
141
+ export const GL_COLOR_NEUTRAL_1000 = '#050408';
142
142
  export const GL_COLOR_ORANGE_50 = '#fdf1dd';
143
143
  export const GL_COLOR_ORANGE_100 = '#f5d9a8';
144
144
  export const GL_COLOR_ORANGE_200 = '#e9be74';
@@ -359,25 +359,30 @@ export const GL_ZINDEX_9999 = '9999';
359
359
  export const GL_ALERT_BORDER_RADIUS = '0.5rem';
360
360
  export const GL_ALERT_NEUTRAL_TITLE_COLOR = '#fff';
361
361
  export const GL_ALERT_NEUTRAL_BACKGROUND_COLOR = '#28272d';
362
- export const GL_ALERT_NEUTRAL_BORDER_TOP_COLOR = '#89888d';
362
+ export const GL_ALERT_NEUTRAL_BORDER_COLOR = '#646163';
363
+ export const GL_ALERT_NEUTRAL_BORDER_TOP_COLOR = '#8a8888';
363
364
  export const GL_ALERT_NEUTRAL_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
364
- export const GL_ALERT_INFO_TITLE_COLOR = '#63a6e9';
365
- export const GL_ALERT_INFO_BACKGROUND_COLOR = '#28272d';
365
+ export const GL_ALERT_INFO_TITLE_COLOR = '#9dc7f1';
366
+ export const GL_ALERT_INFO_BACKGROUND_COLOR = '#1d283e';
367
+ export const GL_ALERT_INFO_BORDER_COLOR = '#2f68b4';
366
368
  export const GL_ALERT_INFO_BORDER_TOP_COLOR = '#428fdc';
367
369
  export const GL_ALERT_INFO_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
368
- export const GL_ALERT_SUCCESS_TITLE_COLOR = '#52b87a';
369
- export const GL_ALERT_SUCCESS_BACKGROUND_COLOR = '#28272d';
370
+ export const GL_ALERT_SUCCESS_TITLE_COLOR = '#91d4a8';
371
+ export const GL_ALERT_SUCCESS_BACKGROUND_COLOR = '#1e3e28';
372
+ export const GL_ALERT_SUCCESS_BORDER_COLOR = '#2f7549';
370
373
  export const GL_ALERT_SUCCESS_BORDER_TOP_COLOR = '#2da160';
371
374
  export const GL_ALERT_SUCCESS_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
372
- export const GL_ALERT_WARNING_TITLE_COLOR = '#d99530';
373
- export const GL_ALERT_WARNING_BACKGROUND_COLOR = '#28272d';
375
+ export const GL_ALERT_WARNING_TITLE_COLOR = '#e9be74';
376
+ export const GL_ALERT_WARNING_BACKGROUND_COLOR = '#532e16';
377
+ export const GL_ALERT_WARNING_BORDER_COLOR = '#995715';
374
378
  export const GL_ALERT_WARNING_BORDER_TOP_COLOR = '#c17d10';
375
379
  export const GL_ALERT_WARNING_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
376
- export const GL_ALERT_DANGER_TITLE_COLOR = '#f6806d';
377
- export const GL_ALERT_DANGER_BACKGROUND_COLOR = '#28272d';
380
+ export const GL_ALERT_DANGER_TITLE_COLOR = '#fcb5aa';
381
+ export const GL_ALERT_DANGER_BACKGROUND_COLOR = '#582014';
382
+ export const GL_ALERT_DANGER_BORDER_COLOR = '#f6806d';
378
383
  export const GL_ALERT_DANGER_BORDER_TOP_COLOR = '#ec5941';
379
384
  export const GL_ALERT_DANGER_BORDER_BOTTOM_COLOR = 'rgba(0, 0, 0, 0)';
380
- export const GL_APPLICATION_CHROME_BACKGROUND_COLOR = '#050506';
385
+ export const GL_APPLICATION_CHROME_BACKGROUND_COLOR = '#050408';
381
386
  export const GL_AVATAR_BORDER_COLOR_DEFAULT = 'rgba(255, 255, 255, 0.08)';
382
387
  export const GL_AVATAR_BORDER_COLOR_HOVER = 'rgba(255, 255, 255, 0.24)';
383
388
  export const GL_AVATAR_CIRCLE_BORDER_RADIUS_DEFAULT = '9999px';
@@ -388,7 +393,7 @@ export const GL_AVATAR_FALLBACK_TEXT_COLOR_PURPLE = '#cbbbf2';
388
393
  export const GL_AVATAR_FALLBACK_TEXT_COLOR_BLUE = '#9dc7f1';
389
394
  export const GL_AVATAR_FALLBACK_TEXT_COLOR_GREEN = '#91d4a8';
390
395
  export const GL_AVATAR_FALLBACK_TEXT_COLOR_ORANGE = '#e9be74';
391
- export const GL_AVATAR_FALLBACK_TEXT_COLOR_NEUTRAL = '#bfbfc3';
396
+ export const GL_AVATAR_FALLBACK_TEXT_COLOR_NEUTRAL = '#c1bfbe';
392
397
  export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_RED = 'rgba(252, 181, 170, 0.23921568627450981)';
393
398
  export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_PURPLE =
394
399
  'rgba(203, 187, 242, 0.23921568627450981)';
@@ -398,12 +403,12 @@ export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_ORANGE =
398
403
  'rgba(233, 190, 116, 0.23921568627450981)';
399
404
  export const GL_AVATAR_FALLBACK_BACKGROUND_COLOR_NEUTRAL =
400
405
  'rgba(191, 191, 195, 0.23921568627450981)';
401
- export const GL_BADGE_MUTED_BACKGROUND_COLOR_DEFAULT = '#89888d';
402
- export const GL_BADGE_MUTED_BACKGROUND_COLOR_HOVER = '#89888d';
403
- export const GL_BADGE_MUTED_BACKGROUND_COLOR_FOCUS = '#89888d';
404
- export const GL_BADGE_MUTED_BACKGROUND_COLOR_ACTIVE = '#a4a3a8';
406
+ export const GL_BADGE_MUTED_BACKGROUND_COLOR_DEFAULT = '#8a8888';
407
+ export const GL_BADGE_MUTED_BACKGROUND_COLOR_HOVER = '#8a8888';
408
+ export const GL_BADGE_MUTED_BACKGROUND_COLOR_FOCUS = '#8a8888';
409
+ export const GL_BADGE_MUTED_BACKGROUND_COLOR_ACTIVE = '#a5a3a3';
405
410
  export const GL_BADGE_MUTED_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
406
- export const GL_BADGE_MUTED_BORDER_COLOR_HOVER = '#a4a3a8';
411
+ export const GL_BADGE_MUTED_BORDER_COLOR_HOVER = '#a5a3a3';
407
412
  export const GL_BADGE_MUTED_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
408
413
  export const GL_BADGE_MUTED_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
409
414
  export const GL_BADGE_MUTED_TEXT_COLOR_DEFAULT = '#18171d';
@@ -414,12 +419,12 @@ export const GL_BADGE_MUTED_ICON_COLOR_DEFAULT = '#18171d';
414
419
  export const GL_BADGE_MUTED_ICON_COLOR_HOVER = '#18171d';
415
420
  export const GL_BADGE_MUTED_ICON_COLOR_FOCUS = '#18171d';
416
421
  export const GL_BADGE_MUTED_ICON_COLOR_ACTIVE = '#18171d';
417
- export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#a4a3a8';
418
- export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_HOVER = '#a4a3a8';
419
- export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#a4a3a8';
420
- export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#bfbfc3';
422
+ export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#a5a3a3';
423
+ export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_HOVER = '#a5a3a3';
424
+ export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#a5a3a3';
425
+ export const GL_BADGE_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#c1bfbe';
421
426
  export const GL_BADGE_NEUTRAL_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
422
- export const GL_BADGE_NEUTRAL_BORDER_COLOR_HOVER = '#bfbfc3';
427
+ export const GL_BADGE_NEUTRAL_BORDER_COLOR_HOVER = '#c1bfbe';
423
428
  export const GL_BADGE_NEUTRAL_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
424
429
  export const GL_BADGE_NEUTRAL_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
425
430
  export const GL_BADGE_NEUTRAL_TEXT_COLOR_DEFAULT = '#18171d';
@@ -513,22 +518,22 @@ export const GL_BADGE_TIER_ICON_COLOR_ACTIVE = '#27243e';
513
518
  export const GL_BANNER_INTRO_BORDER_COLOR = '#2f5ca0';
514
519
  export const GL_BANNER_PROMO_BACKGROUND_COLOR = '#27243e';
515
520
  export const GL_BANNER_PROMO_BORDER_COLOR = '#5c47a6';
516
- export const GL_BREADCRUMB_SEPARATOR_COLOR = '#89888d';
521
+ export const GL_BREADCRUMB_SEPARATOR_COLOR = '#8a8888';
517
522
  export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_BLUE = '#235180';
518
- export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_DARK = '#737278';
523
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_DARK = '#747273';
519
524
  export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_GREEN = '#1b653f';
520
525
  export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_INDIGO = '#41419f';
521
- export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHT = '#ececef';
526
+ export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHT = '#ecebea';
522
527
  export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTBLUE = '#4977a5';
523
528
  export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTGREEN = '#308258';
524
529
  export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTINDIGO = '#6666c4';
525
530
  export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_LIGHTRED = '#ad4a3b';
526
531
  export const GL_BROADCAST_BANNER_BACKGROUND_COLOR_RED = '#8f2110';
527
532
  export const GL_BROADCAST_BANNER_BORDER_COLOR_BLUE = '#0b2640';
528
- export const GL_BROADCAST_BANNER_BORDER_COLOR_DARK = '#4c4b51';
533
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_DARK = '#4d4b4e';
529
534
  export const GL_BROADCAST_BANNER_BORDER_COLOR_GREEN = '#0e4328';
530
535
  export const GL_BROADCAST_BANNER_BORDER_COLOR_INDIGO = '#222261';
531
- export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHT = '#dcdcde';
536
+ export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHT = '#dcdbd9';
532
537
  export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTBLUE = '#235180';
533
538
  export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTGREEN = '#1b653f';
534
539
  export const GL_BROADCAST_BANNER_BORDER_COLOR_LIGHTINDIGO = '#41419f';
@@ -556,10 +561,10 @@ export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTINDIGO = '#fff';
556
561
  export const GL_BROADCAST_BANNER_TEXT_COLOR_LIGHTRED = '#fff';
557
562
  export const GL_BROADCAST_BANNER_TEXT_COLOR_RED = '#fff';
558
563
  export const GL_BUTTON_BORDER_RADIUS = '0.5rem';
559
- export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#ececef';
560
- export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_HOVER = '#ececef';
561
- export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_FOCUS = '#ececef';
562
- export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#ececef';
564
+ export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#ecebea';
565
+ export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_HOVER = '#ecebea';
566
+ export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_FOCUS = '#ecebea';
567
+ export const GL_BUTTON_DEFAULT_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#ecebea';
563
568
  export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_DEFAULT = 'rgba(137, 136, 141, 0.4)';
564
569
  export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_HOVER = 'rgba(137, 136, 141, 0.64)';
565
570
  export const GL_BUTTON_DEFAULT_PRIMARY_BACKGROUND_COLOR_FOCUS = 'rgba(137, 136, 141, 0.64)';
@@ -568,10 +573,10 @@ export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)'
568
573
  export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
569
574
  export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
570
575
  export const GL_BUTTON_DEFAULT_PRIMARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
571
- export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#ececef';
572
- export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_HOVER = '#ececef';
573
- export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_FOCUS = '#ececef';
574
- export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#ececef';
576
+ export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#ecebea';
577
+ export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_HOVER = '#ecebea';
578
+ export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_FOCUS = '#ecebea';
579
+ export const GL_BUTTON_DEFAULT_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#ecebea';
575
580
  export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
576
581
  export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(255, 255, 255, 0.16)';
577
582
  export const GL_BUTTON_DEFAULT_TERTIARY_BACKGROUND_COLOR_FOCUS = 'rgba(255, 255, 255, 0.16)';
@@ -584,17 +589,17 @@ export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_DEFAULT = '#18171d';
584
589
  export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_HOVER = '#18171d';
585
590
  export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_FOCUS = '#18171d';
586
591
  export const GL_BUTTON_CONFIRM_PRIMARY_FOREGROUND_COLOR_ACTIVE = '#18171d';
587
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#ececef';
588
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_HOVER = '#fbfafd';
589
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_FOCUS = '#fbfafd';
590
- export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#dcdcde';
592
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_DEFAULT = '#ecebea';
593
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_HOVER = '#f7f7f5';
594
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_FOCUS = '#f7f7f5';
595
+ export const GL_BUTTON_CONFIRM_PRIMARY_BACKGROUND_COLOR_ACTIVE = '#dcdbd9';
591
596
  export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
592
597
  export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
593
598
  export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
594
599
  export const GL_BUTTON_CONFIRM_PRIMARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
595
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#ececef';
596
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_HOVER = '#fbfafd';
597
- export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_FOCUS = '#fbfafd';
600
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_DEFAULT = '#ecebea';
601
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_HOVER = '#f7f7f5';
602
+ export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_FOCUS = '#f7f7f5';
598
603
  export const GL_BUTTON_CONFIRM_SECONDARY_FOREGROUND_COLOR_ACTIVE = '#fff';
599
604
  export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_DEFAULT = 'rgba(255, 255, 255, 0.24)';
600
605
  export const GL_BUTTON_CONFIRM_SECONDARY_BACKGROUND_COLOR_HOVER = 'rgba(255, 255, 255, 0.4)';
@@ -604,9 +609,9 @@ export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0
604
609
  export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
605
610
  export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
606
611
  export const GL_BUTTON_CONFIRM_SECONDARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
607
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#ececef';
608
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_HOVER = '#fbfafd';
609
- export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_FOCUS = '#fbfafd';
612
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_DEFAULT = '#ecebea';
613
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_HOVER = '#f7f7f5';
614
+ export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_FOCUS = '#f7f7f5';
610
615
  export const GL_BUTTON_CONFIRM_TERTIARY_FOREGROUND_COLOR_ACTIVE = '#fff';
611
616
  export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
612
617
  export const GL_BUTTON_CONFIRM_TERTIARY_BACKGROUND_COLOR_HOVER = 'rgba(255, 255, 255, 0.16)';
@@ -652,10 +657,10 @@ export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)'
652
657
  export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
653
658
  export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
654
659
  export const GL_BUTTON_DANGER_TERTIARY_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
655
- export const GL_BUTTON_DASHED_BORDER_COLOR_DEFAULT = '#89888d';
656
- export const GL_BUTTON_DASHED_BORDER_COLOR_HOVER = '#89888d';
657
- export const GL_BUTTON_DASHED_BORDER_COLOR_FOCUS = '#89888d';
658
- export const GL_BUTTON_DASHED_BORDER_COLOR_ACTIVE = '#a4a3a8';
660
+ export const GL_BUTTON_DASHED_BORDER_COLOR_DEFAULT = '#8a8888';
661
+ export const GL_BUTTON_DASHED_BORDER_COLOR_HOVER = '#8a8888';
662
+ export const GL_BUTTON_DASHED_BORDER_COLOR_FOCUS = '#8a8888';
663
+ export const GL_BUTTON_DASHED_BORDER_COLOR_ACTIVE = '#a5a3a3';
659
664
  export const GL_BUTTON_LINK_BORDER_RADIUS = '0.25rem';
660
665
  export const GL_BUTTON_LINK_TEXT_COLOR_DEFAULT = '#9dc7f1';
661
666
  export const GL_BUTTON_LINK_TEXT_COLOR_HOVER = '#9dc7f1';
@@ -665,57 +670,57 @@ export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_DEFAULT = '#28272d';
665
670
  export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_HOVER = '#18171d';
666
671
  export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_FOCUS = '#18171d';
667
672
  export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_ACTIVE = '#18171d';
668
- export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_DEFAULT = '#a4a3a8';
669
- export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_HOVER = '#bfbfc3';
670
- export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_FOCUS = '#bfbfc3';
671
- export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_ACTIVE = '#89888d';
673
+ export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_DEFAULT = '#a5a3a3';
674
+ export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_HOVER = '#c1bfbe';
675
+ export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_FOCUS = '#c1bfbe';
676
+ export const GL_BUTTON_SELECTED_BACKGROUND_COLOR_ACTIVE = '#8a8888';
672
677
  export const GL_BUTTON_SELECTED_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
673
678
  export const GL_BUTTON_SELECTED_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
674
679
  export const GL_BUTTON_SELECTED_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
675
680
  export const GL_BUTTON_SELECTED_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
676
- export const GL_BUTTON_DISABLED_FOREGROUND_COLOR = '#89888d';
681
+ export const GL_BUTTON_DISABLED_FOREGROUND_COLOR = '#8a8888';
677
682
  export const GL_BUTTON_DISABLED_BACKGROUND_COLOR = 'rgba(137, 136, 141, 0.16)';
678
683
  export const GL_BUTTON_DISABLED_BORDER_COLOR = 'rgba(0, 0, 0, 0)';
679
684
  export const GL_BUTTON_COUNT_BACKGROUND_COLOR = 'rgba(255, 255, 255, 0.16)';
680
685
  export const GL_CARD_BORDER_RADIUS = '0.75rem';
681
- export const GL_CHART_AXIS_POINTER_COLOR = '#bfbfc3';
682
- export const GL_CHART_AXIS_LINE_COLOR = '#4c4b51';
683
- export const GL_CHART_AXIS_TEXT_COLOR = '#bfbfc3';
686
+ export const GL_CHART_AXIS_POINTER_COLOR = '#c1bfbe';
687
+ export const GL_CHART_AXIS_LINE_COLOR = '#4d4b4e';
688
+ export const GL_CHART_AXIS_TEXT_COLOR = '#c1bfbe';
684
689
  export const GL_CHART_THRESHOLD_AREA_COLOR = 'rgba(221, 43, 14, 0.1)';
685
690
  export const GL_CHART_THRESHOLD_LINE_COLOR = '#c02f12';
686
691
  export const GL_CHART_ZOOM_FILLER_COLOR = 'rgba(255, 255, 255, 0.16)';
687
- export const GL_CHART_ZOOM_HANDLE_COLOR = '#bfbfc3';
692
+ export const GL_CHART_ZOOM_HANDLE_COLOR = '#c1bfbe';
688
693
  export const GL_DATEPICKER_BACKGROUND_COLOR = '#28272d';
689
694
  export const GL_DATEPICKER_DATE_TEXT_COLOR_SELECTED = '#18171d';
690
695
  export const GL_DRAWER_BORDER_RADIUS = '1rem';
691
696
  export const GL_DROPDOWN_BACKGROUND_COLOR = '#28272d';
692
- export const GL_DROPDOWN_BORDER_COLOR = '#4c4b51';
697
+ export const GL_DROPDOWN_BORDER_COLOR = '#4d4b4e';
693
698
  export const GL_DROPDOWN_BORDER_RADIUS = '0.5rem';
694
- export const GL_DROPDOWN_DIVIDER_COLOR = '#3a383f';
695
- export const GL_DROPDOWN_OPTION_TEXT_COLOR_DEFAULT = '#ececef';
696
- export const GL_DROPDOWN_OPTION_TEXT_COLOR_HOVER = '#ececef';
697
- export const GL_DROPDOWN_OPTION_TEXT_COLOR_FOCUS = '#ececef';
698
- export const GL_DROPDOWN_OPTION_TEXT_COLOR_ACTIVE = '#ececef';
699
- export const GL_DROPDOWN_OPTION_TEXT_COLOR_DISABLED = '#737278';
700
- export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_DEFAULT = '#ececef';
701
- export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_HOVER = '#fbfafd';
702
- export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_FOCUS = '#fbfafd';
703
- export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_ACTIVE = '#fbfafd';
699
+ export const GL_DROPDOWN_DIVIDER_COLOR = '#3a383d';
700
+ export const GL_DROPDOWN_OPTION_TEXT_COLOR_DEFAULT = '#ecebea';
701
+ export const GL_DROPDOWN_OPTION_TEXT_COLOR_HOVER = '#ecebea';
702
+ export const GL_DROPDOWN_OPTION_TEXT_COLOR_FOCUS = '#ecebea';
703
+ export const GL_DROPDOWN_OPTION_TEXT_COLOR_ACTIVE = '#ecebea';
704
+ export const GL_DROPDOWN_OPTION_TEXT_COLOR_DISABLED = '#747273';
705
+ export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_DEFAULT = '#ecebea';
706
+ export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_HOVER = '#f7f7f5';
707
+ export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_FOCUS = '#f7f7f5';
708
+ export const GL_DROPDOWN_OPTION_INDICATOR_COLOR_SELECTED_ACTIVE = '#f7f7f5';
704
709
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_DEFAULT = 'rgba(0, 0, 0, 0)';
705
710
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_HOVER = 'rgba(255, 255, 255, 0.16)';
706
711
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_FOCUS = 'rgba(255, 255, 255, 0.16)';
707
712
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_UNSELECTED_ACTIVE = 'rgba(255, 255, 255, 0.08)';
708
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_DEFAULT = '#3a383f';
709
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_HOVER = '#4c4b51';
710
- export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_FOCUS = '#4c4b51';
713
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_DEFAULT = '#3a383d';
714
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_HOVER = '#4d4b4e';
715
+ export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_FOCUS = '#4d4b4e';
711
716
  export const GL_DROPDOWN_OPTION_BACKGROUND_COLOR_SELECTED_ACTIVE = '#28272d';
712
717
  export const GL_DROPDOWN_SEARCH_BACKGROUND_COLOR = 'rgba(5, 5, 6, 0.16)';
713
718
  export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_DEFAULT = '#28272d';
714
- export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_HOVER = '#3a383f';
715
- export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_DEFAULT = '#3a383f';
716
- export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_HOVER = '#4c4b51';
719
+ export const GL_FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_HOVER = '#3a383d';
720
+ export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_DEFAULT = '#3a383d';
721
+ export const GL_FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_HOVER = '#4d4b4e';
717
722
  export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_DEFAULT = '#28272d';
718
- export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#3a383f';
723
+ export const GL_FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER = '#3a383d';
719
724
  export const GL_ILLUSTRATION_STROKE_COLOR_DEFAULT = '#e3e3e8';
720
725
  export const GL_ILLUSTRATION_STROKE_WIDTH_DEFAULT = '1.5';
721
726
  export const GL_ILLUSTRATION_FILL_COLOR_DEFAULT = '#423f4f';
@@ -768,7 +773,7 @@ export const GL_MODAL_BORDER_RADIUS = '1rem';
768
773
  export const GL_NAV_ITEM_BORDER_RADIUS = '0.5rem';
769
774
  export const GL_NAV_ITEM_FONT_SIZE = '0.875rem';
770
775
  export const GL_NAV_ITEM_FONT_WEIGHT = 425;
771
- export const GL_NAV_ITEM_FOREGROUND_COLOR_DEFAULT = '#bfbfc3';
776
+ export const GL_NAV_ITEM_FOREGROUND_COLOR_DEFAULT = '#c1bfbe';
772
777
  export const GL_NAV_ITEM_FOREGROUND_COLOR_HOVER = '#fff';
773
778
  export const GL_NAV_ITEM_FOREGROUND_COLOR_FOCUS = '#fff';
774
779
  export const GL_NAV_ITEM_FOREGROUND_COLOR_ACTIVE = '#fff';
@@ -789,13 +794,13 @@ export const GL_PROGRESS_BAR_INDICATOR_COLOR_DEFAULT = '#63a6e9';
789
794
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_SUCCESS = '#52b87a';
790
795
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_WARNING = '#d99530';
791
796
  export const GL_PROGRESS_BAR_INDICATOR_COLOR_DANGER = '#f6806d';
792
- export const GL_PROGRESS_BAR_TRACK_COLOR = '#4c4b51';
793
- export const GL_SKELETON_LOADER_BACKGROUND_COLOR = '#3a383f';
794
- export const GL_SKELETON_LOADER_SHIMMER_COLOR = '#4c4b51';
795
- export const GL_SPINNER_TRACK_COLOR_DEFAULT = '#626168';
796
- export const GL_SPINNER_TRACK_COLOR_LIGHT = '#3a383f';
797
- export const GL_SPINNER_SEGMENT_COLOR_DEFAULT = '#dcdcde';
798
- export const GL_SPINNER_SEGMENT_COLOR_LIGHT = '#bfbfc3';
797
+ export const GL_PROGRESS_BAR_TRACK_COLOR = '#4d4b4e';
798
+ export const GL_SKELETON_LOADER_BACKGROUND_COLOR = '#3a383d';
799
+ export const GL_SKELETON_LOADER_SHIMMER_COLOR = '#4d4b4e';
800
+ export const GL_SPINNER_TRACK_COLOR_DEFAULT = '#646163';
801
+ export const GL_SPINNER_TRACK_COLOR_LIGHT = '#3a383d';
802
+ export const GL_SPINNER_SEGMENT_COLOR_DEFAULT = '#dcdbd9';
803
+ export const GL_SPINNER_SEGMENT_COLOR_LIGHT = '#c1bfbe';
799
804
  export const GL_TABLE_ROW_BACKGROUND_COLOR_HOVER = '#1d283e';
800
805
  export const GL_TABLE_SORTING_ICON_COLOR = '#fff';
801
806
  export const GL_TAB_SELECTED_INDICATOR_COLOR_DEFAULT = '#fff';
@@ -804,48 +809,48 @@ export const GL_TOGGLE_SWITCH_TRACK_COLOR_UNCHECKED_HOVER = 'rgba(5, 5, 6, 0.4)'
804
809
  export const GL_TOGGLE_SWITCH_TRACK_COLOR_UNCHECKED_FOCUS = 'rgba(5, 5, 6, 0.4)';
805
810
  export const GL_TOGGLE_SWITCH_TRACK_COLOR_UNCHECKED_ACTIVE = 'rgba(255, 255, 255, 0.08)';
806
811
  export const GL_TOGGLE_SWITCH_TRACK_COLOR_UNCHECKED_DISABLED = 'rgba(5, 5, 6, 0.4)';
807
- export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_DEFAULT = '#ececef';
808
- export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_HOVER = '#fbfafd';
809
- export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_FOCUS = '#fbfafd';
812
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_DEFAULT = '#ecebea';
813
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_HOVER = '#f7f7f5';
814
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_FOCUS = '#f7f7f5';
810
815
  export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_ACTIVE = '#fff';
811
- export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_DISABLED = '#737278';
816
+ export const GL_TOGGLE_SWITCH_TRACK_COLOR_CHECKED_DISABLED = '#747273';
812
817
  export const GL_TOGGLE_SWITCH_TRACK_COLOR_LOADING = '#28272d';
813
- export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_DEFAULT = '#737278';
814
- export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_HOVER = '#a4a3a8';
815
- export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_FOCUS = '#a4a3a8';
816
- export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_ACTIVE = '#a4a3a8';
817
- export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_DISABLED = '#3a383f';
818
- export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_DEFAULT = '#ececef';
819
- export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_HOVER = '#fbfafd';
820
- export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_FOCUS = '#fbfafd';
818
+ export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_DEFAULT = '#747273';
819
+ export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_HOVER = '#a5a3a3';
820
+ export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_FOCUS = '#a5a3a3';
821
+ export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_ACTIVE = '#a5a3a3';
822
+ export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_DISABLED = '#3a383d';
823
+ export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_DEFAULT = '#ecebea';
824
+ export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_HOVER = '#f7f7f5';
825
+ export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_FOCUS = '#f7f7f5';
821
826
  export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_ACTIVE = '#fff';
822
- export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_DISABLED = '#737278';
827
+ export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_DISABLED = '#747273';
823
828
  export const GL_TOGGLE_SWITCH_TRACK_BORDER_COLOR_LOADING = '#28272d';
824
- export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_DEFAULT = '#ececef';
825
- export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_HOVER = '#ececef';
826
- export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_FOCUS = '#ececef';
827
- export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_ACTIVE = '#ececef';
828
- export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_DISABLED = '#737278';
829
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_DEFAULT = '#ecebea';
830
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_HOVER = '#ecebea';
831
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_FOCUS = '#ecebea';
832
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_ACTIVE = '#ecebea';
833
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_DISABLED = '#747273';
829
834
  export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_CHECKED_DEFAULT = '#18171d';
830
835
  export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_CHECKED_HOVER = '#18171d';
831
836
  export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_CHECKED_FOCUS = '#18171d';
832
837
  export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_CHECKED_ACTIVE = '#18171d';
833
838
  export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_CHECKED_DISABLED = '#18171d';
834
- export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_DISABLED = '#737278';
839
+ export const GL_TOGGLE_SWITCH_BACKGROUND_COLOR_DISABLED = '#747273';
835
840
  export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_DEFAULT = '#18171d';
836
841
  export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_HOVER = '#18171d';
837
842
  export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_FOCUS = '#18171d';
838
843
  export const GL_TOGGLE_SWITCH_ICON_COLOR_UNCHECKED_ACTIVE = '#18171d';
839
- export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_DEFAULT = '#ececef';
840
- export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_HOVER = '#fbfafd';
841
- export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_FOCUS = '#fbfafd';
844
+ export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_DEFAULT = '#ecebea';
845
+ export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_HOVER = '#f7f7f5';
846
+ export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_FOCUS = '#f7f7f5';
842
847
  export const GL_TOGGLE_SWITCH_ICON_COLOR_CHECKED_ACTIVE = '#fff';
843
848
  export const GL_TOGGLE_SWITCH_ICON_COLOR_DISABLED = '#28272d';
844
- export const GL_TOKEN_SELECTOR_TOKEN_CONTAINER_TOKEN_BACKGROUND_COLOR_FOCUS = '#626168';
849
+ export const GL_TOKEN_SELECTOR_TOKEN_CONTAINER_TOKEN_BACKGROUND_COLOR_FOCUS = '#646163';
845
850
  export const GL_TOKEN_BORDER_RADIUS = '0.25rem';
846
- export const GL_TOKEN_FOREGROUND_COLOR = '#ececef';
847
- export const GL_TOKEN_BACKGROUND_COLOR = '#3a383f';
848
- export const GL_TOOLTIP_TEXT_COLOR_SUBTLE = '#bfbfc3';
851
+ export const GL_TOKEN_FOREGROUND_COLOR = '#ecebea';
852
+ export const GL_TOKEN_BACKGROUND_COLOR = '#3a383d';
853
+ export const GL_TOOLTIP_TEXT_COLOR_SUBTLE = '#c1bfbe';
849
854
  export const DATA_VIZ_GREEN_50 = '#133a03';
850
855
  export const DATA_VIZ_GREEN_100 = '#1a4500';
851
856
  export const DATA_VIZ_GREEN_200 = '#275600';
@@ -916,16 +921,16 @@ export const BLUE_900 = '#e9f3fc';
916
921
  export const BLUE_950 = '#f2f9ff';
917
922
  export const GRAY_10 = '#18171d';
918
923
  export const GRAY_50 = '#28272d';
919
- export const GRAY_100 = '#3a383f';
920
- export const GRAY_200 = '#4c4b51';
921
- export const GRAY_300 = '#626168';
922
- export const GRAY_400 = '#737278';
923
- export const GRAY_500 = '#89888d';
924
- export const GRAY_600 = '#a4a3a8';
925
- export const GRAY_700 = '#bfbfc3';
926
- export const GRAY_800 = '#dcdcde';
927
- export const GRAY_900 = '#ececef';
928
- export const GRAY_950 = '#fbfafd';
924
+ export const GRAY_100 = '#3a383d';
925
+ export const GRAY_200 = '#4d4b4e';
926
+ export const GRAY_300 = '#646163';
927
+ export const GRAY_400 = '#747273';
928
+ export const GRAY_500 = '#8a8888';
929
+ export const GRAY_600 = '#a5a3a3';
930
+ export const GRAY_700 = '#c1bfbe';
931
+ export const GRAY_800 = '#dcdbd9';
932
+ export const GRAY_900 = '#ecebea';
933
+ export const GRAY_950 = '#f7f7f5';
929
934
  export const GREEN_50 = '#1e3e28';
930
935
  export const GREEN_100 = '#225131';
931
936
  export const GREEN_200 = '#306440';
@@ -995,26 +1000,26 @@ export const T_WHITE_A_04 = 'rgba(255, 255, 255, 0.04)';
995
1000
  export const T_WHITE_A_06 = 'rgba(255, 255, 255, 0.06)';
996
1001
  export const T_WHITE_A_08 = 'rgba(255, 255, 255, 0.08)';
997
1002
  export const GL_ACTION_BORDER_RADIUS = '0.5rem';
998
- export const GL_ACTION_DISABLED_FOREGROUND_COLOR = '#737278';
1003
+ export const GL_ACTION_DISABLED_FOREGROUND_COLOR = '#747273';
999
1004
  export const GL_ACTION_DISABLED_BACKGROUND_COLOR = '#28272d';
1000
- export const GL_ACTION_DISABLED_BORDER_COLOR = '#3a383f';
1005
+ export const GL_ACTION_DISABLED_BORDER_COLOR = '#3a383d';
1001
1006
  export const GL_ACTION_SELECTED_FOREGROUND_COLOR_DEFAULT = '#18171d';
1002
1007
  export const GL_ACTION_SELECTED_FOREGROUND_COLOR_HOVER = '#18171d';
1003
1008
  export const GL_ACTION_SELECTED_FOREGROUND_COLOR_FOCUS = '#18171d';
1004
1009
  export const GL_ACTION_SELECTED_FOREGROUND_COLOR_ACTIVE = '#18171d';
1005
- export const GL_ACTION_SELECTED_BACKGROUND_COLOR_DEFAULT = '#ececef';
1006
- export const GL_ACTION_SELECTED_BACKGROUND_COLOR_HOVER = '#fbfafd';
1007
- export const GL_ACTION_SELECTED_BACKGROUND_COLOR_FOCUS = '#fbfafd';
1010
+ export const GL_ACTION_SELECTED_BACKGROUND_COLOR_DEFAULT = '#ecebea';
1011
+ export const GL_ACTION_SELECTED_BACKGROUND_COLOR_HOVER = '#f7f7f5';
1012
+ export const GL_ACTION_SELECTED_BACKGROUND_COLOR_FOCUS = '#f7f7f5';
1008
1013
  export const GL_ACTION_SELECTED_BACKGROUND_COLOR_ACTIVE = '#fff';
1009
- export const GL_ACTION_SELECTED_BACKGROUND_COLOR_DISABLED = '#737278';
1010
- export const GL_ACTION_SELECTED_BORDER_COLOR_DEFAULT = '#ececef';
1011
- export const GL_ACTION_SELECTED_BORDER_COLOR_HOVER = '#fbfafd';
1012
- export const GL_ACTION_SELECTED_BORDER_COLOR_FOCUS = '#fbfafd';
1014
+ export const GL_ACTION_SELECTED_BACKGROUND_COLOR_DISABLED = '#747273';
1015
+ export const GL_ACTION_SELECTED_BORDER_COLOR_DEFAULT = '#ecebea';
1016
+ export const GL_ACTION_SELECTED_BORDER_COLOR_HOVER = '#f7f7f5';
1017
+ export const GL_ACTION_SELECTED_BORDER_COLOR_FOCUS = '#f7f7f5';
1013
1018
  export const GL_ACTION_SELECTED_BORDER_COLOR_ACTIVE = '#fff';
1014
- export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ececef';
1015
- export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#ececef';
1016
- export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#ececef';
1017
- export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#ececef';
1019
+ export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ecebea';
1020
+ export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER = '#ecebea';
1021
+ export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#ecebea';
1022
+ export const GL_ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#ecebea';
1018
1023
  export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
1019
1024
  export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER = 'rgba(255, 255, 255, 0.16)';
1020
1025
  export const GL_ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS = 'rgba(255, 255, 255, 0.16)';
@@ -1023,9 +1028,9 @@ export const GL_ACTION_NEUTRAL_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
1023
1028
  export const GL_ACTION_NEUTRAL_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
1024
1029
  export const GL_ACTION_NEUTRAL_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
1025
1030
  export const GL_ACTION_NEUTRAL_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
1026
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#ececef';
1027
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#fbfafd';
1028
- export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#fbfafd';
1031
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT = '#ecebea';
1032
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_HOVER = '#f7f7f5';
1033
+ export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS = '#f7f7f5';
1029
1034
  export const GL_ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE = '#fff';
1030
1035
  export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
1031
1036
  export const GL_ACTION_CONFIRM_BACKGROUND_COLOR_HOVER = 'rgba(255, 255, 255, 0.16)';
@@ -1059,11 +1064,11 @@ export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_DEFAULT = 'rgba(0, 0, 0, 0)';
1059
1064
  export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_HOVER = 'rgba(0, 0, 0, 0)';
1060
1065
  export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
1061
1066
  export const GL_ACTION_STRONG_CONFIRM_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
1062
- export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#4c4b51';
1063
- export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_HOVER = '#626168';
1064
- export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#626168';
1065
- export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#737278';
1066
- export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ececef';
1067
+ export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_DEFAULT = '#4d4b4e';
1068
+ export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_HOVER = '#646163';
1069
+ export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_FOCUS = '#646163';
1070
+ export const GL_ACTION_STRONG_NEUTRAL_BACKGROUND_COLOR_ACTIVE = '#747273';
1071
+ export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_DEFAULT = '#ecebea';
1067
1072
  export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_HOVER = '#fff';
1068
1073
  export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_FOCUS = '#fff';
1069
1074
  export const GL_ACTION_STRONG_NEUTRAL_FOREGROUND_COLOR_ACTIVE = '#fff';
@@ -1073,81 +1078,81 @@ export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_FOCUS = 'rgba(0, 0, 0, 0)';
1073
1078
  export const GL_ACTION_STRONG_NEUTRAL_BORDER_COLOR_ACTIVE = 'rgba(0, 0, 0, 0)';
1074
1079
  export const GL_BACKGROUND_COLOR_DEFAULT = '#18171d';
1075
1080
  export const GL_BACKGROUND_COLOR_SUBTLE = '#28272d';
1076
- export const GL_BACKGROUND_COLOR_STRONG = '#3a383f';
1081
+ export const GL_BACKGROUND_COLOR_STRONG = '#3a383d';
1077
1082
  export const GL_BACKGROUND_COLOR_DISABLED = '#28272d';
1078
1083
  export const GL_BACKGROUND_COLOR_OVERLAP = '#28272d';
1079
- export const GL_BACKGROUND_COLOR_SECTION = '#3a383f';
1084
+ export const GL_BACKGROUND_COLOR_SECTION = '#3a383d';
1080
1085
  export const GL_BACKGROUND_COLOR_OVERLAY = 'rgba(0, 0, 0, 0.64)';
1081
1086
  export const GL_CONTROL_BACKGROUND_COLOR_DEFAULT = 'rgba(5, 5, 6, 0.4)';
1082
1087
  export const GL_CONTROL_BACKGROUND_COLOR_DISABLED = 'rgba(255, 255, 255, 0.04)';
1083
1088
  export const GL_CONTROL_BACKGROUND_COLOR_CONCATENATION = 'rgba(255, 255, 255, 0.04)';
1084
1089
  export const GL_CONTROL_BACKGROUND_COLOR_READONLY = 'rgba(255, 255, 255, 0.08)';
1085
- export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT = '#ececef';
1086
- export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_HOVER = '#fbfafd';
1087
- export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_FOCUS = '#fbfafd';
1088
- export const GL_CONTROL_BORDER_COLOR_DEFAULT = '#737278';
1089
- export const GL_CONTROL_BORDER_COLOR_HOVER = '#a4a3a8';
1090
- export const GL_CONTROL_BORDER_COLOR_FOCUS = '#ececef';
1091
- export const GL_CONTROL_BORDER_COLOR_DISABLED = '#3a383f';
1090
+ export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_DEFAULT = '#ecebea';
1091
+ export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_HOVER = '#f7f7f5';
1092
+ export const GL_CONTROL_BACKGROUND_COLOR_SELECTED_FOCUS = '#f7f7f5';
1093
+ export const GL_CONTROL_BORDER_COLOR_DEFAULT = '#747273';
1094
+ export const GL_CONTROL_BORDER_COLOR_HOVER = '#a5a3a3';
1095
+ export const GL_CONTROL_BORDER_COLOR_FOCUS = '#ecebea';
1096
+ export const GL_CONTROL_BORDER_COLOR_DISABLED = '#3a383d';
1092
1097
  export const GL_CONTROL_BORDER_COLOR_ERROR = '#f6806d';
1093
- export const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#ececef';
1094
- export const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = '#fbfafd';
1095
- export const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = '#fbfafd';
1098
+ export const GL_CONTROL_BORDER_COLOR_SELECTED_DEFAULT = '#ecebea';
1099
+ export const GL_CONTROL_BORDER_COLOR_SELECTED_HOVER = '#f7f7f5';
1100
+ export const GL_CONTROL_BORDER_COLOR_SELECTED_FOCUS = '#f7f7f5';
1096
1101
  export const GL_CONTROL_BORDER_RADIUS = '0.5rem';
1097
1102
  export const GL_CONTROL_TEXT_COLOR_ERROR = '#f6806d';
1098
1103
  export const GL_CONTROL_TEXT_COLOR_VALID = '#52b87a';
1099
- export const GL_CONTROL_PLACEHOLDER_COLOR = '#89888d';
1104
+ export const GL_CONTROL_PLACEHOLDER_COLOR = '#8a8888';
1100
1105
  export const GL_CONTROL_INDICATOR_COLOR_SELECTED = '#18171d';
1101
- export const GL_CONTROL_INDICATOR_COLOR_DISABLED = '#89888d';
1106
+ export const GL_CONTROL_INDICATOR_COLOR_DISABLED = '#8a8888';
1102
1107
  export const GL_FEEDBACK_BORDER_RADIUS = '0.5rem';
1103
- export const GL_FEEDBACK_STRONG_BACKGROUND_COLOR = '#3a383f';
1104
- export const GL_FEEDBACK_STRONG_BORDER_COLOR = '#a4a3a8';
1108
+ export const GL_FEEDBACK_STRONG_BACKGROUND_COLOR = '#3a383d';
1109
+ export const GL_FEEDBACK_STRONG_BORDER_COLOR = '#a5a3a3';
1105
1110
  export const GL_FEEDBACK_STRONG_TEXT_COLOR = '#fff';
1106
1111
  export const GL_FEEDBACK_STRONG_ICON_COLOR = '#fff';
1107
1112
  export const GL_FEEDBACK_STRONG_LINK_COLOR = '#63a6e9';
1108
1113
  export const GL_FEEDBACK_NEUTRAL_BACKGROUND_COLOR = '#28272d';
1109
- export const GL_FEEDBACK_NEUTRAL_BORDER_COLOR = '#626168';
1110
- export const GL_FEEDBACK_NEUTRAL_TEXT_COLOR = '#bfbfc3';
1111
- export const GL_FEEDBACK_NEUTRAL_ICON_COLOR = '#a4a3a8';
1114
+ export const GL_FEEDBACK_NEUTRAL_BORDER_COLOR = '#646163';
1115
+ export const GL_FEEDBACK_NEUTRAL_TEXT_COLOR = '#c1bfbe';
1116
+ export const GL_FEEDBACK_NEUTRAL_ICON_COLOR = '#c1bfbe';
1112
1117
  export const GL_FEEDBACK_INFO_BACKGROUND_COLOR = '#1d283e';
1113
1118
  export const GL_FEEDBACK_INFO_BORDER_COLOR = '#2f68b4';
1114
1119
  export const GL_FEEDBACK_INFO_TEXT_COLOR = '#9dc7f1';
1115
- export const GL_FEEDBACK_INFO_ICON_COLOR = '#63a6e9';
1120
+ export const GL_FEEDBACK_INFO_ICON_COLOR = '#9dc7f1';
1116
1121
  export const GL_FEEDBACK_SUCCESS_BACKGROUND_COLOR = '#1e3e28';
1117
1122
  export const GL_FEEDBACK_SUCCESS_BORDER_COLOR = '#2f7549';
1118
1123
  export const GL_FEEDBACK_SUCCESS_TEXT_COLOR = '#91d4a8';
1119
- export const GL_FEEDBACK_SUCCESS_ICON_COLOR = '#52b87a';
1124
+ export const GL_FEEDBACK_SUCCESS_ICON_COLOR = '#91d4a8';
1120
1125
  export const GL_FEEDBACK_WARNING_BACKGROUND_COLOR = '#532e16';
1121
1126
  export const GL_FEEDBACK_WARNING_BORDER_COLOR = '#995715';
1122
1127
  export const GL_FEEDBACK_WARNING_TEXT_COLOR = '#e9be74';
1123
- export const GL_FEEDBACK_WARNING_ICON_COLOR = '#d99530';
1128
+ export const GL_FEEDBACK_WARNING_ICON_COLOR = '#e9be74';
1124
1129
  export const GL_FEEDBACK_DANGER_BACKGROUND_COLOR = '#582014';
1125
1130
  export const GL_FEEDBACK_DANGER_BORDER_COLOR = '#f6806d';
1126
1131
  export const GL_FEEDBACK_DANGER_TEXT_COLOR = '#fcb5aa';
1127
- export const GL_FEEDBACK_DANGER_ICON_COLOR = '#f6806d';
1132
+ export const GL_FEEDBACK_DANGER_ICON_COLOR = '#fcb5aa';
1128
1133
  export const GL_FEEDBACK_BRAND_BACKGROUND_COLOR = '#27243e';
1129
1134
  export const GL_FEEDBACK_BRAND_BORDER_COLOR = '#6a4fb4';
1130
1135
  export const GL_FEEDBACK_BRAND_TEXT_COLOR = '#cbbbf2';
1131
- export const GL_FEEDBACK_BRAND_ICON_COLOR = '#ac93e6';
1136
+ export const GL_FEEDBACK_BRAND_ICON_COLOR = '#cbbbf2';
1132
1137
  export const GL_FOCUS_RING_OUTER_COLOR = '#428fdc';
1133
1138
  export const GL_FOCUS_RING_INNER_COLOR = '#18171d';
1134
1139
  export const GL_HIGHLIGHT_MATCH_BACKGROUND_COLOR = '#e9be74';
1135
1140
  export const GL_HIGHLIGHT_MATCH_TEXT_COLOR = '#18171d';
1136
1141
  export const GL_HIGHLIGHT_TARGET_BACKGROUND_COLOR = '#1d283e';
1137
1142
  export const GL_HIGHLIGHT_TARGET_BORDER_COLOR = '#2f5ca0';
1138
- export const GL_ICON_COLOR_DEFAULT = '#ececef';
1139
- export const GL_ICON_COLOR_SUBTLE = '#bfbfc3';
1143
+ export const GL_ICON_COLOR_DEFAULT = '#ecebea';
1144
+ export const GL_ICON_COLOR_SUBTLE = '#c1bfbe';
1140
1145
  export const GL_ICON_COLOR_STRONG = '#fff';
1141
- export const GL_ICON_COLOR_DISABLED = '#89888d';
1146
+ export const GL_ICON_COLOR_DISABLED = '#8a8888';
1142
1147
  export const GL_ICON_COLOR_LINK = '#9dc7f1';
1143
1148
  export const GL_ICON_COLOR_INFO = '#9dc7f1';
1144
1149
  export const GL_ICON_COLOR_WARNING = '#d99530';
1145
1150
  export const GL_ICON_COLOR_DANGER = '#f6806d';
1146
1151
  export const GL_ICON_COLOR_SUCCESS = '#52b87a';
1147
1152
  export const GL_LETTER_SPACING_HEADING = '-0.01em';
1148
- export const GL_STATUS_NEUTRAL_BACKGROUND_COLOR = '#3a383f';
1149
- export const GL_STATUS_NEUTRAL_TEXT_COLOR = '#bfbfc3';
1150
- export const GL_STATUS_NEUTRAL_ICON_COLOR = '#a4a3a8';
1153
+ export const GL_STATUS_NEUTRAL_BACKGROUND_COLOR = '#3a383d';
1154
+ export const GL_STATUS_NEUTRAL_TEXT_COLOR = '#c1bfbe';
1155
+ export const GL_STATUS_NEUTRAL_ICON_COLOR = '#a5a3a3';
1151
1156
  export const GL_STATUS_INFO_BACKGROUND_COLOR = '#284779';
1152
1157
  export const GL_STATUS_INFO_TEXT_COLOR = '#9dc7f1';
1153
1158
  export const GL_STATUS_INFO_ICON_COLOR = '#63a6e9';
@@ -1163,18 +1168,18 @@ export const GL_STATUS_DANGER_ICON_COLOR = '#f6806d';
1163
1168
  export const GL_STATUS_BRAND_BACKGROUND_COLOR = '#342d59';
1164
1169
  export const GL_STATUS_BRAND_TEXT_COLOR = '#ac93e6';
1165
1170
  export const GL_STATUS_BRAND_ICON_COLOR = '#7b58cf';
1166
- export const GL_TEXT_PRIMARY = '#ececef';
1167
- export const GL_TEXT_SECONDARY = '#bfbfc3';
1168
- export const GL_TEXT_TERTIARY = '#89888d';
1169
- export const GL_TEXT_COLOR_DEFAULT = '#ececef';
1170
- export const GL_TEXT_COLOR_SUBTLE = '#bfbfc3';
1171
+ export const GL_TEXT_PRIMARY = '#ecebea';
1172
+ export const GL_TEXT_SECONDARY = '#c1bfbe';
1173
+ export const GL_TEXT_TERTIARY = '#8a8888';
1174
+ export const GL_TEXT_COLOR_DEFAULT = '#ecebea';
1175
+ export const GL_TEXT_COLOR_SUBTLE = '#c1bfbe';
1171
1176
  export const GL_TEXT_COLOR_STRONG = '#fff';
1172
1177
  export const GL_TEXT_COLOR_HEADING = '#fff';
1173
1178
  export const GL_TEXT_COLOR_LINK = '#9dc7f1';
1174
1179
  export const GL_TEXT_COLOR_WARNING = '#d99530';
1175
1180
  export const GL_TEXT_COLOR_DANGER = '#f6806d';
1176
1181
  export const GL_TEXT_COLOR_SUCCESS = '#52b87a';
1177
- export const GL_TEXT_COLOR_DISABLED = '#89888d';
1182
+ export const GL_TEXT_COLOR_DISABLED = '#8a8888';
1178
1183
  export const GL_HEADING_1_FONT_WEIGHT = 600;
1179
1184
  export const GL_HEADING_1_MARGIN_TOP = '0px';
1180
1185
  export const GL_HEADING_1_FONT_SIZE = 'clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem)';