@primer/primitives 7.15.4 → 7.15.5-rc.dcac358

package/dist/css/functional/themes/light-high-contrast.css

@@ -0,0 +1,841 @@
+[data-color-mode="light"][data-light-theme="light_high_contrast"],
+[data-color-mode="auto"][data-light-theme="light_high_contrast"] {
+  --topicTag-borderColor: #0349b4;
+  --highlight-neutral-bgColor: #fcf7be;
+  --page-header-bgColor: #e7ecf0;
+  --diffBlob-addition-fgColor-text: #ffffff;
+  --diffBlob-addition-fgColor-num: #010409;
+  --diffBlob-addition-bgColor-num: #c2f9cd;
+  --diffBlob-addition-bgColor-line: #d2fedb;
+  --diffBlob-addition-bgColor-word: #117f32;
+  --diffBlob-deletion-fgColor-text: #ffffff;
+  --diffBlob-deletion-fgColor-num: #010409;
+  --diffBlob-deletion-bgColor-num: #ffc1bc;
+  --diffBlob-deletion-bgColor-line: #fff0ee;
+  --diffBlob-deletion-bgColor-word: #a0111f;
+  --diffBlob-hunk-bgColor-num: #9cd7ff;
+  --diffBlob-expander-iconColor: #0e1116;
+  --codeMirror-fgColor: #010409;
+  --codeMirror-bgColor: #ffffff;
+  --codeMirror-gutters-bgColor: #ffffff;
+  --codeMirror-gutterMarker-fgColor-default: #ffffff;
+  --codeMirror-gutterMarker-fgColor-muted: #0e1116;
+  --codeMirror-lineNumber-fgColor: #0e1116;
+  --codeMirror-cursor-fgColor: #010409;
+  --codeMirror-selection-bgColor: #368cf9;
+  --codeMirror-activeline-bgColor: #e7ecf0;
+  --codeMirror-matchingBracket-fgColor: #010409;
+  --codeMirror-lines-bgColor: #ffffff;
+  --codeMirror-syntax-fgColor-comment: #0e1116;
+  --codeMirror-syntax-fgColor-constant: #023b95;
+  --codeMirror-syntax-fgColor-entity: #622cbc;
+  --codeMirror-syntax-fgColor-keyword: #a0111f;
+  --codeMirror-syntax-fgColor-storage: #a0111f;
+  --codeMirror-syntax-fgColor-string: #032563;
+  --codeMirror-syntax-fgColor-support: #023b95;
+  --codeMirror-syntax-fgColor-variable: #702c00;
+  --header-fgColor-default: #ffffffb3;
+  --header-fgColor-logo: #ffffff;
+  --header-bgColor: #0e1116;
+  --header-borderColor-divider: #acb6c0;
+  --headerSearch-bgColor: #0e1116;
+  --headerSearch-borderColor: #4b535d;
+  --avatar-bgColor: #ffffff;
+  --avatar-borderColor: #20252c;
+  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
+  --avatarStack-fade-bgColor-default: #acb6c0;
+  --avatarStack-fade-bgColor-muted: #ced5dc;
+  --control-bgColor-rest: #e7ecf0;
+  --control-bgColor-hover: #dbe1e6;
+  --control-bgColor-active: #cfd6dd;
+  --control-bgColor-disabled: #e7ecf0;
+  --control-bgColor-selected: #acb6c0;
+  --control-fgColor-rest: #0e1116;
+  --control-fgColor-placeholder: #66707b;
+  --control-fgColor-disabled: #4b535d;
+  --control-borderColor-rest: #20252c;
+  --control-borderColor-emphasis: #20252c;
+  --control-borderColor-disabled: #e7ecf0;
+  --control-borderColor-selected: #ffffff;
+  --control-borderColor-success: #055d20;
+  --control-borderColor-danger: #a0111f;
+  --control-borderColor-warning: #744500;
+  --control-iconColor-rest: #0e1116;
+  --control-transparent-bgColor-rest: #ffffff00;
+  --control-transparent-bgColor-hover: #e7ecf0;
+  --control-transparent-bgColor-active: #ced5dc;
+  --control-transparent-bgColor-disabled: #ffffff00;
+  --control-transparent-bgColor-selected: #ced5dc33;
+  --control-transparent-borderColor-rest: #ffffff00;
+  --control-transparent-borderColor-hover: #20252c;
+  --control-transparent-borderColor-active: #ffffff00;
+  --control-danger-fgColor-rest: #8a071e;
+  --control-danger-fgColor-hover: #ffffff;
+  --control-danger-bgColor-hover: #a0111f;
+  --control-danger-bgColor-active: #8c0b1d;
+  --control-checked-bgColor-rest: #0349b4;
+  --control-checked-bgColor-hover: #0344a8;
+  --control-checked-bgColor-active: #033f9d;
+  --control-checked-bgColor-disabled: #4b535d;
+  --control-checked-fgColor-rest: #ffffff;
+  --control-checked-fgColor-disabled: #ffffff;
+  --control-checked-borderColor-rest: #0349b4;
+  --control-checked-borderColor-hover: #0344a8;
+  --control-checked-borderColor-active: #033f9d;
+  --control-checked-borderColor-disabled: #4b535d;
+  --controlTrack-bgColor-rest: #acb6c0;
+  --controlTrack-bgColor-hover: #9ea8b2;
+  --controlTrack-bgColor-active: #909aa4;
+  --controlTrack-bgColor-disabled: #4b535d;
+  --controlTrack-fgColor-rest: #010409;
+  --controlTrack-fgColor-disabled: #ffffff;
+  --controlTrack-borderColor-rest: #ffffff00;
+  --controlTrack-borderColor-disabled: #4b535d;
+  --controlKnob-bgColor-rest: #ffffff;
+  --controlKnob-bgColor-disabled: #e7ecf0;
+  --controlKnob-bgColor-checked: #ffffff;
+  --controlKnob-borderColor-rest: #20252c;
+  --controlKnob-borderColor-disabled: #e7ecf0;
+  --controlKnob-borderColor-checked: #0349b4;
+  --counter-borderColor: #20252c;
+  --button-default-fgColor-rest: #0e1116;
+  --button-default-bgColor-rest: #e7ecf0;
+  --button-default-bgColor-hover: #dbe1e6;
+  --button-default-bgColor-active: #cfd6dd;
+  --button-default-bgColor-selected: #cfd6dd;
+  --button-default-bgColor-disabled: #e7ecf0;
+  --button-default-borderColor-rest: #20252c;
+  --button-default-borderColor-hover: #20252c;
+  --button-default-borderColor-active: #20252c;
+  --button-default-borderColor-disabled: #e7ecf0;
+  --button-default-shadow-resting: 0px 1px 0px 0px #0104090a;
+  --button-primary-fgColor-rest: #ffffff;
+  --button-primary-fgColor-disabled: #ffffffcc;
+  --button-primary-iconColor-rest: #ffffffcc;
+  --button-primary-bgColor-rest: #055d20;
+  --button-primary-bgColor-hover: #04571e;
+  --button-primary-bgColor-active: #03501b;
+  --button-primary-bgColor-disabled: #85cb97;
+  --button-primary-borderColor-rest: #013d14;
+  --button-primary-borderColor-hover: #013d14;
+  --button-primary-borderColor-active: #013d14;
+  --button-primary-borderColor-disabled: #85cb97;
+  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
+  --button-invisible-fgColor-rest: #023b95;
+  --button-invisible-fgColor-hover: #67b3fd;
+  --button-invisible-fgColor-disabled: #4b535d;
+  --button-invisible-iconColor-rest: #0e1116;
+  --button-invisible-iconColor-hover: #ffffff;
+  --button-invisible-iconColor-disabled: #4b535d;
+  --button-invisible-bgColor-rest: #ffffff00;
+  --button-invisible-bgColor-hover: #20252c;
+  --button-invisible-bgColor-active: #4b535d;
+  --button-invisible-bgColor-disabled: #ffffff00;
+  --button-invisible-borderColor-rest: #ffffff00;
+  --button-invisible-borderColor-hover: #20252c;
+  --button-invisible-borderColor-disabled: #e7ecf0;
+  --button-outline-fgColor-rest: #023b95;
+  --button-outline-fgColor-hover: #ffffff;
+  --button-outline-fgColor-active: #ffffff;
+  --button-outline-fgColor-disabled: #023b9580;
+  --button-outline-bgColor-rest: #e7ecf0;
+  --button-outline-bgColor-hover: #0349b4;
+  --button-outline-bgColor-active: #033f9d;
+  --button-outline-bgColor-disabled: #ffffff;
+  --button-outline-borderColor-hover: #01040926;
+  --button-outline-borderColor-active: #01040926;
+  --button-outline-shadow-selected: inset 0px 1px 0px 0px #021a4a33;
+  --button-danger-fgColor-rest: #8a071e;
+  --button-danger-fgColor-hover: #ffffff;
+  --button-danger-fgColor-active: #ffffff;
+  --button-danger-fgColor-disabled: #8a071e80;
+  --button-danger-iconColor-rest: #8a071e;
+  --button-danger-iconColor-hover: #ffffff;
+  --button-danger-bgColor-rest: #e7ecf0;
+  --button-danger-bgColor-hover: #86061d;
+  --button-danger-bgColor-active: #74041a;
+  --button-danger-bgColor-disabled: #e7ecf0;
+  --button-danger-borderColor-rest: #20252c;
+  --button-danger-borderColor-hover: #01040926;
+  --button-danger-borderColor-active: #01040926;
+  --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
+  --button-inactive-fgColor-rest: #4b535d;
+  --button-inactive-bgColor-rest: #e7ecf0;
+  --buttonCounter-default-bgColor-rest: #66707b33;
+  --buttonCounter-invisible-bgColor-rest: #66707b33;
+  --buttonCounter-primary-bgColor-rest: #00230b33;
+  --buttonCounter-outline-bgColor-rest: #0349b41a;
+  --buttonCounter-outline-bgColor-hover: #ffffff33;
+  --buttonCounter-outline-bgColor-disabled: #0349b40d;
+  --buttonCounter-outline-fgColor-rest: #023b95;
+  --buttonCounter-outline-fgColor-hover: #ffffff;
+  --buttonCounter-outline-fgColor-disabled: #023b9580;
+  --buttonCounter-danger-bgColor-hover: #ffffff33;
+  --buttonCounter-danger-bgColor-disabled: #a0111f0d;
+  --buttonCounter-danger-bgColor-rest: #a0111f1a;
+  --buttonCounter-danger-fgColor-rest: #980e1e;
+  --buttonCounter-danger-fgColor-hover: #ffffff;
+  --buttonCounter-danger-fgColor-disabled: #8a071e80;
+  --focus-outlineColor: #0349b4;
+  --focus-outline: #0349b4 solid 2px;
+  --menu-bgColor-active: #ffffff00;
+  --overlay-bgColor: #ffffff;
+  --overlay-backdrop-bgColor: #88929d33;
+  --selectMenu-borderColor: #ffffff00;
+  --selectMenu-bgColor-active: #9cd7ff;
+  --sideNav-bgColor-selected: #ffffff;
+  --skeletonLoader-bgColor: #e7ecf0;
+  --timelineBadge-bgColor: #e7ecf0;
+  --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
+  --underlineNav-borderColor-active: #cd3425;
+  --underlineNav-borderColor-hover: #88929d;
+  --underlineNav-iconColor-rest: #0e1116;
+  --fgColor-default: #010409;
+  --fgColor-muted: #0e1116;
+  --fgColor-onEmphasis: #ffffff;
+  --fgColor-onInverse: #ffffff;
+  --fgColor-disabled: #4b535d;
+  --fgColor-link: #023b95;
+  --fgColor-link-onInverse: #67b3fd;
+  --fgColor-neutral: #66707b;
+  --fgColor-neutral-onInverse: #ced5dc;
+  --fgColor-accent: #023b95;
+  --fgColor-accent-onInverse: #67b3fd;
+  --fgColor-success: #055d20;
+  --fgColor-success-onInverse: #43c663;
+  --fgColor-attention: #744500;
+  --fgColor-attention-onInverse: #d5a824;
+  --fgColor-severe: #873800;
+  --fgColor-severe-onInverse: #f99636;
+  --fgColor-danger: #8a071e;
+  --fgColor-danger-onInverse: #ff8e8a;
+  --fgColor-open: #055d20;
+  --fgColor-open-onInverse: #43c663;
+  --fgColor-closed: #8a071e;
+  --fgColor-closed-onInverse: #ff8e8a;
+  --fgColor-done: #622cbc;
+  --fgColor-done-onInverse: #c49bff;
+  --fgColor-sponsors: #971368;
+  --fgColor-sponsors-onInverse: #fc87ca;
+  --bgColor-default: #ffffff;
+  --bgColor-muted: #e7ecf0;
+  --bgColor-inset: #ffffff;
+  --bgColor-emphasis: #0e1116;
+  --bgColor-inverse: #0e1116;
+  --bgColor-disabled: #e7ecf0;
+  --bgColor-transparent: #ffffff00;
+  --bgColor-neutral-muted: #e7ecf0;
+  --bgColor-neutral-emphasis: #66707b;
+  --bgColor-accent-muted: #dff7ff;
+  --bgColor-accent-emphasis: #0349b4;
+  --bgColor-success-muted: #d2fedb;
+  --bgColor-success-emphasis: #055d20;
+  --bgColor-attention-muted: #fcf7be;
+  --bgColor-attention-emphasis: #744500;
+  --bgColor-severe-muted: #fff2d5;
+  --bgColor-severe-emphasis: #873800;
+  --bgColor-danger-muted: #fff0ee;
+  --bgColor-danger-emphasis: #a0111f;
+  --bgColor-open-muted: #d2fedb;
+  --bgColor-open-emphasis: #055d20;
+  --bgColor-closed-muted: #fff0ee;
+  --bgColor-closed-emphasis: #a0111f;
+  --bgColor-done-muted: #faf0fe;
+  --bgColor-done-emphasis: #622cbc;
+  --bgColor-sponsors-muted: #feeff7;
+  --bgColor-sponsors-emphasis: #971368;
+  --borderColor-default: #20252c;
+  --borderColor-muted: #88929d;
+  --borderColor-emphasis: #66707b;
+  --borderColor-disabled: #e7ecf0;
+  --borderColor-transparent: #ffffff00;
+  --borderColor-neutral-muted: #88929d;
+  --borderColor-neutral-emphasis: #66707b;
+  --borderColor-accent-muted: #368cf9;
+  --borderColor-accent-emphasis: #0349b4;
+  --borderColor-success-muted: #26a148;
+  --borderColor-success-emphasis: #055d20;
+  --borderColor-attention-muted: #b58407;
+  --borderColor-attention-emphasis: #744500;
+  --borderColor-severe-muted: #dc6d1a;
+  --borderColor-severe-emphasis: #873800;
+  --borderColor-danger-muted: #ee5a5d;
+  --borderColor-danger-emphasis: #a0111f;
+  --borderColor-open-muted: #26a148;
+  --borderColor-open-emphasis: #055d20;
+  --borderColor-closed-muted: #ee5a5d66;
+  --borderColor-closed-emphasis: #a0111f;
+  --borderColor-done-muted: #a371f7;
+  --borderColor-done-emphasis: #622cbc;
+  --borderColor-sponsors-muted: #ed4baf;
+  --borderColor-sponsors-emphasis: #971368;
+  --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;
+  --color-ansi-green-bright: #055d20;
+  --color-ansi-yellow: #3f2200;
+  --color-ansi-yellow-bright: #4e2c00;
+  --color-ansi-blue: #0349b4;
+  --color-ansi-blue-bright: #1168e3;
+  --color-ansi-magenta: #622cbc;
+  --color-ansi-magenta-bright: #844ae7;
+  --color-ansi-cyan: #1b7c83;
+  --color-ansi-cyan-bright: #3192aa;
+  --color-prettylights-syntax-comment: #4b535d;
+  --color-prettylights-syntax-constant: #023b95;
+  --color-prettylights-syntax-constant-other-reference-link: #032563;
+  --color-prettylights-syntax-entity: #512598;
+  --color-prettylights-syntax-storage-modifier-import: #0e1116;
+  --color-prettylights-syntax-entity-tag: #023b95;
+  --color-prettylights-syntax-keyword: #a0111f;
+  --color-prettylights-syntax-string: #032563;
+  --color-prettylights-syntax-variable: #702c00;
+  --color-prettylights-syntax-brackethighlighter-unmatched: #6e011a;
+  --color-prettylights-syntax-brackethighlighter-angle: #4b535d;
+  --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-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-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-bg: #023b95;
+  --color-prettylights-syntax-meta-diff-range: #622cbc;
+  --color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;
+  --color-scale-black: #010409;
+  --color-scale-transparent: #ffffff00;
+  --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-blue-0: #dff7ff;
+  --color-scale-blue-1: #9cd7ff;
+  --color-scale-blue-2: #67b3fd;
+  --color-scale-blue-3: #368cf9;
+  --color-scale-blue-4: #1168e3;
+  --color-scale-blue-5: #0349b4;
+  --color-scale-blue-6: #023b95;
+  --color-scale-blue-7: #022f7a;
+  --color-scale-blue-8: #032563;
+  --color-scale-blue-9: #021a4a;
+  --color-scale-green-0: #d2fedb;
+  --color-scale-green-1: #82e596;
+  --color-scale-green-2: #43c663;
+  --color-scale-green-3: #26a148;
+  --color-scale-green-4: #117f32;
+  --color-scale-green-5: #055d20;
+  --color-scale-green-6: #024c1a;
+  --color-scale-green-7: #013d14;
+  --color-scale-green-8: #003110;
+  --color-scale-green-9: #00230b;
+  --color-scale-yellow-0: #fcf7be;
+  --color-scale-yellow-1: #f0ce53;
+  --color-scale-yellow-2: #d5a824;
+  --color-scale-yellow-3: #b58407;
+  --color-scale-yellow-4: #956400;
+  --color-scale-yellow-5: #744500;
+  --color-scale-yellow-6: #603700;
+  --color-scale-yellow-7: #4e2c00;
+  --color-scale-yellow-8: #3f2200;
+  --color-scale-yellow-9: #2e1800;
+  --color-scale-orange-0: #fff2d5;
+  --color-scale-orange-1: #ffc67b;
+  --color-scale-orange-2: #f99636;
+  --color-scale-orange-3: #dc6d1a;
+  --color-scale-orange-4: #b45105;
+  --color-scale-orange-5: #873800;
+  --color-scale-orange-6: #702c00;
+  --color-scale-orange-7: #5b2300;
+  --color-scale-orange-8: #491b00;
+  --color-scale-orange-9: #361200;
+  --color-scale-red-0: #fff0ee;
+  --color-scale-red-1: #ffc1bc;
+  --color-scale-red-2: #ff8e8a;
+  --color-scale-red-3: #ee5a5d;
+  --color-scale-red-4: #d5232c;
+  --color-scale-red-5: #a0111f;
+  --color-scale-red-6: #86061d;
+  --color-scale-red-7: #6e011a;
+  --color-scale-red-8: #5a0016;
+  --color-scale-red-9: #430011;
+  --color-scale-purple-0: #faf0fe;
+  --color-scale-purple-1: #e0c5ff;
+  --color-scale-purple-2: #c49bff;
+  --color-scale-purple-3: #a371f7;
+  --color-scale-purple-4: #844ae7;
+  --color-scale-purple-5: #622cbc;
+  --color-scale-purple-6: #512598;
+  --color-scale-purple-7: #411d7b;
+  --color-scale-purple-8: #341763;
+  --color-scale-purple-9: #260f49;
+  --color-scale-pink-0: #feeff7;
+  --color-scale-pink-1: #ffbde0;
+  --color-scale-pink-2: #fc87ca;
+  --color-scale-pink-3: #ed4baf;
+  --color-scale-pink-4: #c9248e;
+  --color-scale-pink-5: #971368;
+  --color-scale-pink-6: #7d0c57;
+  --color-scale-pink-7: #660847;
+  --color-scale-pink-8: #53043a;
+  --color-scale-pink-9: #3e022b;
+  --color-scale-coral-0: #fff0ed;
+  --color-scale-coral-1: #ffc2b6;
+  --color-scale-coral-2: #ff8f7e;
+  --color-scale-coral-3: #cd3425;
+  --color-scale-coral-4: #ef5b48;
+  --color-scale-coral-5: #9f1710;
+  --color-scale-coral-6: #870706;
+  --color-scale-coral-7: #6f0107;
+  --color-scale-coral-8: #5b0002;
+  --color-scale-coral-9: #430200;
+  --shadow-inset: inset 0px 1px 0px 0px #01040914;
+  --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
+  --shadow-resting-small: 0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914;
+  --shadow-resting-medium: 0px 3px 6px 0px #343b431f;
+  --shadow-floating-small: 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
+  --shadow-floating-medium: 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314;
+  --shadow-floating-large: 0px 40px 80px 0px #343b433d;
+  --shadow-floating-xlarge: 0px 56px 112px 0px #343b4352;
+}
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"][data-dark-theme="light_high_contrast"] {
+    --topicTag-borderColor: #0349b4;
+    --highlight-neutral-bgColor: #fcf7be;
+    --page-header-bgColor: #e7ecf0;
+    --diffBlob-addition-fgColor-text: #ffffff;
+    --diffBlob-addition-fgColor-num: #010409;
+    --diffBlob-addition-bgColor-num: #c2f9cd;
+    --diffBlob-addition-bgColor-line: #d2fedb;
+    --diffBlob-addition-bgColor-word: #117f32;
+    --diffBlob-deletion-fgColor-text: #ffffff;
+    --diffBlob-deletion-fgColor-num: #010409;
+    --diffBlob-deletion-bgColor-num: #ffc1bc;
+    --diffBlob-deletion-bgColor-line: #fff0ee;
+    --diffBlob-deletion-bgColor-word: #a0111f;
+    --diffBlob-hunk-bgColor-num: #9cd7ff;
+    --diffBlob-expander-iconColor: #0e1116;
+    --codeMirror-fgColor: #010409;
+    --codeMirror-bgColor: #ffffff;
+    --codeMirror-gutters-bgColor: #ffffff;
+    --codeMirror-gutterMarker-fgColor-default: #ffffff;
+    --codeMirror-gutterMarker-fgColor-muted: #0e1116;
+    --codeMirror-lineNumber-fgColor: #0e1116;
+    --codeMirror-cursor-fgColor: #010409;
+    --codeMirror-selection-bgColor: #368cf9;
+    --codeMirror-activeline-bgColor: #e7ecf0;
+    --codeMirror-matchingBracket-fgColor: #010409;
+    --codeMirror-lines-bgColor: #ffffff;
+    --codeMirror-syntax-fgColor-comment: #0e1116;
+    --codeMirror-syntax-fgColor-constant: #023b95;
+    --codeMirror-syntax-fgColor-entity: #622cbc;
+    --codeMirror-syntax-fgColor-keyword: #a0111f;
+    --codeMirror-syntax-fgColor-storage: #a0111f;
+    --codeMirror-syntax-fgColor-string: #032563;
+    --codeMirror-syntax-fgColor-support: #023b95;
+    --codeMirror-syntax-fgColor-variable: #702c00;
+    --header-fgColor-default: #ffffffb3;
+    --header-fgColor-logo: #ffffff;
+    --header-bgColor: #0e1116;
+    --header-borderColor-divider: #acb6c0;
+    --headerSearch-bgColor: #0e1116;
+    --headerSearch-borderColor: #4b535d;
+    --avatar-bgColor: #ffffff;
+    --avatar-borderColor: #20252c;
+    --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
+    --avatarStack-fade-bgColor-default: #acb6c0;
+    --avatarStack-fade-bgColor-muted: #ced5dc;
+    --control-bgColor-rest: #e7ecf0;
+    --control-bgColor-hover: #dbe1e6;
+    --control-bgColor-active: #cfd6dd;
+    --control-bgColor-disabled: #e7ecf0;
+    --control-bgColor-selected: #acb6c0;
+    --control-fgColor-rest: #0e1116;
+    --control-fgColor-placeholder: #66707b;
+    --control-fgColor-disabled: #4b535d;
+    --control-borderColor-rest: #20252c;
+    --control-borderColor-emphasis: #20252c;
+    --control-borderColor-disabled: #e7ecf0;
+    --control-borderColor-selected: #ffffff;
+    --control-borderColor-success: #055d20;
+    --control-borderColor-danger: #a0111f;
+    --control-borderColor-warning: #744500;
+    --control-iconColor-rest: #0e1116;
+    --control-transparent-bgColor-rest: #ffffff00;
+    --control-transparent-bgColor-hover: #e7ecf0;
+    --control-transparent-bgColor-active: #ced5dc;
+    --control-transparent-bgColor-disabled: #ffffff00;
+    --control-transparent-bgColor-selected: #ced5dc33;
+    --control-transparent-borderColor-rest: #ffffff00;
+    --control-transparent-borderColor-hover: #20252c;
+    --control-transparent-borderColor-active: #ffffff00;
+    --control-danger-fgColor-rest: #8a071e;
+    --control-danger-fgColor-hover: #ffffff;
+    --control-danger-bgColor-hover: #a0111f;
+    --control-danger-bgColor-active: #8c0b1d;
+    --control-checked-bgColor-rest: #0349b4;
+    --control-checked-bgColor-hover: #0344a8;
+    --control-checked-bgColor-active: #033f9d;
+    --control-checked-bgColor-disabled: #4b535d;
+    --control-checked-fgColor-rest: #ffffff;
+    --control-checked-fgColor-disabled: #ffffff;
+    --control-checked-borderColor-rest: #0349b4;
+    --control-checked-borderColor-hover: #0344a8;
+    --control-checked-borderColor-active: #033f9d;
+    --control-checked-borderColor-disabled: #4b535d;
+    --controlTrack-bgColor-rest: #acb6c0;
+    --controlTrack-bgColor-hover: #9ea8b2;
+    --controlTrack-bgColor-active: #909aa4;
+    --controlTrack-bgColor-disabled: #4b535d;
+    --controlTrack-fgColor-rest: #010409;
+    --controlTrack-fgColor-disabled: #ffffff;
+    --controlTrack-borderColor-rest: #ffffff00;
+    --controlTrack-borderColor-disabled: #4b535d;
+    --controlKnob-bgColor-rest: #ffffff;
+    --controlKnob-bgColor-disabled: #e7ecf0;
+    --controlKnob-bgColor-checked: #ffffff;
+    --controlKnob-borderColor-rest: #20252c;
+    --controlKnob-borderColor-disabled: #e7ecf0;
+    --controlKnob-borderColor-checked: #0349b4;
+    --counter-borderColor: #20252c;
+    --button-default-fgColor-rest: #0e1116;
+    --button-default-bgColor-rest: #e7ecf0;
+    --button-default-bgColor-hover: #dbe1e6;
+    --button-default-bgColor-active: #cfd6dd;
+    --button-default-bgColor-selected: #cfd6dd;
+    --button-default-bgColor-disabled: #e7ecf0;
+    --button-default-borderColor-rest: #20252c;
+    --button-default-borderColor-hover: #20252c;
+    --button-default-borderColor-active: #20252c;
+    --button-default-borderColor-disabled: #e7ecf0;
+    --button-default-shadow-resting: 0px 1px 0px 0px #0104090a;
+    --button-primary-fgColor-rest: #ffffff;
+    --button-primary-fgColor-disabled: #ffffffcc;
+    --button-primary-iconColor-rest: #ffffffcc;
+    --button-primary-bgColor-rest: #055d20;
+    --button-primary-bgColor-hover: #04571e;
+    --button-primary-bgColor-active: #03501b;
+    --button-primary-bgColor-disabled: #85cb97;
+    --button-primary-borderColor-rest: #013d14;
+    --button-primary-borderColor-hover: #013d14;
+    --button-primary-borderColor-active: #013d14;
+    --button-primary-borderColor-disabled: #85cb97;
+    --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
+    --button-invisible-fgColor-rest: #023b95;
+    --button-invisible-fgColor-hover: #67b3fd;
+    --button-invisible-fgColor-disabled: #4b535d;
+    --button-invisible-iconColor-rest: #0e1116;
+    --button-invisible-iconColor-hover: #ffffff;
+    --button-invisible-iconColor-disabled: #4b535d;
+    --button-invisible-bgColor-rest: #ffffff00;
+    --button-invisible-bgColor-hover: #20252c;
+    --button-invisible-bgColor-active: #4b535d;
+    --button-invisible-bgColor-disabled: #ffffff00;
+    --button-invisible-borderColor-rest: #ffffff00;
+    --button-invisible-borderColor-hover: #20252c;
+    --button-invisible-borderColor-disabled: #e7ecf0;
+    --button-outline-fgColor-rest: #023b95;
+    --button-outline-fgColor-hover: #ffffff;
+    --button-outline-fgColor-active: #ffffff;
+    --button-outline-fgColor-disabled: #023b9580;
+    --button-outline-bgColor-rest: #e7ecf0;
+    --button-outline-bgColor-hover: #0349b4;
+    --button-outline-bgColor-active: #033f9d;
+    --button-outline-bgColor-disabled: #ffffff;
+    --button-outline-borderColor-hover: #01040926;
+    --button-outline-borderColor-active: #01040926;
+    --button-outline-shadow-selected: inset 0px 1px 0px 0px #021a4a33;
+    --button-danger-fgColor-rest: #8a071e;
+    --button-danger-fgColor-hover: #ffffff;
+    --button-danger-fgColor-active: #ffffff;
+    --button-danger-fgColor-disabled: #8a071e80;
+    --button-danger-iconColor-rest: #8a071e;
+    --button-danger-iconColor-hover: #ffffff;
+    --button-danger-bgColor-rest: #e7ecf0;
+    --button-danger-bgColor-hover: #86061d;
+    --button-danger-bgColor-active: #74041a;
+    --button-danger-bgColor-disabled: #e7ecf0;
+    --button-danger-borderColor-rest: #20252c;
+    --button-danger-borderColor-hover: #01040926;
+    --button-danger-borderColor-active: #01040926;
+    --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
+    --button-inactive-fgColor-rest: #4b535d;
+    --button-inactive-bgColor-rest: #e7ecf0;
+    --buttonCounter-default-bgColor-rest: #66707b33;
+    --buttonCounter-invisible-bgColor-rest: #66707b33;
+    --buttonCounter-primary-bgColor-rest: #00230b33;
+    --buttonCounter-outline-bgColor-rest: #0349b41a;
+    --buttonCounter-outline-bgColor-hover: #ffffff33;
+    --buttonCounter-outline-bgColor-disabled: #0349b40d;
+    --buttonCounter-outline-fgColor-rest: #023b95;
+    --buttonCounter-outline-fgColor-hover: #ffffff;
+    --buttonCounter-outline-fgColor-disabled: #023b9580;
+    --buttonCounter-danger-bgColor-hover: #ffffff33;
+    --buttonCounter-danger-bgColor-disabled: #a0111f0d;
+    --buttonCounter-danger-bgColor-rest: #a0111f1a;
+    --buttonCounter-danger-fgColor-rest: #980e1e;
+    --buttonCounter-danger-fgColor-hover: #ffffff;
+    --buttonCounter-danger-fgColor-disabled: #8a071e80;
+    --focus-outlineColor: #0349b4;
+    --focus-outline: #0349b4 solid 2px;
+    --menu-bgColor-active: #ffffff00;
+    --overlay-bgColor: #ffffff;
+    --overlay-backdrop-bgColor: #88929d33;
+    --selectMenu-borderColor: #ffffff00;
+    --selectMenu-bgColor-active: #9cd7ff;
+    --sideNav-bgColor-selected: #ffffff;
+    --skeletonLoader-bgColor: #e7ecf0;
+    --timelineBadge-bgColor: #e7ecf0;
+    --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
+    --underlineNav-borderColor-active: #cd3425;
+    --underlineNav-borderColor-hover: #88929d;
+    --underlineNav-iconColor-rest: #0e1116;
+    --fgColor-default: #010409;
+    --fgColor-muted: #0e1116;
+    --fgColor-onEmphasis: #ffffff;
+    --fgColor-onInverse: #ffffff;
+    --fgColor-disabled: #4b535d;
+    --fgColor-link: #023b95;
+    --fgColor-link-onInverse: #67b3fd;
+    --fgColor-neutral: #66707b;
+    --fgColor-neutral-onInverse: #ced5dc;
+    --fgColor-accent: #023b95;
+    --fgColor-accent-onInverse: #67b3fd;
+    --fgColor-success: #055d20;
+    --fgColor-success-onInverse: #43c663;
+    --fgColor-attention: #744500;
+    --fgColor-attention-onInverse: #d5a824;
+    --fgColor-severe: #873800;
+    --fgColor-severe-onInverse: #f99636;
+    --fgColor-danger: #8a071e;
+    --fgColor-danger-onInverse: #ff8e8a;
+    --fgColor-open: #055d20;
+    --fgColor-open-onInverse: #43c663;
+    --fgColor-closed: #8a071e;
+    --fgColor-closed-onInverse: #ff8e8a;
+    --fgColor-done: #622cbc;
+    --fgColor-done-onInverse: #c49bff;
+    --fgColor-sponsors: #971368;
+    --fgColor-sponsors-onInverse: #fc87ca;
+    --bgColor-default: #ffffff;
+    --bgColor-muted: #e7ecf0;
+    --bgColor-inset: #ffffff;
+    --bgColor-emphasis: #0e1116;
+    --bgColor-inverse: #0e1116;
+    --bgColor-disabled: #e7ecf0;
+    --bgColor-transparent: #ffffff00;
+    --bgColor-neutral-muted: #e7ecf0;
+    --bgColor-neutral-emphasis: #66707b;
+    --bgColor-accent-muted: #dff7ff;
+    --bgColor-accent-emphasis: #0349b4;
+    --bgColor-success-muted: #d2fedb;
+    --bgColor-success-emphasis: #055d20;
+    --bgColor-attention-muted: #fcf7be;
+    --bgColor-attention-emphasis: #744500;
+    --bgColor-severe-muted: #fff2d5;
+    --bgColor-severe-emphasis: #873800;
+    --bgColor-danger-muted: #fff0ee;
+    --bgColor-danger-emphasis: #a0111f;
+    --bgColor-open-muted: #d2fedb;
+    --bgColor-open-emphasis: #055d20;
+    --bgColor-closed-muted: #fff0ee;
+    --bgColor-closed-emphasis: #a0111f;
+    --bgColor-done-muted: #faf0fe;
+    --bgColor-done-emphasis: #622cbc;
+    --bgColor-sponsors-muted: #feeff7;
+    --bgColor-sponsors-emphasis: #971368;
+    --borderColor-default: #20252c;
+    --borderColor-muted: #88929d;
+    --borderColor-emphasis: #66707b;
+    --borderColor-disabled: #e7ecf0;
+    --borderColor-transparent: #ffffff00;
+    --borderColor-neutral-muted: #88929d;
+    --borderColor-neutral-emphasis: #66707b;
+    --borderColor-accent-muted: #368cf9;
+    --borderColor-accent-emphasis: #0349b4;
+    --borderColor-success-muted: #26a148;
+    --borderColor-success-emphasis: #055d20;
+    --borderColor-attention-muted: #b58407;
+    --borderColor-attention-emphasis: #744500;
+    --borderColor-severe-muted: #dc6d1a;
+    --borderColor-severe-emphasis: #873800;
+    --borderColor-danger-muted: #ee5a5d;
+    --borderColor-danger-emphasis: #a0111f;
+    --borderColor-open-muted: #26a148;
+    --borderColor-open-emphasis: #055d20;
+    --borderColor-closed-muted: #ee5a5d66;
+    --borderColor-closed-emphasis: #a0111f;
+    --borderColor-done-muted: #a371f7;
+    --borderColor-done-emphasis: #622cbc;
+    --borderColor-sponsors-muted: #ed4baf;
+    --borderColor-sponsors-emphasis: #971368;
+    --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;
+    --color-ansi-green-bright: #055d20;
+    --color-ansi-yellow: #3f2200;
+    --color-ansi-yellow-bright: #4e2c00;
+    --color-ansi-blue: #0349b4;
+    --color-ansi-blue-bright: #1168e3;
+    --color-ansi-magenta: #622cbc;
+    --color-ansi-magenta-bright: #844ae7;
+    --color-ansi-cyan: #1b7c83;
+    --color-ansi-cyan-bright: #3192aa;
+    --color-prettylights-syntax-comment: #4b535d;
+    --color-prettylights-syntax-constant: #023b95;
+    --color-prettylights-syntax-constant-other-reference-link: #032563;
+    --color-prettylights-syntax-entity: #512598;
+    --color-prettylights-syntax-storage-modifier-import: #0e1116;
+    --color-prettylights-syntax-entity-tag: #023b95;
+    --color-prettylights-syntax-keyword: #a0111f;
+    --color-prettylights-syntax-string: #032563;
+    --color-prettylights-syntax-variable: #702c00;
+    --color-prettylights-syntax-brackethighlighter-unmatched: #6e011a;
+    --color-prettylights-syntax-brackethighlighter-angle: #4b535d;
+    --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-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-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-bg: #023b95;
+    --color-prettylights-syntax-meta-diff-range: #622cbc;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;
+    --color-scale-black: #010409;
+    --color-scale-transparent: #ffffff00;
+    --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-blue-0: #dff7ff;
+    --color-scale-blue-1: #9cd7ff;
+    --color-scale-blue-2: #67b3fd;
+    --color-scale-blue-3: #368cf9;
+    --color-scale-blue-4: #1168e3;
+    --color-scale-blue-5: #0349b4;
+    --color-scale-blue-6: #023b95;
+    --color-scale-blue-7: #022f7a;
+    --color-scale-blue-8: #032563;
+    --color-scale-blue-9: #021a4a;
+    --color-scale-green-0: #d2fedb;
+    --color-scale-green-1: #82e596;
+    --color-scale-green-2: #43c663;
+    --color-scale-green-3: #26a148;
+    --color-scale-green-4: #117f32;
+    --color-scale-green-5: #055d20;
+    --color-scale-green-6: #024c1a;
+    --color-scale-green-7: #013d14;
+    --color-scale-green-8: #003110;
+    --color-scale-green-9: #00230b;
+    --color-scale-yellow-0: #fcf7be;
+    --color-scale-yellow-1: #f0ce53;
+    --color-scale-yellow-2: #d5a824;
+    --color-scale-yellow-3: #b58407;
+    --color-scale-yellow-4: #956400;
+    --color-scale-yellow-5: #744500;
+    --color-scale-yellow-6: #603700;
+    --color-scale-yellow-7: #4e2c00;
+    --color-scale-yellow-8: #3f2200;
+    --color-scale-yellow-9: #2e1800;
+    --color-scale-orange-0: #fff2d5;
+    --color-scale-orange-1: #ffc67b;
+    --color-scale-orange-2: #f99636;
+    --color-scale-orange-3: #dc6d1a;
+    --color-scale-orange-4: #b45105;
+    --color-scale-orange-5: #873800;
+    --color-scale-orange-6: #702c00;
+    --color-scale-orange-7: #5b2300;
+    --color-scale-orange-8: #491b00;
+    --color-scale-orange-9: #361200;
+    --color-scale-red-0: #fff0ee;
+    --color-scale-red-1: #ffc1bc;
+    --color-scale-red-2: #ff8e8a;
+    --color-scale-red-3: #ee5a5d;
+    --color-scale-red-4: #d5232c;
+    --color-scale-red-5: #a0111f;
+    --color-scale-red-6: #86061d;
+    --color-scale-red-7: #6e011a;
+    --color-scale-red-8: #5a0016;
+    --color-scale-red-9: #430011;
+    --color-scale-purple-0: #faf0fe;
+    --color-scale-purple-1: #e0c5ff;
+    --color-scale-purple-2: #c49bff;
+    --color-scale-purple-3: #a371f7;
+    --color-scale-purple-4: #844ae7;
+    --color-scale-purple-5: #622cbc;
+    --color-scale-purple-6: #512598;
+    --color-scale-purple-7: #411d7b;
+    --color-scale-purple-8: #341763;
+    --color-scale-purple-9: #260f49;
+    --color-scale-pink-0: #feeff7;
+    --color-scale-pink-1: #ffbde0;
+    --color-scale-pink-2: #fc87ca;
+    --color-scale-pink-3: #ed4baf;
+    --color-scale-pink-4: #c9248e;
+    --color-scale-pink-5: #971368;
+    --color-scale-pink-6: #7d0c57;
+    --color-scale-pink-7: #660847;
+    --color-scale-pink-8: #53043a;
+    --color-scale-pink-9: #3e022b;
+    --color-scale-coral-0: #fff0ed;
+    --color-scale-coral-1: #ffc2b6;
+    --color-scale-coral-2: #ff8f7e;
+    --color-scale-coral-3: #cd3425;
+    --color-scale-coral-4: #ef5b48;
+    --color-scale-coral-5: #9f1710;
+    --color-scale-coral-6: #870706;
+    --color-scale-coral-7: #6f0107;
+    --color-scale-coral-8: #5b0002;
+    --color-scale-coral-9: #430200;
+    --shadow-inset: inset 0px 1px 0px 0px #01040914;
+    --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
+    --shadow-resting-small: 0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914;
+    --shadow-resting-medium: 0px 3px 6px 0px #343b431f;
+    --shadow-floating-small: 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
+    --shadow-floating-medium: 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314;
+    --shadow-floating-large: 0px 40px 80px 0px #343b433d;
+    --shadow-floating-xlarge: 0px 56px 112px 0px #343b4352;
+  }
+}