@primer/primitives 7.8.4 → 7.9.0

package/dist/scss/colors/_light_high_contrast.scss

@@ -4,65 +4,65 @@
     --color-page-header-bg: #ffffff;
     --color-marketing-icon-primary: #1168e3;
     --color-marketing-icon-secondary: #368cf9;
-    --color-diff-blob-addition-num-text: #0E1116;
+    --color-diff-blob-addition-num-text: #0e1116;
     --color-diff-blob-addition-fg: #ffffff;
-    --color-diff-blob-addition-num-bg: #CCFFD8;
-    --color-diff-blob-addition-line-bg: #E6FFEC;
+    --color-diff-blob-addition-num-bg: #ccffd8;
+    --color-diff-blob-addition-line-bg: #e6ffec;
     --color-diff-blob-addition-word-bg: #055d20;
-    --color-diff-blob-deletion-num-text: #0E1116;
+    --color-diff-blob-deletion-num-text: #0e1116;
     --color-diff-blob-deletion-fg: #ffffff;
-    --color-diff-blob-deletion-num-bg: #FFD7D5;
+    --color-diff-blob-deletion-num-bg: #ffd7d5;
     --color-diff-blob-deletion-line-bg: #fff0ee;
     --color-diff-blob-deletion-word-bg: #a0111f;
     --color-diff-blob-hunk-num-bg: #9cd7ff;
-    --color-diff-blob-expander-icon: #0E1116;
+    --color-diff-blob-expander-icon: #0e1116;
     --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
     --color-diffstat-deletion-border: rgba(1,4,9,0.8);
     --color-diffstat-addition-border: rgba(1,4,9,0.8);
     --color-diffstat-addition-bg: #117f32;
     --color-search-keyword-hl: #fcf7be;
-    --color-prettylights-syntax-comment: #66707B;
+    --color-prettylights-syntax-comment: #66707b;
     --color-prettylights-syntax-constant: #023b95;
     --color-prettylights-syntax-entity: #622cbc;
-    --color-prettylights-syntax-storage-modifier-import: #0E1116;
+    --color-prettylights-syntax-storage-modifier-import: #0e1116;
     --color-prettylights-syntax-entity-tag: #024c1a;
     --color-prettylights-syntax-keyword: #a0111f;
     --color-prettylights-syntax-string: #032563;
     --color-prettylights-syntax-variable: #702c00;
     --color-prettylights-syntax-brackethighlighter-unmatched: #6e011a;
-    --color-prettylights-syntax-invalid-illegal-text: #FFFFFF;
+    --color-prettylights-syntax-invalid-illegal-text: #ffffff;
     --color-prettylights-syntax-invalid-illegal-bg: #6e011a;
-    --color-prettylights-syntax-carriage-return-text: #FFFFFF;
+    --color-prettylights-syntax-carriage-return-text: #ffffff;
     --color-prettylights-syntax-carriage-return-bg: #a0111f;
     --color-prettylights-syntax-string-regexp: #024c1a;
     --color-prettylights-syntax-markup-list: #2e1800;
     --color-prettylights-syntax-markup-heading: #023b95;
-    --color-prettylights-syntax-markup-italic: #0E1116;
-    --color-prettylights-syntax-markup-bold: #0E1116;
+    --color-prettylights-syntax-markup-italic: #0e1116;
+    --color-prettylights-syntax-markup-bold: #0e1116;
     --color-prettylights-syntax-markup-deleted-text: #6e011a;
     --color-prettylights-syntax-markup-deleted-bg: #fff0ee;
     --color-prettylights-syntax-markup-inserted-text: #024c1a;
     --color-prettylights-syntax-markup-inserted-bg: #d2fedb;
     --color-prettylights-syntax-markup-changed-text: #702c00;
     --color-prettylights-syntax-markup-changed-bg: #ffc67b;
-    --color-prettylights-syntax-markup-ignored-text: #E7ECF0;
+    --color-prettylights-syntax-markup-ignored-text: #e7ecf0;
     --color-prettylights-syntax-markup-ignored-bg: #023b95;
     --color-prettylights-syntax-meta-diff-range: #622cbc;
-    --color-prettylights-syntax-brackethighlighter-angle: #4B535D;
-    --color-prettylights-syntax-sublimelinter-gutter-mark: #88929D;
+    --color-prettylights-syntax-brackethighlighter-angle: #4b535d;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;
     --color-prettylights-syntax-constant-other-reference-link: #032563;
-    --color-codemirror-text: #0E1116;
+    --color-codemirror-text: #0e1116;
     --color-codemirror-bg: #ffffff;
     --color-codemirror-gutters-bg: #ffffff;
     --color-codemirror-guttermarker-text: #ffffff;
-    --color-codemirror-guttermarker-subtle-text: #66707B;
-    --color-codemirror-linenumber-text: #0E1116;
-    --color-codemirror-cursor: #0E1116;
+    --color-codemirror-guttermarker-subtle-text: #66707b;
+    --color-codemirror-linenumber-text: #0e1116;
+    --color-codemirror-cursor: #0e1116;
     --color-codemirror-selection-bg: #368cf9;
-    --color-codemirror-activeline-bg: #E7ECF0;
-    --color-codemirror-matchingbracket-text: #0E1116;
+    --color-codemirror-activeline-bg: #e7ecf0;
+    --color-codemirror-matchingbracket-text: #0e1116;
     --color-codemirror-lines-bg: #ffffff;
-    --color-codemirror-syntax-comment: #0E1116;
+    --color-codemirror-syntax-comment: #0e1116;
     --color-codemirror-syntax-constant: #023b95;
     --color-codemirror-syntax-entity: #622cbc;
     --color-codemirror-syntax-keyword: #a0111f;
@@ -70,67 +70,67 @@
     --color-codemirror-syntax-string: #032563;
     --color-codemirror-syntax-support: #023b95;
     --color-codemirror-syntax-variable: #702c00;
-    --color-checks-bg: #0E1116;
+    --color-checks-bg: #0e1116;
     --color-checks-run-border-width: 0px;
     --color-checks-container-border-width: 0px;
-    --color-checks-text-primary: #FFFFFF;
-    --color-checks-text-secondary: #88929D;
+    --color-checks-text-primary: #ffffff;
+    --color-checks-text-secondary: #88929d;
     --color-checks-text-link: #368cf9;
-    --color-checks-btn-icon: #ACB6C0;
-    --color-checks-btn-hover-icon: #FFFFFF;
+    --color-checks-btn-icon: #acb6c0;
+    --color-checks-btn-hover-icon: #ffffff;
     --color-checks-btn-hover-bg: rgba(255,255,255,0.125);
-    --color-checks-input-text: #E7ECF0;
-    --color-checks-input-placeholder-text: #88929D;
-    --color-checks-input-focus-text: #88929D;
-    --color-checks-input-bg: #20252C;
+    --color-checks-input-text: #e7ecf0;
+    --color-checks-input-placeholder-text: #88929d;
+    --color-checks-input-focus-text: #88929d;
+    --color-checks-input-bg: #20252c;
     --color-checks-input-shadow: none;
     --color-checks-donut-error: #d5232c;
     --color-checks-donut-pending: #956400;
     --color-checks-donut-success: #117f32;
-    --color-checks-donut-neutral: #ACB6C0;
-    --color-checks-dropdown-text: #ACB6C0;
-    --color-checks-dropdown-bg: #20252C;
-    --color-checks-dropdown-border: #343B43;
+    --color-checks-donut-neutral: #acb6c0;
+    --color-checks-dropdown-text: #acb6c0;
+    --color-checks-dropdown-bg: #20252c;
+    --color-checks-dropdown-border: #343b43;
     --color-checks-dropdown-shadow: rgba(1,4,9,0.3);
-    --color-checks-dropdown-hover-text: #FFFFFF;
-    --color-checks-dropdown-hover-bg: #343B43;
-    --color-checks-dropdown-btn-hover-text: #FFFFFF;
-    --color-checks-dropdown-btn-hover-bg: #20252C;
-    --color-checks-scrollbar-thumb-bg: #4B535D;
-    --color-checks-header-label-text: #CED5DC;
-    --color-checks-header-label-open-text: #FFFFFF;
-    --color-checks-header-border: #20252C;
-    --color-checks-header-icon: #88929D;
-    --color-checks-line-text: #CED5DC;
+    --color-checks-dropdown-hover-text: #ffffff;
+    --color-checks-dropdown-hover-bg: #343b43;
+    --color-checks-dropdown-btn-hover-text: #ffffff;
+    --color-checks-dropdown-btn-hover-bg: #20252c;
+    --color-checks-scrollbar-thumb-bg: #4b535d;
+    --color-checks-header-label-text: #ced5dc;
+    --color-checks-header-label-open-text: #ffffff;
+    --color-checks-header-border: #20252c;
+    --color-checks-header-icon: #88929d;
+    --color-checks-line-text: #ced5dc;
     --color-checks-line-num-text: rgba(136,146,157,0.75);
-    --color-checks-line-timestamp-text: #88929D;
-    --color-checks-line-hover-bg: #20252C;
+    --color-checks-line-timestamp-text: #88929d;
+    --color-checks-line-hover-bg: #20252c;
     --color-checks-line-selected-bg: rgba(17,104,227,0.15);
     --color-checks-line-selected-num-text: #368cf9;
-    --color-checks-line-dt-fm-text: #0E1116;
+    --color-checks-line-dt-fm-text: #0e1116;
     --color-checks-line-dt-fm-bg: #744500;
     --color-checks-gate-bg: rgba(96,55,0,0.15);
-    --color-checks-gate-text: #CED5DC;
+    --color-checks-gate-text: #ced5dc;
     --color-checks-gate-waiting-text: #b58407;
-    --color-checks-step-header-open-bg: #20252C;
+    --color-checks-step-header-open-bg: #20252c;
     --color-checks-step-error-text: #ee5a5d;
     --color-checks-step-warning-text: #b58407;
-    --color-checks-logline-text: #88929D;
+    --color-checks-logline-text: #88929d;
     --color-checks-logline-num-text: rgba(136,146,157,0.75);
     --color-checks-logline-debug-text: #a371f7;
-    --color-checks-logline-error-text: #CED5DC;
+    --color-checks-logline-error-text: #ced5dc;
     --color-checks-logline-error-num-text: #ee5a5d;
     --color-checks-logline-error-bg: rgba(134,6,29,0.15);
-    --color-checks-logline-warning-text: #CED5DC;
+    --color-checks-logline-warning-text: #ced5dc;
     --color-checks-logline-warning-num-text: #b58407;
     --color-checks-logline-warning-bg: rgba(96,55,0,0.15);
     --color-checks-logline-command-text: #368cf9;
     --color-checks-logline-section-text: #26a148;
-    --color-checks-ansi-black: #0E1116;
-    --color-checks-ansi-black-bright: #20252C;
-    --color-checks-ansi-white: #CED5DC;
-    --color-checks-ansi-white-bright: #CED5DC;
-    --color-checks-ansi-gray: #88929D;
+    --color-checks-ansi-black: #0e1116;
+    --color-checks-ansi-black-bright: #20252c;
+    --color-checks-ansi-white: #ced5dc;
+    --color-checks-ansi-white-bright: #ced5dc;
+    --color-checks-ansi-gray: #88929d;
     --color-checks-ansi-red: #ee5a5d;
     --color-checks-ansi-red-bright: #ff8e8a;
     --color-checks-ansi-green: #26a148;
@@ -143,7 +143,7 @@
     --color-checks-ansi-magenta-bright: #c49bff;
     --color-checks-ansi-cyan: #76e3ea;
     --color-checks-ansi-cyan-bright: #b3f0ff;
-    --color-project-header-bg: #0E1116;
+    --color-project-header-bg: #0e1116;
     --color-project-sidebar-bg: #ffffff;
     --color-project-gradient-in: #ffffff;
     --color-project-gradient-out: rgba(255,255,255,0);
@@ -154,30 +154,30 @@
     --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset;
     --color-avatar-bg: #ffffff;
     --color-avatar-border: rgba(1,4,9,0.8);
-    --color-avatar-stack-fade: #ACB6C0;
-    --color-avatar-stack-fade-more: #CED5DC;
+    --color-avatar-stack-fade: #acb6c0;
+    --color-avatar-stack-fade-more: #ced5dc;
     --color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,0.8);
     --color-topic-tag-border: #0349b4;
-    --color-counter-border: #20252C;
+    --color-counter-border: #20252c;
     --color-select-menu-backdrop-border: rgba(0,0,0,0);
     --color-select-menu-tap-highlight: rgba(172,182,192,0.5);
     --color-select-menu-tap-focus-bg: #9cd7ff;
     --color-overlay-shadow: 0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12);
     --color-header-text: rgba(255,255,255,0.7);
-    --color-header-bg: #0E1116;
-    --color-header-divider: #ACB6C0;
+    --color-header-bg: #0e1116;
+    --color-header-divider: #acb6c0;
     --color-header-logo: #ffffff;
-    --color-header-search-bg: #0E1116;
-    --color-header-search-border: #4B535D;
+    --color-header-search-bg: #0e1116;
+    --color-header-search-border: #4b535d;
     --color-sidenav-selected-bg: #ffffff;
     --color-menu-bg-active: rgba(0,0,0,0);
     --color-input-disabled-bg: rgba(172,182,192,0.2);
-    --color-timeline-badge-bg: #E7ECF0;
-    --color-ansi-black: #0E1116;
-    --color-ansi-black-bright: #4B535D;
-    --color-ansi-white: #66707B;
-    --color-ansi-white-bright: #88929D;
-    --color-ansi-gray: #66707B;
+    --color-timeline-badge-bg: #e7ecf0;
+    --color-ansi-black: #0e1116;
+    --color-ansi-black-bright: #4b535d;
+    --color-ansi-white: #66707b;
+    --color-ansi-white-bright: #88929d;
+    --color-ansi-gray: #66707b;
     --color-ansi-red: #a0111f;
     --color-ansi-red-bright: #86061d;
     --color-ansi-green: #024c1a;
@@ -190,17 +190,17 @@
     --color-ansi-magenta-bright: #844ae7;
     --color-ansi-cyan: #1b7c83;
     --color-ansi-cyan-bright: #3192aa;
-    --color-btn-text: #0E1116;
-    --color-btn-bg: #E7ECF0;
+    --color-btn-text: #0e1116;
+    --color-btn-bg: #e7ecf0;
     --color-btn-border: rgba(1,4,9,0.8);
     --color-btn-shadow: 0 1px 0 rgba(1,4,9,0.04);
     --color-btn-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
-    --color-btn-hover-bg: #CED5DC;
+    --color-btn-hover-bg: #ced5dc;
     --color-btn-hover-border: rgba(1,4,9,0.8);
-    --color-btn-active-bg: #ACB6C0;
+    --color-btn-active-bg: #acb6c0;
     --color-btn-active-border: rgba(1,4,9,0.8);
-    --color-btn-selected-bg: #ACB6C0;
-    --color-btn-focus-bg: #CED5DC;
+    --color-btn-selected-bg: #acb6c0;
+    --color-btn-focus-bg: #ced5dc;
     --color-btn-focus-border: rgba(1,4,9,0.8);
     --color-btn-focus-shadow: 0 0 0 3px rgba(3,73,180,0.3);
     --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1,4,9,0.15);
@@ -235,7 +235,7 @@
     --color-btn-outline-selected-border: #022f7a;
     --color-btn-outline-selected-shadow: inset 0 1px 0 rgba(2,26,74,0.2);
     --color-btn-outline-disabled-text: rgba(3,73,180,0.5);
-    --color-btn-outline-disabled-bg: #E7ECF0;
+    --color-btn-outline-disabled-bg: #e7ecf0;
     --color-btn-outline-disabled-counter-bg: rgba(3,73,180,0.05);
     --color-btn-outline-focus-border: #022f7a;
     --color-btn-outline-focus-shadow: 0 0 0 3px rgba(2,59,149,0.4);
@@ -252,51 +252,55 @@
     --color-btn-danger-selected-border: #6e011a;
     --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(67,0,17,0.2);
     --color-btn-danger-disabled-text: rgba(160,17,31,0.5);
-    --color-btn-danger-disabled-bg: #E7ECF0;
+    --color-btn-danger-disabled-bg: #e7ecf0;
     --color-btn-danger-disabled-counter-bg: rgba(160,17,31,0.05);
     --color-btn-danger-focus-border: #6e011a;
     --color-btn-danger-focus-shadow: 0 0 0 3px rgba(134,6,29,0.4);
     --color-btn-danger-counter-bg: rgba(160,17,31,0.1);
     --color-btn-danger-icon: #86061d;
     --color-btn-danger-hover-icon: #ffffff;
-    --color-underlinenav-icon: #66707B;
+    --color-underlinenav-icon: #66707b;
     --color-underlinenav-border-hover: rgba(172,182,192,0.2);
-    --color-action-list-item-inline-divider: #88929D;
-    --color-action-list-item-default-hover-bg: #E7ECF0;
-    --color-action-list-item-default-hover-border: #88929D;
-    --color-action-list-item-default-active-bg: #CED5DC;
-    --color-action-list-item-default-active-border: #20252C;
-    --color-action-list-item-default-selected-bg: #CED5DC;
+    --color-action-list-item-inline-divider: #88929d;
+    --color-action-list-item-default-hover-bg: #e7ecf0;
+    --color-action-list-item-default-hover-border: #88929d;
+    --color-action-list-item-default-active-bg: #ced5dc;
+    --color-action-list-item-default-active-border: #20252c;
+    --color-action-list-item-default-selected-bg: #ced5dc;
     --color-action-list-item-danger-hover-bg: #a0111f;
     --color-action-list-item-danger-active-bg: #6e011a;
     --color-action-list-item-danger-hover-text: #ffffff;
     --color-switch-track-bg: #ffffff;
-    --color-switch-track-border: #20252C;
+    --color-switch-track-border: #20252c;
     --color-switch-track-checked-bg: #dff7ff;
     --color-switch-track-checked-hover-bg: #9cd7ff;
     --color-switch-track-checked-active-bg: #67b3fd;
     --color-switch-track-checked-border: #0349b4;
     --color-switch-knob-checked-bg: #0349b4;
-    --color-switch-knob-checked-disabled-bg: #66707B;
-    --color-fg-default: #0E1116;
-    --color-fg-muted: #0E1116;
-    --color-fg-subtle: #66707B;
+    --color-switch-knob-checked-disabled-bg: #66707b;
+    --color-segmented-control-bg: #e7ecf0;
+    --color-segmented-control-button-hover-bg: rgba(172,182,192,0.2);
+    --color-segmented-control-button-active-bg: rgba(172,182,192,0.4);
+    --color-segmented-control-button-selected-border: #66707b;
+    --color-fg-default: #0e1116;
+    --color-fg-muted: #0e1116;
+    --color-fg-subtle: #66707b;
     --color-fg-on-emphasis: #ffffff;
     --color-canvas-default: #ffffff;
     --color-canvas-overlay: #ffffff;
     --color-canvas-inset: #ffffff;
-    --color-canvas-subtle: #E7ECF0;
-    --color-border-default: #20252C;
-    --color-border-muted: #88929D;
+    --color-canvas-subtle: #e7ecf0;
+    --color-border-default: #20252c;
+    --color-border-muted: #88929d;
     --color-border-subtle: rgba(1,4,9,0.8);
     --color-shadow-small: 0 1px 0 rgba(1,4,9,0.04);
     --color-shadow-medium: 0 3px 6px rgba(136,146,157,0.15);
     --color-shadow-large: 0 8px 24px rgba(136,146,157,0.2);
     --color-shadow-extra-large: 0 12px 28px rgba(136,146,157,0.3);
-    --color-neutral-emphasis-plus: #0E1116;
-    --color-neutral-emphasis: #66707B;
+    --color-neutral-emphasis-plus: #0e1116;
+    --color-neutral-emphasis: #66707b;
     --color-neutral-muted: rgba(172,182,192,0.2);
-    --color-neutral-subtle: #E7ECF0;
+    --color-neutral-subtle: #e7ecf0;
     --color-accent-fg: #0349b4;
     --color-accent-emphasis: #0349b4;
     --color-accent-muted: #368cf9;
@@ -333,7 +337,7 @@
     --color-sponsors-emphasis: #971368;
     --color-sponsors-muted: #ed4baf;
     --color-sponsors-subtle: #feeff7;
-    --color-primer-fg-disabled: #88929D;
+    --color-primer-fg-disabled: #88929d;
     --color-primer-canvas-backdrop: rgba(1,4,9,0.5);
     --color-primer-canvas-sticky: rgba(255,255,255,0.95);
     --color-primer-border-active: #ef5b48;
@@ -343,16 +347,16 @@
     --color-primer-shadow-focus: 0 0 0 3px rgba(3,73,180,0.3);
     --color-scale-black: #010409;
     --color-scale-white: #ffffff;
-    --color-scale-gray-0: #FFFFFF;
-    --color-scale-gray-1: #E7ECF0;
-    --color-scale-gray-2: #CED5DC;
-    --color-scale-gray-3: #ACB6C0;
-    --color-scale-gray-4: #88929D;
-    --color-scale-gray-5: #66707B;
-    --color-scale-gray-6: #4B535D;
-    --color-scale-gray-7: #343B43;
-    --color-scale-gray-8: #20252C;
-    --color-scale-gray-9: #0E1116;
+    --color-scale-gray-0: #ffffff;
+    --color-scale-gray-1: #e7ecf0;
+    --color-scale-gray-2: #ced5dc;
+    --color-scale-gray-3: #acb6c0;
+    --color-scale-gray-4: #88929d;
+    --color-scale-gray-5: #66707b;
+    --color-scale-gray-6: #4b535d;
+    --color-scale-gray-7: #343b43;
+    --color-scale-gray-8: #20252c;
+    --color-scale-gray-9: #0e1116;
     --color-scale-blue-0: #dff7ff;
     --color-scale-blue-1: #9cd7ff;
     --color-scale-blue-2: #67b3fd;

package/dist/scss/colors/_light_tritanopia.scss

@@ -40,7 +40,7 @@
     --color-prettylights-syntax-markup-italic: #24292f;
     --color-prettylights-syntax-markup-bold: #24292f;
     --color-prettylights-syntax-markup-deleted-text: #82071e;
-    --color-prettylights-syntax-markup-deleted-bg: #FFEBE9;
+    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
     --color-prettylights-syntax-markup-inserted-text: #0550ae;
     --color-prettylights-syntax-markup-inserted-bg: #ddf4ff;
     --color-prettylights-syntax-markup-changed-text: #a40e26;
@@ -268,7 +268,7 @@
     --color-action-list-item-default-active-border: rgba(0,0,0,0);
     --color-action-list-item-default-selected-bg: rgba(208,215,222,0.24);
     --color-action-list-item-danger-hover-bg: rgba(255,235,233,0.64);
-    --color-action-list-item-danger-active-bg: #FFEBE9;
+    --color-action-list-item-danger-active-bg: #ffebe9;
     --color-action-list-item-danger-hover-text: #cf222e;
     --color-switch-track-bg: #eaeef2;
     --color-switch-track-border: #afb8c1;
@@ -278,6 +278,10 @@
     --color-switch-track-checked-border: #54aeff;
     --color-switch-knob-checked-bg: #0969da;
     --color-switch-knob-checked-disabled-bg: #6e7781;
+    --color-segmented-control-bg: #eaeef2;
+    --color-segmented-control-button-hover-bg: rgba(175,184,193,0.2);
+    --color-segmented-control-button-active-bg: rgba(175,184,193,0.4);
+    --color-segmented-control-button-selected-border: #6e7781;
     --color-fg-default: #24292f;
     --color-fg-muted: #57606a;
     --color-fg-subtle: #6e7781;
@@ -312,15 +316,15 @@
     --color-severe-fg: #cf222e;
     --color-severe-emphasis: #cf222e;
     --color-severe-muted: rgba(255,129,130,0.4);
-    --color-severe-subtle: #FFEBE9;
+    --color-severe-subtle: #ffebe9;
     --color-danger-fg: #cf222e;
     --color-danger-emphasis: #cf222e;
     --color-danger-muted: rgba(255,129,130,0.4);
-    --color-danger-subtle: #FFEBE9;
+    --color-danger-subtle: #ffebe9;
     --color-open-fg: #cf222e;
     --color-open-emphasis: #fa4549;
     --color-open-muted: rgba(255,129,130,0.4);
-    --color-open-subtle: #FFEBE9;
+    --color-open-subtle: #ffebe9;
     --color-closed-fg: #6e7781;
     --color-closed-emphasis: #6e7781;
     --color-closed-muted: rgba(175,184,193,0.4);
@@ -336,7 +340,7 @@
     --color-primer-fg-disabled: #8c959f;
     --color-primer-canvas-backdrop: rgba(27,31,36,0.5);
     --color-primer-canvas-sticky: rgba(255,255,255,0.95);
-    --color-primer-border-active: #FD8C73;
+    --color-primer-border-active: #fd8c73;
     --color-primer-border-contrast: rgba(27,31,36,0.1);
     --color-primer-shadow-highlight: inset 0 1px 0 rgba(255,255,255,0.25);
     --color-primer-shadow-inset: inset 0 1px 0 rgba(208,215,222,0.2);
@@ -383,7 +387,7 @@
     --color-scale-yellow-7: #633c01;
     --color-scale-yellow-8: #4d2d00;
     --color-scale-yellow-9: #3b2300;
-    --color-scale-orange-0: #FFEBE9;
+    --color-scale-orange-0: #ffebe9;
     --color-scale-orange-1: #ffcecb;
     --color-scale-orange-2: #ffaba8;
     --color-scale-orange-3: #ff8182;
@@ -393,7 +397,7 @@
     --color-scale-orange-7: #82071e;
     --color-scale-orange-8: #660018;
     --color-scale-orange-9: #4c0014;
-    --color-scale-red-0: #FFEBE9;
+    --color-scale-red-0: #ffebe9;
     --color-scale-red-1: #ffcecb;
     --color-scale-red-2: #ffaba8;
     --color-scale-red-3: #ff8182;
@@ -423,14 +427,14 @@
     --color-scale-pink-7: #772057;
     --color-scale-pink-8: #611347;
     --color-scale-pink-9: #4d0336;
-    --color-scale-coral-0: #FFF0EB;
-    --color-scale-coral-1: #FFD6CC;
-    --color-scale-coral-2: #FFB4A1;
-    --color-scale-coral-3: #FD8C73;
-    --color-scale-coral-4: #EC6547;
-    --color-scale-coral-5: #C4432B;
-    --color-scale-coral-6: #9E2F1C;
-    --color-scale-coral-7: #801F0F;
+    --color-scale-coral-0: #fff0eb;
+    --color-scale-coral-1: #ffd6cc;
+    --color-scale-coral-2: #ffb4a1;
+    --color-scale-coral-3: #fd8c73;
+    --color-scale-coral-4: #ec6547;
+    --color-scale-coral-5: #c4432b;
+    --color-scale-coral-6: #9e2f1c;
+    --color-scale-coral-7: #801f0f;
     --color-scale-coral-8: #691105;
     --color-scale-coral-9: #510901;
   }

package/dist/ts/colors/dark.ts

@@ -361,6 +361,20 @@ export default {
       "disabledBg": "#484f58"
     }
   },
+  "segmentedControl": {
+    "bg": "#161b22",
+    "button": {
+      "hover": {
+        "bg": "#30363d"
+      },
+      "active": {
+        "bg": "#21262d"
+      },
+      "selected": {
+        "border": "#6e7681"
+      }
+    }
+  },
   "fg": {
     "default": "#c9d1d9",
     "muted": "#8b949e",
@@ -453,7 +467,7 @@ export default {
       "sticky": "rgba(13,17,23,0.95)"
     },
     "border": {
-      "active": "#F78166",
+      "active": "#f78166",
       "contrast": "rgba(255,255,255,0.2)"
     },
     "shadow": {
@@ -562,15 +576,15 @@ export default {
       "#42062a"
     ],
     "coral": [
-      "#FFDDD2",
-      "#FFC2B2",
-      "#FFA28B",
-      "#F78166",
-      "#EA6045",
-      "#CF462D",
-      "#AC3220",
+      "#ffddd2",
+      "#ffc2b2",
+      "#ffa28b",
+      "#f78166",
+      "#ea6045",
+      "#cf462d",
+      "#ac3220",
       "#872012",
-      "#640D04",
+      "#640d04",
       "#460701"
     ]
   }

package/dist/ts/colors/dark_colorblind.ts

@@ -361,6 +361,20 @@ export default {
       "disabledBg": "#484f58"
     }
   },
+  "segmentedControl": {
+    "bg": "#161b22",
+    "button": {
+      "hover": {
+        "bg": "#30363d"
+      },
+      "active": {
+        "bg": "#21262d"
+      },
+      "selected": {
+        "border": "#6e7681"
+      }
+    }
+  },
   "fg": {
     "default": "#c9d1d9",
     "muted": "#8b949e",
@@ -453,7 +467,7 @@ export default {
       "sticky": "rgba(13,17,23,0.95)"
     },
     "border": {
-      "active": "#F78166",
+      "active": "#f78166",
       "contrast": "rgba(255,255,255,0.2)"
     },
     "shadow": {
@@ -562,15 +576,15 @@ export default {
       "#42062a"
     ],
     "coral": [
-      "#FFDDD2",
-      "#FFC2B2",
-      "#FFA28B",
-      "#F78166",
-      "#EA6045",
-      "#CF462D",
-      "#AC3220",
+      "#ffddd2",
+      "#ffc2b2",
+      "#ffa28b",
+      "#f78166",
+      "#ea6045",
+      "#cf462d",
+      "#ac3220",
       "#872012",
-      "#640D04",
+      "#640d04",
       "#460701"
     ]
   }

package/dist/ts/colors/dark_dimmed.ts

@@ -361,6 +361,20 @@ export default {
       "disabledBg": "#545d68"
     }
   },
+  "segmentedControl": {
+    "bg": "#2d333b",
+    "button": {
+      "hover": {
+        "bg": "#444c56"
+      },
+      "active": {
+        "bg": "#373e47"
+      },
+      "selected": {
+        "border": "#636e7b"
+      }
+    }
+  },
   "fg": {
     "default": "#adbac7",
     "muted": "#768390",
@@ -453,7 +467,7 @@ export default {
       "sticky": "rgba(34,39,46,0.95)"
     },
     "border": {
-      "active": "#EC775C",
+      "active": "#ec775c",
       "contrast": "rgba(205,217,229,0.2)"
     },
     "shadow": {
@@ -535,7 +549,7 @@ export default {
       "#ad2e2c",
       "#922323",
       "#78191b",
-      "#5D0F12"
+      "#5d0f12"
     ],
     "purple": [
       "#eedcff",
@@ -562,16 +576,16 @@ export default {
       "#551639"
     ],
     "coral": [
-      "#FFDACF",
-      "#FFB9A5",
-      "#F79981",
-      "#EC775C",
-      "#DE5B41",
-      "#C2442D",
-      "#A93524",
-      "#8D291B",
-      "#771D13",
-      "#5D1008"
+      "#ffdacf",
+      "#ffb9a5",
+      "#f79981",
+      "#ec775c",
+      "#de5b41",
+      "#c2442d",
+      "#a93524",
+      "#8d291b",
+      "#771d13",
+      "#5d1008"
     ]
   }
 }