@primer/primitives 7.11.2-rc.fd60637 → 7.11.2

package/tokens-next-private/scss/functional/themes/light-high-contrast.scss

@@ -0,0 +1,280 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 29 Mar 2023 08:43:00 GMT
+ */
+
+@mixin primer-colors-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;
+    --diffStat-addition-bgColor: #055d20;
+    --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-fgColor-text: #ffffffb3;
+    --header-fgColor-borderColor: #4b535d;
+    --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: #88929d;
+    --control-borderColor-rest: #20252c;
+    --control-borderColor-emphasis: #20252c;
+    --control-borderColor-disabled: #20252c;
+    --control-borderColor-selected: #ffffff;
+    --control-borderColor-success: #055d20;
+    --control-borderColor-danger: #a0111f;
+    --control-borderColor-warning: #744500;
+    --control-iconColor-rest: #0e1116;
+    --control-transparent-bgColor-rest: #00000000;
+    --control-transparent-bgColor-hover: #e7ecf0;
+    --control-transparent-bgColor-active: #ced5dc;
+    --control-transparent-bgColor-disabled: #e7ecf0;
+    --control-transparent-bgColor-selected: #ced5dc;
+    --control-transparent-borderColor-rest: #00000000;
+    --control-transparent-borderColor-hover: #20252c;
+    --control-transparent-borderColor-active: #00000000;
+    --control-danger-fgColor-rest: #86061d;
+    --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: #88929d;
+    --control-checked-fgColor-rest: #ffffff;
+    --control-checked-fgColor-disabled: #ffffff;
+    --control-checked-borderColor-rest: #0349b4;
+    --control-checked-borderColor-hover: #00000000;
+    --control-checked-borderColor-active: #00000000;
+    --control-checked-borderColor-disabled: #88929d;
+    --controlTrack-bgColor-rest: #acb6c0;
+    --controlTrack-bgColor-hover: #9ea8b2;
+    --controlTrack-bgColor-active: #909aa4;
+    --controlTrack-bgColor-disabled: #88929d;
+    --controlTrack-fgColor-rest: #010409;
+    --controlTrack-fgColor-disabled: #ffffff;
+    --controlTrack-borderColor-rest: #00000000;
+    --controlTrack-borderColor-disabled: #88929d;
+    --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-borderColor-rest: #20252c;
+    --button-default-borderColor-hover: #20252c;
+    --button-default-borderColor-active: #20252c;
+    --button-default-shadow-resting: 0px 1px 0px 0px #0104090a;
+    --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
+    --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-disabled: #88929dcc;
+    --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
+    --button-invisible-fgColor-rest: #023b95;
+    --button-invisible-fgColor-disabled: #88929d;
+    --button-invisible-bgColor-rest: #00000000;
+    --button-invisible-bgColor-hover: #e7ecf0;
+    --button-invisible-bgColor-active: #ced5dc;
+    --button-invisible-bgColor-disabled: #e7ecf0;
+    --button-invisible-borderColor-rest: #00000000;
+    --button-invisible-borderColor-hover: #20252c;
+    --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: #20252c;
+    --button-outline-borderColor-active: #20252c;
+    --button-outline-shadow-selected: inset 0px 1px 0px 0px #021a4a33;
+    --button-danger-fgColor-rest: #86061d;
+    --button-danger-fgColor-hover: #ffffff;
+    --button-danger-fgColor-active: #ffffff;
+    --button-danger-fgColor-disabled: #86061d80;
+    --button-danger-iconColor-rest: #86061d;
+    --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: #20252c;
+    --button-danger-borderColor-active: #20252c;
+    --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
+    --buttonCounter-default-bgColor-rest: #e7ecf0;
+    --buttonCounter-primary-bgColor-rest: #ffffff33;
+    --buttonCounter-outline-bgColor-rest: #0349b41a;
+    --buttonCounter-outline-bgColor-hover: #ffffff33;
+    --buttonCounter-outline-bgColor-disabled: #0349b40d;
+    --buttonCounter-danger-bgColor-hover: #ffffff33;
+    --buttonCounter-danger-bgColor-disabled: #a0111f0d;
+    --buttonCounter-danger-bgColor-rest: #a0111f1a;
+    --focus-outlineColor: #0349b4;
+    --focus-outline: #0349b4 solid 1px;
+    --menu-bgColor-active: #ffffff00;
+    --overlay-bgColor: #ffffff;
+    --overlay-backdrop-bgColor: #88929d33;
+    --selectMenu-borderColor: #ffffff00;
+    --selectMenu-bgColor-active: #9cd7ff;
+    --sideNav-bgColor-selected: #ffffff;
+    --timelineBadge-bgColor: #e7ecf0;
+    --treeViewItem-leadingVisual-bgColor-rest: #368cf9;
+    --underlineNav-borderColor-active: #cd3425;
+    --underlineNav-borderColor-hover: #acb6c033;
+    --underlineNav-iconColor-rest: #0e1116;
+    --fgColor-default: #010409;
+    --fgColor-muted: #0e1116;
+    --fgColor-onEmphasis: #ffffff;
+    --fgColor-disabled: #88929d;
+    --fgColor-link-rest: #023b95;
+    --fgColor-link-inverse-rest: #368cf9;
+    --fgColor-link-control: #818b96;
+    --fgColor-accent: #023b95;
+    --fgColor-success: #055d20;
+    --fgColor-attention: #744500;
+    --fgColor-severe: #873800;
+    --fgColor-danger: #86061d;
+    --fgColor-open: #055d20;
+    --fgColor-closed: #a0111f;
+    --fgColor-done: #622cbc;
+    --fgColor-sponsors: #bf3989;
+    --bgColor-default: #ffffff;
+    --bgColor-muted: #e7ecf0;
+    --bgColor-emphasis: #0e1116;
+    --bgColor-disabled: #e7ecf0;
+    --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: #3e022b;
+    --bgColor-sponsors-emphasis: #bf3989;
+    --borderColor-default: #20252c;
+    --borderColor-muted: #88929d;
+    --borderColor-emphasis: #66707b;
+    --borderColor-disabled: #20252c;
+    --borderColor-neutral-muted: #acb6c033;
+    --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: #ff80c8;
+    --borderColor-sponsors-emphasis: #bf3989;
+    --color-ansi-black-bright: #4b535d;
+    --color-ansi-white-bright: #88929d;
+    --color-ansi-gray: #66707b;
+    --color-ansi-red-bright: #86061d;
+    --color-ansi-green-bright: #055d20;
+    --color-ansi-yellow-bright: #4e2c00;
+    --color-ansi-blue-bright: #1168e3;
+    --color-ansi-magenta-bright: #844ae7;
+    --color-ansi-cyan-bright: #3192aa;
+    --color-prettylights-syntax-comment: #66707b;
+    --color-prettylights-syntax-constant-other-reference-link: #032563;
+    --color-prettylights-syntax-entity-tag: #023b95;
+    --color-prettylights-syntax-storage-modifier-import: #0e1116;
+    --color-prettylights-syntax-keyword: #a0111f;
+    --color-prettylights-syntax-string-regexp: #024c1a;
+    --color-prettylights-syntax-variable: #702c00;
+    --color-prettylights-syntax-brackethighlighter-angle: #4b535d;
+    --color-prettylights-syntax-invalid-illegal-bg: #6e011a;
+    --color-prettylights-syntax-carriage-return-bg: #a0111f;
+    --color-prettylights-syntax-markup-ignored-bg: #023b95;
+    --color-prettylights-syntax-meta-diff-range: #622cbc;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;
+    --shadow-inset: inset 0px 1px 0px 0px #0104090d;
+    --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
+    --shadow-resting-xsmall: 0px 1px 0px 0px #0104090f;
+    --shadow-resting-small: 0px 1px 0px 0px #0104090a;
+    --shadow-resting-medium: 0px 3px 6px 0px #88929d26;
+    --shadow-floating-small: 0px 1px 3px 0px #0104091f, 0px 8px 24px 0px #343b431f;
+    --shadow-floating-medium: 0px 4px 32px -4px #88929d17, 0px 8px 16px -4px #88929d17, 0px 24px 48px -12px #88929d29, 0px 48px 96px -24px #88929d3d;
+    --shadow-floating-large: 0px 8px 24px 0px #88929d33;
+    --shadow-floating-xlarge: 0px 12px 28px 0px #88929d4d;
+  }
+}

package/tokens-next-private/scss/functional/themes/light-tritanopia.scss

@@ -0,0 +1,280 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 29 Mar 2023 08:42:58 GMT
+ */
+
+@mixin primer-colors-light-tritanopia {
+  & {
+    --topicTag-borderColor: #ffffff00;
+    --highlight-neutral-bgColor: #fff8c5;
+    --page-header-bgColor: #f6f8fa;
+    --diffBlob-addition-fgColor-text: #1f2328;
+    --diffBlob-addition-fgColor-num: #1f2328;
+    --diffBlob-addition-bgColor-num: #d5f1ff;
+    --diffBlob-addition-bgColor-line: #ddf4ff;
+    --diffBlob-addition-bgColor-word: #b6e3ff;
+    --diffBlob-deletion-fgColor-text: #1f2328;
+    --diffBlob-deletion-fgColor-num: #1f2328;
+    --diffBlob-deletion-bgColor-num: #ffcecb;
+    --diffBlob-deletion-bgColor-line: #ffebe9;
+    --diffBlob-deletion-bgColor-word: #ff818266;
+    --diffBlob-hunk-bgColor-num: #54aeff66;
+    --diffBlob-expander-iconColor: #636c76;
+    --diffStat-addition-bgColor: #0f72e3;
+    --codeMirror-fgColor: #1f2328;
+    --codeMirror-bgColor: #ffffff;
+    --codeMirror-gutters-bgColor: #ffffff;
+    --codeMirror-gutterMarker-fgColor-default: #ffffff;
+    --codeMirror-gutterMarker-fgColor-muted: #636c76;
+    --codeMirror-lineNumber-fgColor: #636c76;
+    --codeMirror-cursor-fgColor: #1f2328;
+    --codeMirror-selection-bgColor: #54aeff66;
+    --codeMirror-activeline-bgColor: #eaeef280;
+    --codeMirror-matchingBracket-fgColor: #1f2328;
+    --codeMirror-lines-bgColor: #ffffff;
+    --codeMirror-syntax-fgColor-comment: #24292f;
+    --codeMirror-syntax-fgColor-constant: #0550ae;
+    --codeMirror-syntax-fgColor-entity: #8250df;
+    --codeMirror-syntax-fgColor-keyword: #cf222e;
+    --codeMirror-syntax-fgColor-storage: #cf222e;
+    --codeMirror-syntax-fgColor-string: #0a3069;
+    --codeMirror-syntax-fgColor-support: #0550ae;
+    --codeMirror-syntax-fgColor-variable: #a40e26;
+    --header-fgColor-default: #ffffffb3;
+    --header-fgColor-logo: #ffffff;
+    --header-fgColor-text: #ffffffb3;
+    --header-fgColor-borderColor: #57606a;
+    --header-bgColor: #24292f;
+    --header-borderColor-divider: #57606a;
+    --headerSearch-bgColor: #24292f;
+    --headerSearch-borderColor: #57606a;
+    --avatar-bgColor: #ffffff;
+    --avatar-borderColor: #d0d7de;
+    --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
+    --avatarStack-fade-bgColor-default: #afb8c1;
+    --avatarStack-fade-bgColor-muted: #d0d7de;
+    --control-bgColor-rest: #f6f8fa;
+    --control-bgColor-hover: #eef1f4;
+    --control-bgColor-active: #e7ebef;
+    --control-bgColor-disabled: #f6f8fa;
+    --control-bgColor-selected: #f6f8fa;
+    --control-fgColor-rest: #24292f;
+    --control-fgColor-placeholder: #6e7781;
+    --control-fgColor-disabled: #8c959f;
+    --control-borderColor-rest: #d0d7de;
+    --control-borderColor-emphasis: #868f99;
+    --control-borderColor-disabled: #d0d7de;
+    --control-borderColor-selected: #f6f8fa;
+    --control-borderColor-success: #218bff;
+    --control-borderColor-danger: #cf222e;
+    --control-borderColor-warning: #bf8700;
+    --control-iconColor-rest: #636c76;
+    --control-transparent-bgColor-rest: #00000000;
+    --control-transparent-bgColor-hover: #d0d7de33;
+    --control-transparent-bgColor-active: #d0d7de66;
+    --control-transparent-bgColor-disabled: #f6f8fa;
+    --control-transparent-bgColor-selected: #f6f8fa;
+    --control-transparent-borderColor-rest: #00000000;
+    --control-transparent-borderColor-hover: #00000000;
+    --control-transparent-borderColor-active: #00000000;
+    --control-danger-fgColor-rest: #cf222e;
+    --control-danger-fgColor-hover: #cf222e;
+    --control-danger-bgColor-hover: #ffebe9;
+    --control-danger-bgColor-active: #ffebe966;
+    --control-checked-bgColor-rest: #0969da;
+    --control-checked-bgColor-hover: #0860ca;
+    --control-checked-bgColor-active: #0757ba;
+    --control-checked-bgColor-disabled: #8c959f;
+    --control-checked-fgColor-rest: #ffffff;
+    --control-checked-fgColor-disabled: #ffffff;
+    --control-checked-borderColor-rest: #0969da;
+    --control-checked-borderColor-hover: #00000000;
+    --control-checked-borderColor-active: #00000000;
+    --control-checked-borderColor-disabled: #8c959f;
+    --controlTrack-bgColor-rest: #eaeef2;
+    --controlTrack-bgColor-hover: #dee3e8;
+    --controlTrack-bgColor-active: #d2d8de;
+    --controlTrack-bgColor-disabled: #8c959f;
+    --controlTrack-fgColor-rest: #636c76;
+    --controlTrack-fgColor-disabled: #ffffff;
+    --controlTrack-borderColor-rest: #00000000;
+    --controlTrack-borderColor-disabled: #8c959f;
+    --controlKnob-bgColor-rest: #ffffff;
+    --controlKnob-bgColor-disabled: #f6f8fa;
+    --controlKnob-bgColor-checked: #ffffff;
+    --controlKnob-borderColor-rest: #868f99;
+    --controlKnob-borderColor-disabled: #f6f8fa;
+    --controlKnob-borderColor-checked: #0969da;
+    --counter-borderColor: #ffffff00;
+    --button-default-fgColor-rest: #24292f;
+    --button-default-bgColor-rest: #f6f8fa;
+    --button-default-bgColor-hover: #eef1f4;
+    --button-default-bgColor-active: #e7ebef;
+    --button-default-bgColor-selected: #e7ebef;
+    --button-default-borderColor-rest: #d0d7de;
+    --button-default-borderColor-hover: #d0d7de;
+    --button-default-borderColor-active: #d0d7de;
+    --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
+    --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
+    --button-primary-fgColor-rest: #ffffff;
+    --button-primary-fgColor-disabled: #ffffffcc;
+    --button-primary-iconColor-rest: #ffffffcc;
+    --button-primary-bgColor-rest: #0f72e3;
+    --button-primary-bgColor-hover: #0d6bd8;
+    --button-primary-bgColor-active: #0b64ce;
+    --button-primary-bgColor-disabled: #92caff;
+    --button-primary-borderColor-rest: #d0d7decc;
+    --button-primary-borderColor-hover: #d0d7decc;
+    --button-primary-borderColor-disabled: #d0d7decc;
+    --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
+    --button-invisible-fgColor-rest: #0969da;
+    --button-invisible-fgColor-disabled: #8c959f;
+    --button-invisible-bgColor-rest: #00000000;
+    --button-invisible-bgColor-hover: #d0d7de33;
+    --button-invisible-bgColor-active: #d0d7de66;
+    --button-invisible-bgColor-disabled: #f6f8fa;
+    --button-invisible-borderColor-rest: #00000000;
+    --button-invisible-borderColor-hover: #00000000;
+    --button-outline-fgColor-rest: #0969da;
+    --button-outline-fgColor-hover: #ffffff;
+    --button-outline-fgColor-active: #ffffff;
+    --button-outline-fgColor-disabled: #0969da80;
+    --button-outline-bgColor-rest: #f6f8fa;
+    --button-outline-bgColor-hover: #0969da;
+    --button-outline-bgColor-active: #0757ba;
+    --button-outline-bgColor-disabled: #f6f8fa;
+    --button-outline-borderColor-hover: #d0d7de;
+    --button-outline-borderColor-active: #d0d7de;
+    --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
+    --button-danger-fgColor-rest: #cf222e;
+    --button-danger-fgColor-hover: #ffffff;
+    --button-danger-fgColor-active: #ffffff;
+    --button-danger-fgColor-disabled: #cf222e80;
+    --button-danger-iconColor-rest: #cf222e;
+    --button-danger-iconColor-hover: #ffffff;
+    --button-danger-bgColor-rest: #f6f8fa;
+    --button-danger-bgColor-hover: #a40e26;
+    --button-danger-bgColor-active: #8b0820;
+    --button-danger-bgColor-disabled: #f6f8fa;
+    --button-danger-borderColor-rest: #d0d7de;
+    --button-danger-borderColor-hover: #d0d7de;
+    --button-danger-borderColor-active: #d0d7de;
+    --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
+    --buttonCounter-default-bgColor-rest: #eaeef280;
+    --buttonCounter-primary-bgColor-rest: #ffffff33;
+    --buttonCounter-outline-bgColor-rest: #0969da1a;
+    --buttonCounter-outline-bgColor-hover: #ffffff33;
+    --buttonCounter-outline-bgColor-disabled: #0969da0d;
+    --buttonCounter-danger-bgColor-hover: #ffffff33;
+    --buttonCounter-danger-bgColor-disabled: #cf222e0d;
+    --buttonCounter-danger-bgColor-rest: #cf222e1a;
+    --focus-outlineColor: #0969da;
+    --focus-outline: #0969da solid 1px;
+    --menu-bgColor-active: #ffffff00;
+    --overlay-bgColor: #ffffff;
+    --overlay-backdrop-bgColor: #8c959f33;
+    --selectMenu-borderColor: #ffffff00;
+    --selectMenu-bgColor-active: #b6e3ff;
+    --sideNav-bgColor-selected: #ffffff;
+    --timelineBadge-bgColor: #eaeef2;
+    --treeViewItem-leadingVisual-bgColor-rest: #54aeff;
+    --underlineNav-borderColor-active: #fd8c73;
+    --underlineNav-borderColor-hover: #afb8c133;
+    --underlineNav-iconColor-rest: #636c76;
+    --fgColor-default: #1f2328;
+    --fgColor-muted: #636c76;
+    --fgColor-onEmphasis: #ffffff;
+    --fgColor-disabled: #8c959f;
+    --fgColor-link-rest: #0969da;
+    --fgColor-link-inverse-rest: #54aeff;
+    --fgColor-link-control: #868f99;
+    --fgColor-accent: #0969da;
+    --fgColor-success: #0969da;
+    --fgColor-attention: #9a6700;
+    --fgColor-severe: #cf222e;
+    --fgColor-danger: #cf222e;
+    --fgColor-open: #0969da;
+    --fgColor-closed: #cf222e;
+    --fgColor-done: #8250df;
+    --fgColor-sponsors: #bf3989;
+    --bgColor-default: #ffffff;
+    --bgColor-muted: #f6f8fa;
+    --bgColor-emphasis: #24292f;
+    --bgColor-disabled: #f6f8fa;
+    --bgColor-neutral-muted: #eaeef280;
+    --bgColor-neutral-emphasis: #6e7781;
+    --bgColor-accent-muted: #ddf4ff;
+    --bgColor-accent-emphasis: #0969da;
+    --bgColor-success-muted: #ddf4ff;
+    --bgColor-success-emphasis: #0f72e3;
+    --bgColor-attention-muted: #fff8c5;
+    --bgColor-attention-emphasis: #bf8700;
+    --bgColor-severe-muted: #ffebe9;
+    --bgColor-severe-emphasis: #cf222e;
+    --bgColor-danger-muted: #ffebe9;
+    --bgColor-danger-emphasis: #cf222e;
+    --bgColor-open-muted: #ddf4ff;
+    --bgColor-open-emphasis: #0f72e3;
+    --bgColor-closed-muted: #ffebe9;
+    --bgColor-closed-emphasis: #cf222e;
+    --bgColor-done-muted: #fbefff;
+    --bgColor-done-emphasis: #8250df;
+    --bgColor-sponsors-muted: #ffeff7;
+    --bgColor-sponsors-emphasis: #bf3989;
+    --borderColor-default: #d0d7de;
+    --borderColor-muted: #d0d7de66;
+    --borderColor-emphasis: #6e7781;
+    --borderColor-disabled: #d0d7de;
+    --borderColor-neutral-muted: #afb8c133;
+    --borderColor-neutral-emphasis: #6e7781;
+    --borderColor-accent-muted: #54aeff66;
+    --borderColor-accent-emphasis: #0969da;
+    --borderColor-success-muted: #54aeff66;
+    --borderColor-success-emphasis: #218bff;
+    --borderColor-attention-muted: #d4a72c66;
+    --borderColor-attention-emphasis: #bf8700;
+    --borderColor-severe-muted: #ff818266;
+    --borderColor-severe-emphasis: #cf222e;
+    --borderColor-danger-muted: #ff818266;
+    --borderColor-danger-emphasis: #cf222e;
+    --borderColor-open-muted: #54aeff66;
+    --borderColor-open-emphasis: #218bff;
+    --borderColor-closed-muted: #ff818266;
+    --borderColor-closed-emphasis: #cf222e;
+    --borderColor-done-muted: #c297ff66;
+    --borderColor-done-emphasis: #8250df;
+    --borderColor-sponsors-muted: #ff80c866;
+    --borderColor-sponsors-emphasis: #bf3989;
+    --color-ansi-black-bright: #57606a;
+    --color-ansi-white-bright: #8c959f;
+    --color-ansi-gray: #6e7781;
+    --color-ansi-red-bright: #a40e26;
+    --color-ansi-green-bright: #0969da;
+    --color-ansi-yellow-bright: #633c01;
+    --color-ansi-blue-bright: #218bff;
+    --color-ansi-magenta-bright: #a475f9;
+    --color-ansi-cyan-bright: #3192aa;
+    --color-prettylights-syntax-comment: #6e7781;
+    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
+    --color-prettylights-syntax-entity-tag: #0550ae;
+    --color-prettylights-syntax-storage-modifier-import: #24292f;
+    --color-prettylights-syntax-keyword: #cf222e;
+    --color-prettylights-syntax-string-regexp: #0550ae;
+    --color-prettylights-syntax-variable: #a40e26;
+    --color-prettylights-syntax-brackethighlighter-angle: #57606a;
+    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
+    --color-prettylights-syntax-carriage-return-bg: #cf222e;
+    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
+    --color-prettylights-syntax-meta-diff-range: #8250df;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
+    --shadow-inset: inset 0px 1px 0px 0px #1f23280d;
+    --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
+    --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;
+    --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
+    --shadow-resting-medium: 0px 3px 6px 0px #8c959f26;
+    --shadow-floating-small: 0px 1px 3px 0px #1f23281f, 0px 8px 24px 0px #424a531f;
+    --shadow-floating-medium: 0px 4px 32px -4px #8c959f17, 0px 8px 16px -4px #8c959f17, 0px 24px 48px -12px #8c959f29, 0px 48px 96px -24px #8c959f3d;
+    --shadow-floating-large: 0px 8px 24px 0px #8c959f33;
+    --shadow-floating-xlarge: 0px 12px 28px 0px #8c959f4d;
+  }
+}