@primer/primitives 7.11.1 → 7.11.2-rc.0832cd6

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

@@ -0,0 +1,337 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 28 Mar 2023 12:06:53 GMT
+ */
+
+@mixin primer-colors-light-high-contrast {
+  & {
+    --color-ansi-black: #0e1116;
+    --color-ansi-blackBright: #4b535d;
+    --color-ansi-white: #66707b;
+    --color-ansi-whiteBright: #88929d;
+    --color-ansi-gray: #66707b;
+    --color-ansi-red: #a0111f;
+    --color-ansi-redBright: #86061d;
+    --color-ansi-green: #024c1a;
+    --color-ansi-greenBright: #055d20;
+    --color-ansi-yellow: #3f2200;
+    --color-ansi-yellowBright: #4e2c00;
+    --color-ansi-blue: #0349b4;
+    --color-ansi-blueBright: #1168e3;
+    --color-ansi-magenta: #622cbc;
+    --color-ansi-magentaBright: #844ae7;
+    --color-ansi-cyan: #1b7c83;
+    --color-ansi-cyanBright: #3192aa;
+    --color-checks-bg: #0e1116;
+    --color-checks-textPrimary: #ffffff;
+    --color-checks-textSecondary: #88929d;
+    --color-checks-textLink: #368cf9;
+    --color-checks-btnIcon: #acb6c0;
+    --color-checks-btnHoverIcon: #ffffff;
+    --color-checks-btnHoverBg: #ffffff20;
+    --color-checks-inputText: #e7ecf0;
+    --color-checks-inputPlaceholderText: #88929d;
+    --color-checks-inputFocusText: #88929d;
+    --color-checks-inputBg: #20252c;
+    --color-checks-donutError: #d5232c;
+    --color-checks-donutPending: #956400;
+    --color-checks-donutSuccess: #117f32;
+    --color-checks-donutNeutral: #acb6c0;
+    --color-checks-dropdownText: #acb6c0;
+    --color-checks-dropdownBg: #20252c;
+    --color-checks-dropdownBorder: #343b43;
+    --color-checks-dropdownShadow: #0104094d;
+    --color-checks-dropdownHoverText: #ffffff;
+    --color-checks-dropdownHoverBg: #343b43;
+    --color-checks-dropdownBtnHoverText: #ffffff;
+    --color-checks-dropdownBtnHoverBg: #20252c;
+    --color-checks-scrollbarThumbBg: #4b535d;
+    --color-checks-headerLabelText: #ced5dc;
+    --color-checks-headerLabelOpenText: #ffffff;
+    --color-checks-headerBorder: #20252c;
+    --color-checks-headerIcon: #88929d;
+    --color-checks-lineText: #ced5dc;
+    --color-checks-lineNumText: #88929dbf;
+    --color-checks-lineTimestampText: #88929d;
+    --color-checks-lineHoverBg: #20252c;
+    --color-checks-lineSelectedBg: #1168e326;
+    --color-checks-lineSelectedNumText: #368cf9;
+    --color-checks-lineDtFmText: #0e1116;
+    --color-checks-lineDtFmBg: #744500;
+    --color-checks-gateBg: #60370026;
+    --color-checks-gateText: #ced5dc;
+    --color-checks-gateWaitingText: #b58407;
+    --color-checks-stepHeaderOpenBg: #20252c;
+    --color-checks-stepErrorText: #ee5a5d;
+    --color-checks-stepWarningText: #b58407;
+    --color-checks-loglineText: #88929d;
+    --color-checks-loglineNumText: #88929dbf;
+    --color-checks-loglineDebugText: #a371f7;
+    --color-checks-loglineErrorText: #ced5dc;
+    --color-checks-loglineErrorNumText: #ee5a5d;
+    --color-checks-loglineErrorBg: #86061d26;
+    --color-checks-loglineWarningText: #ced5dc;
+    --color-checks-loglineWarningNumText: #b58407;
+    --color-checks-loglineWarningBg: #60370026;
+    --color-checks-loglineCommandText: #368cf9;
+    --color-checks-loglineSectionText: #26a148;
+    --color-checks-ansi-black: #0e1116;
+    --color-checks-ansi-blackBright: #20252c;
+    --color-checks-ansi-white: #ced5dc;
+    --color-checks-ansi-whiteBright: #ced5dc;
+    --color-checks-ansi-gray: #88929d;
+    --color-checks-ansi-red: #ee5a5d;
+    --color-checks-ansi-redBright: #ff8e8a;
+    --color-checks-ansi-green: #26a148;
+    --color-checks-ansi-greenBright: #43c663;
+    --color-checks-ansi-yellow: #b58407;
+    --color-checks-ansi-yellowBright: #d5a824;
+    --color-checks-ansi-blue: #368cf9;
+    --color-checks-ansi-blueBright: #67b3fd;
+    --color-checks-ansi-magenta: #a371f7;
+    --color-checks-ansi-magentaBright: #c49bff;
+    --color-checks-ansi-cyan: #76e3ea;
+    --color-checks-ansi-cyanBright: #b3f0ff;
+    --color-avatar-bg: #ffffff;
+    --color-avatar-border: #010409cc;
+    --color-avatar-stackFade: #acb6c0;
+    --color-avatar-stackFadeMore: #ced5dc;
+    --color-topicTag-border: #0349b4;
+    --color-counter-border: #20252c;
+    --color-selectMenu-backdropBorder: #ffffff00;
+    --color-selectMenu-tapHighlight: #acb6c080;
+    --color-selectMenu-tapFocusBg: #9cd7ff;
+    --color-header-text: #ffffffb3;
+    --color-header-bg: #0e1116;
+    --color-header-divider: #acb6c0;
+    --color-header-logo: #ffffff;
+    --color-headerSearch-bg: #0e1116;
+    --color-headerSearch-border: #4b535d;
+    --color-sidenav-selectedBg: #ffffff;
+    --color-menu-bgActive: #ffffff00;
+    --color-input-disabledBg: #acb6c033;
+    --color-timeline-badgeBg: #e7ecf0;
+    --color-btn-text: #0e1116;
+    --color-btn-bg: #e7ecf0;
+    --color-btn-border: #010409cc;
+    --color-btn-hover-bg: #ced5dc;
+    --color-btn-hoverBorder: #010409cc;
+    --color-btn-activeBg: #acb6c0;
+    --color-btn-activeBorder: #010409cc;
+    --color-btn-selectedBg: #acb6c0;
+    --color-btn-focusBg: #ced5dc;
+    --color-btn-focusBorder: #010409cc;
+    --color-btn-counterBg: #01040914;
+    --color-btn-primary-text: #ffffff;
+    --color-btn-primary-bg: #055d20;
+    --color-btn-primary-border: #013d14;
+    --color-btn-primary-hoverBg: #024c1a;
+    --color-btn-primary-hoverBorder: #013d14;
+    --color-btn-primary-selectedBg: #298e46;
+    --color-btn-primary-disabledText: #ffffffcc;
+    --color-btn-primary-disabledBg: #94d3a2;
+    --color-btn-primary-disabledBorder: #010409cc;
+    --color-btn-primary-focusBg: #013d14;
+    --color-btn-primary-focusBorder: #013d14;
+    --color-btn-primary-icon: #ffffffcc;
+    --color-btn-primary-counterBg: #ffffff33;
+    --color-btn-outline-text: #023b95;
+    --color-btn-outline-hoverText: #ffffff;
+    --color-btn-outline-hoverBg: #0349b4;
+    --color-btn-outline-hoverBorder: #022f7a;
+    --color-btn-outline-hoverCounterBg: #ffffff33;
+    --color-btn-outline-selectedText: #ffffff;
+    --color-btn-outline-selectedBg: #022f7a;
+    --color-btn-outline-selectedBorder: #022f7a;
+    --color-btn-outline-disabledText: #0349b480;
+    --color-btn-outline-disabledBg: #e7ecf0;
+    --color-btn-outline-disabledCounterBg: #0349b40d;
+    --color-btn-outline-focusBorder: #022f7a;
+    --color-btn-outline-counterBg: #0349b41a;
+    --color-btn-danger-text: #86061d;
+    --color-btn-danger-hoverText: #ffffff;
+    --color-btn-danger-hoverBg: #a0111f;
+    --color-btn-danger-hoverBorder: #6e011a;
+    --color-btn-danger-hoverCounterBg: #ffffff33;
+    --color-btn-danger-selectedText: #ffffff;
+    --color-btn-danger-selectedBg: #6e011a;
+    --color-btn-danger-selectedBorder: #6e011a;
+    --color-btn-danger-disabledText: #a0111f80;
+    --color-btn-danger-disabledBg: #e7ecf0;
+    --color-btn-danger-disabledCounterBg: #a0111f0d;
+    --color-btn-danger-focusBorder: #6e011a;
+    --color-btn-danger-counterBg: #a0111f1a;
+    --color-btn-danger-icon: #86061d;
+    --color-btn-danger-hoverIcon: #ffffff;
+    --color-underlinenav-icon: #66707b;
+    --color-underlinenav-borderHover: #acb6c033;
+    --color-actionListItem-inlineDivider: #88929d7a;
+    --color-actionListItem-default-hoverBg: #e7ecf052;
+    --color-actionListItem-default-hoverBorder: #88929d;
+    --color-actionListItem-default-activeBg: #ced5dc7a;
+    --color-actionListItem-default-activeBorder: #20252c;
+    --color-actionListItem-default-selectedBg: #ced5dc3d;
+    --color-actionListItem-danger-hoverBg: #a0111fa3;
+    --color-actionListItem-danger-activeBg: #6e011a;
+    --color-actionListItem-danger-hoverText: #ffffff;
+    --color-switchTrack-bg: #ffffff;
+    --color-switchTrack-border: #20252c;
+    --color-switchTrack-checked-bg: #dff7ff;
+    --color-switchTrack-checked-hoverBg: #9cd7ff;
+    --color-switchTrack-checked-activeBg: #67b3fd;
+    --color-switchTrack-checked-border: #0349b4;
+    --color-switchKnob-checked-bg: #0349b4;
+    --color-switchKnob-checked-disabledBg: #66707b;
+    --color-segmentedControl-bg: #e7ecf0;
+    --color-segmentedControl-button-hover-bg: #acb6c033;
+    --color-segmentedControl-button-active-bg: #acb6c066;
+    --color-segmentedControl-button-selected-border: #66707b;
+    --color-diffBlob-addition-numText: #0e1116;
+    --color-diffBlob-addition-fg: #ffffff;
+    --color-diffBlob-addition-numBg: #ccffd8;
+    --color-diffBlob-addition-lineBg: #e6ffec;
+    --color-diffBlob-addition-wordBg: #055d20;
+    --color-diffBlob-deletion-numText: #0e1116;
+    --color-diffBlob-deletion-fg: #ffffff;
+    --color-diffBlob-deletion-numBg: #ffd7d5;
+    --color-diffBlob-deletion-lineBg: #fff0ee;
+    --color-diffBlob-deletion-wordBg: #a0111f;
+    --color-diffBlob-hunk-numBg: #9cd7ff;
+    --color-diffBlob-expander-icon: #0e1116;
+    --color-diffstat-deletionBorder: #010409cc;
+    --color-diffstat-additionBorder: #010409cc;
+    --color-diffstat-additionBg: #117f32;
+    --color-page-header-bg: #ffffff;
+    --color-searchKeyword-hl: #fcf7be;
+    --color-project-headerBg: #0e1116;
+    --color-project-sidebarBg: #ffffff;
+    --color-project-gradientIn: #ffffff;
+    --color-project-gradientOut: #ffffff00;
+    --color-fg-default: #0e1116;
+    --color-fg-muted: #0e1116;
+    --color-fg-subtle: #66707b;
+    --color-fg-onEmphasis: #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-border-subtle: #010409cc;
+    --color-border-control: #818b96;
+    --color-neutral-emphasisPlus: #0e1116;
+    --color-neutral-emphasis: #66707b;
+    --color-neutral-muted: #acb6c033;
+    --color-neutral-subtle: #e7ecf080;
+    --color-accent-fg: #0349b4;
+    --color-accent-emphasis: #0349b4;
+    --color-accent-muted: #368cf966;
+    --color-accent-subtle: #dff7ff;
+    --color-success-fg: #055d20;
+    --color-success-emphasis: #055d20;
+    --color-success-muted: #26a14866;
+    --color-success-subtle: #d2fedb;
+    --color-attention-fg: #744500;
+    --color-attention-emphasis: #744500;
+    --color-attention-muted: #b5840766;
+    --color-attention-subtle: #fcf7be;
+    --color-severe-fg: #873800;
+    --color-severe-emphasis: #873800;
+    --color-severe-muted: #dc6d1a66;
+    --color-severe-subtle: #fff2d5;
+    --color-danger-fg: #a0111f;
+    --color-danger-emphasis: #a0111f;
+    --color-danger-muted: #ee5a5d66;
+    --color-danger-subtle: #fff0ee;
+    --color-open-fg: #055d20;
+    --color-open-emphasis: #117f32;
+    --color-open-muted: #26a14866;
+    --color-open-subtle: #d2fedb;
+    --color-closed-fg: #a0111f;
+    --color-closed-emphasis: #a0111f;
+    --color-closed-muted: #ee5a5d66;
+    --color-closed-subtle: #fff0ee;
+    --color-done-fg: #622cbc;
+    --color-done-emphasis: #622cbc;
+    --color-done-muted: #a371f766;
+    --color-done-subtle: #faf0fe;
+    --color-sponsors-fg: #bf3989;
+    --color-sponsors-emphasis: #bf3989;
+    --color-sponsors-muted: #ff80c866;
+    --color-sponsors-subtle: #3e022b;
+    --color-shadow-small: #010409f5;
+    --color-shadow-medium: #88929dd9;
+    --color-shadow-large: #88929dcc;
+    --color-shadow-extraLarge: #88929db3;
+    --color-shadow-highlight: #ffffffbf;
+    --color-shadow-inset: #ced5dccc;
+    --color-focus: #0349b4;
+    --color-primer-fg-disabled: #88929d;
+    --color-primer-canvas-backdrop: #01040980;
+    --color-primer-canvas-sticky: #fffffff2;
+    --color-primer-border-active: #cd3425;
+    --color-primer-border-contrast: #0104091a;
+    --color-prettylights-syntax-comment: #66707b;
+    --color-prettylights-syntax-constant: #023b95;
+    --color-prettylights-syntax-entity: #622cbc;
+    --color-prettylights-syntax-storageModifierImport: #0e1116;
+    --color-prettylights-syntax-entityTag: #024c1a;
+    --color-prettylights-syntax-keyword: #a0111f;
+    --color-prettylights-syntax-string: #032563;
+    --color-prettylights-syntax-variable: #702c00;
+    --color-prettylights-syntax-brackethighlighterUnmatched: #6e011a;
+    --color-prettylights-syntax-invalidIllegalText: #ffffff;
+    --color-prettylights-syntax-invalidIllegalBg: #6e011a;
+    --color-prettylights-syntax-carriageReturnText: #ffffff;
+    --color-prettylights-syntax-carriageReturnBg: #a0111f;
+    --color-prettylights-syntax-stringRegexp: #024c1a;
+    --color-prettylights-syntax-markupList: #2e1800;
+    --color-prettylights-syntax-markupHeading: #023b95;
+    --color-prettylights-syntax-markupItalic: #0e1116;
+    --color-prettylights-syntax-markupBold: #0e1116;
+    --color-prettylights-syntax-markupDeletedText: #6e011a;
+    --color-prettylights-syntax-markupDeletedBg: #fff0ee;
+    --color-prettylights-syntax-markupInsertedText: #024c1a;
+    --color-prettylights-syntax-markupInsertedBg: #d2fedb;
+    --color-prettylights-syntax-markupChangedText: #702c00;
+    --color-prettylights-syntax-markupChangedBg: #ffc67b;
+    --color-prettylights-syntax-markupIgnoredText: #e7ecf0;
+    --color-prettylights-syntax-markupIgnoredBg: #023b95;
+    --color-prettylights-syntax-metaDiffRange: #622cbc;
+    --color-prettylights-syntax-brackethighlighterAngle: #4b535d;
+    --color-prettylights-syntax-sublimelinterGutterMark: #88929d;
+    --color-prettylights-syntax-constantOtherReferenceLink: #032563;
+    --color-codemirror-text: #0e1116;
+    --color-codemirror-bg: #ffffff;
+    --color-codemirror-guttersBg: #ffffff;
+    --color-codemirror-guttermarkerText: #ffffff;
+    --color-codemirror-guttermarkerSubtleText: #66707b;
+    --color-codemirror-linenumberText: #0e1116;
+    --color-codemirror-cursor: #0e1116;
+    --color-codemirror-selectionBg: #368cf966;
+    --color-codemirror-activelineBg: #e7ecf080;
+    --color-codemirror-matchingbracketText: #0e1116;
+    --color-codemirror-linesBg: #ffffff;
+    --color-codemirror-syntax-comment: #0e1116;
+    --color-codemirror-syntax-constant: #023b95;
+    --color-codemirror-syntax-entity: #622cbc;
+    --color-codemirror-syntax-keyword: #a0111f;
+    --color-codemirror-syntax-storage: #a0111f;
+    --color-codemirror-syntax-string: #032563;
+    --color-codemirror-syntax-support: #023b95;
+    --color-codemirror-syntax-variable: #702c00;
+    --shadow-color-small: #010409f5;
+    --shadow-color-medium: #88929dd9;
+    --shadow-color-large: #88929dcc;
+    --shadow-color-extraLarge: #88929db3;
+    --shadow-color-highlight: #ffffff40;
+    --shadow-color-inset: #ced5dc00;
+    --shadow-color-semiBlack-12: #0104091f;
+    --shadow-small: 0px 1px 0px 0px #010409;
+    --shadow-medium: 0px 3px 6px 0px #88929d;
+    --shadow-large: 0px 8px 24px 0px #88929d;
+    --shadow-extraLarge: 0px 12px 28px 0px #88929d;
+    --shadow-overlay: 0px 1px 3px 0px #010409, 0px 8px 24px 0px #010409;
+    --outline-focus: #0349b4 solid 1px;
+  }
+}

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

@@ -0,0 +1,337 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 28 Mar 2023 12:06:52 GMT
+ */
+
+@mixin primer-colors-light-tritanopia {
+  & {
+    --color-ansi-black: #24292f;
+    --color-ansi-blackBright: #57606a;
+    --color-ansi-white: #6e7781;
+    --color-ansi-whiteBright: #8c959f;
+    --color-ansi-gray: #6e7781;
+    --color-ansi-red: #cf222e;
+    --color-ansi-redBright: #a40e26;
+    --color-ansi-green: #0550ae;
+    --color-ansi-greenBright: #0969da;
+    --color-ansi-yellow: #4d2d00;
+    --color-ansi-yellowBright: #633c01;
+    --color-ansi-blue: #0969da;
+    --color-ansi-blueBright: #218bff;
+    --color-ansi-magenta: #8250df;
+    --color-ansi-magentaBright: #a475f9;
+    --color-ansi-cyan: #1b7c83;
+    --color-ansi-cyanBright: #3192aa;
+    --color-checks-bg: #24292f;
+    --color-checks-textPrimary: #f6f8fa;
+    --color-checks-textSecondary: #8c959f;
+    --color-checks-textLink: #54aeff;
+    --color-checks-btnIcon: #afb8c1;
+    --color-checks-btnHoverIcon: #f6f8fa;
+    --color-checks-btnHoverBg: #ffffff20;
+    --color-checks-inputText: #eaeef2;
+    --color-checks-inputPlaceholderText: #8c959f;
+    --color-checks-inputFocusText: #8c959f;
+    --color-checks-inputBg: #32383f;
+    --color-checks-donutError: #fa4549;
+    --color-checks-donutPending: #bf8700;
+    --color-checks-donutSuccess: #218bff;
+    --color-checks-donutNeutral: #afb8c1;
+    --color-checks-dropdownText: #afb8c1;
+    --color-checks-dropdownBg: #32383f;
+    --color-checks-dropdownBorder: #424a53;
+    --color-checks-dropdownShadow: #1b1f244d;
+    --color-checks-dropdownHoverText: #f6f8fa;
+    --color-checks-dropdownHoverBg: #424a53;
+    --color-checks-dropdownBtnHoverText: #f6f8fa;
+    --color-checks-dropdownBtnHoverBg: #32383f;
+    --color-checks-scrollbarThumbBg: #57606a;
+    --color-checks-headerLabelText: #d0d7de;
+    --color-checks-headerLabelOpenText: #f6f8fa;
+    --color-checks-headerBorder: #32383f;
+    --color-checks-headerIcon: #8c959f;
+    --color-checks-lineText: #d0d7de;
+    --color-checks-lineNumText: #8c959fbf;
+    --color-checks-lineTimestampText: #8c959f;
+    --color-checks-lineHoverBg: #32383f;
+    --color-checks-lineSelectedBg: #218bff26;
+    --color-checks-lineSelectedNumText: #54aeff;
+    --color-checks-lineDtFmText: #24292f;
+    --color-checks-lineDtFmBg: #9a6700;
+    --color-checks-gateBg: #7d4e0026;
+    --color-checks-gateText: #d0d7de;
+    --color-checks-gateWaitingText: #d4a72c;
+    --color-checks-stepHeaderOpenBg: #32383f;
+    --color-checks-stepErrorText: #ff8182;
+    --color-checks-stepWarningText: #d4a72c;
+    --color-checks-loglineText: #8c959f;
+    --color-checks-loglineNumText: #8c959fbf;
+    --color-checks-loglineDebugText: #c297ff;
+    --color-checks-loglineErrorText: #d0d7de;
+    --color-checks-loglineErrorNumText: #ff8182;
+    --color-checks-loglineErrorBg: #a40e2626;
+    --color-checks-loglineWarningText: #d0d7de;
+    --color-checks-loglineWarningNumText: #d4a72c;
+    --color-checks-loglineWarningBg: #7d4e0026;
+    --color-checks-loglineCommandText: #54aeff;
+    --color-checks-loglineSectionText: #54aeff;
+    --color-checks-ansi-black: #24292f;
+    --color-checks-ansi-blackBright: #32383f;
+    --color-checks-ansi-white: #d0d7de;
+    --color-checks-ansi-whiteBright: #d0d7de;
+    --color-checks-ansi-gray: #8c959f;
+    --color-checks-ansi-red: #ff8182;
+    --color-checks-ansi-redBright: #ffaba8;
+    --color-checks-ansi-green: #54aeff;
+    --color-checks-ansi-greenBright: #80ccff;
+    --color-checks-ansi-yellow: #d4a72c;
+    --color-checks-ansi-yellowBright: #eac54f;
+    --color-checks-ansi-blue: #54aeff;
+    --color-checks-ansi-blueBright: #80ccff;
+    --color-checks-ansi-magenta: #c297ff;
+    --color-checks-ansi-magentaBright: #d8b9ff;
+    --color-checks-ansi-cyan: #76e3ea;
+    --color-checks-ansi-cyanBright: #b3f0ff;
+    --color-avatar-bg: #ffffff;
+    --color-avatar-border: #1b1f2426;
+    --color-avatar-stackFade: #afb8c1;
+    --color-avatar-stackFadeMore: #d0d7de;
+    --color-topicTag-border: #ffffff00;
+    --color-counter-border: #ffffff00;
+    --color-selectMenu-backdropBorder: #ffffff00;
+    --color-selectMenu-tapHighlight: #afb8c180;
+    --color-selectMenu-tapFocusBg: #b6e3ff;
+    --color-header-text: #ffffffb3;
+    --color-header-bg: #24292f;
+    --color-header-divider: #57606a;
+    --color-header-logo: #ffffff;
+    --color-headerSearch-bg: #24292f;
+    --color-headerSearch-border: #57606a;
+    --color-sidenav-selectedBg: #ffffff;
+    --color-menu-bgActive: #ffffff00;
+    --color-input-disabledBg: #afb8c133;
+    --color-timeline-badgeBg: #eaeef2;
+    --color-btn-text: #24292f;
+    --color-btn-bg: #f6f8fa;
+    --color-btn-border: #1b1f2426;
+    --color-btn-hover-bg: #f3f4f6;
+    --color-btn-hoverBorder: #1b1f2426;
+    --color-btn-activeBg: #ebecf0;
+    --color-btn-activeBorder: #1b1f2426;
+    --color-btn-selectedBg: #eeeff2;
+    --color-btn-focusBg: #f6f8fa;
+    --color-btn-focusBorder: #1b1f2426;
+    --color-btn-counterBg: #1b1f2414;
+    --color-btn-primary-text: #ffffff;
+    --color-btn-primary-bg: #218bff;
+    --color-btn-primary-border: #1b1f2426;
+    --color-btn-primary-hoverBg: #0969da;
+    --color-btn-primary-hoverBorder: #1b1f2426;
+    --color-btn-primary-selectedBg: #298e46;
+    --color-btn-primary-disabledText: #ffffffcc;
+    --color-btn-primary-disabledBg: #80ccff;
+    --color-btn-primary-disabledBorder: #1b1f2426;
+    --color-btn-primary-focusBg: #218bff;
+    --color-btn-primary-focusBorder: #1b1f2426;
+    --color-btn-primary-icon: #ffffffcc;
+    --color-btn-primary-counterBg: #ffffff33;
+    --color-btn-outline-text: #0969da;
+    --color-btn-outline-hoverText: #ffffff;
+    --color-btn-outline-hoverBg: #0969da;
+    --color-btn-outline-hoverBorder: #1b1f2426;
+    --color-btn-outline-hoverCounterBg: #ffffff33;
+    --color-btn-outline-selectedText: #ffffff;
+    --color-btn-outline-selectedBg: #0965ce;
+    --color-btn-outline-selectedBorder: #1b1f2426;
+    --color-btn-outline-disabledText: #0969da80;
+    --color-btn-outline-disabledBg: #f6f8fa;
+    --color-btn-outline-disabledCounterBg: #0969da0d;
+    --color-btn-outline-focusBorder: #1b1f2426;
+    --color-btn-outline-counterBg: #0969da1a;
+    --color-btn-danger-text: #cf222e;
+    --color-btn-danger-hoverText: #ffffff;
+    --color-btn-danger-hoverBg: #a40e26;
+    --color-btn-danger-hoverBorder: #1b1f2426;
+    --color-btn-danger-hoverCounterBg: #ffffff33;
+    --color-btn-danger-selectedText: #ffffff;
+    --color-btn-danger-selectedBg: #c11f2a;
+    --color-btn-danger-selectedBorder: #1b1f2426;
+    --color-btn-danger-disabledText: #cf222e80;
+    --color-btn-danger-disabledBg: #f6f8fa;
+    --color-btn-danger-disabledCounterBg: #cf222e0d;
+    --color-btn-danger-focusBorder: #1b1f2426;
+    --color-btn-danger-counterBg: #cf222e1a;
+    --color-btn-danger-icon: #cf222e;
+    --color-btn-danger-hoverIcon: #ffffff;
+    --color-underlinenav-icon: #6e7781;
+    --color-underlinenav-borderHover: #afb8c133;
+    --color-actionListItem-inlineDivider: #d0d7de7a;
+    --color-actionListItem-default-hoverBg: #d0d7de52;
+    --color-actionListItem-default-hoverBorder: #ffffff00;
+    --color-actionListItem-default-activeBg: #d0d7de7a;
+    --color-actionListItem-default-activeBorder: #ffffff00;
+    --color-actionListItem-default-selectedBg: #d0d7de3d;
+    --color-actionListItem-danger-hoverBg: #ffebe9a3;
+    --color-actionListItem-danger-activeBg: #ffebe9;
+    --color-actionListItem-danger-hoverText: #cf222e;
+    --color-switchTrack-bg: #eaeef2;
+    --color-switchTrack-border: #afb8c1;
+    --color-switchTrack-checked-bg: #ddf4ff;
+    --color-switchTrack-checked-hoverBg: #b6e3ff;
+    --color-switchTrack-checked-activeBg: #80ccff;
+    --color-switchTrack-checked-border: #54aeff;
+    --color-switchKnob-checked-bg: #0969da;
+    --color-switchKnob-checked-disabledBg: #6e7781;
+    --color-segmentedControl-bg: #eaeef2;
+    --color-segmentedControl-button-hover-bg: #afb8c133;
+    --color-segmentedControl-button-active-bg: #afb8c166;
+    --color-segmentedControl-button-selected-border: #6e7781;
+    --color-diffBlob-addition-numText: #24292f;
+    --color-diffBlob-addition-fg: #24292f;
+    --color-diffBlob-addition-numBg: #54aeff66;
+    --color-diffBlob-addition-lineBg: #ddf4ff80;
+    --color-diffBlob-addition-wordBg: #54aeff66;
+    --color-diffBlob-deletion-numText: #24292f;
+    --color-diffBlob-deletion-fg: #24292f;
+    --color-diffBlob-deletion-numBg: #ff818266;
+    --color-diffBlob-deletion-lineBg: #ffebe980;
+    --color-diffBlob-deletion-wordBg: #ffaba880;
+    --color-diffBlob-hunk-numBg: #54aeff66;
+    --color-diffBlob-expander-icon: #57606a;
+    --color-diffstat-deletionBorder: #1b1f2426;
+    --color-diffstat-additionBorder: #1b1f2426;
+    --color-diffstat-additionBg: #218bff;
+    --color-page-header-bg: #f6f8fa;
+    --color-searchKeyword-hl: #fff8c5;
+    --color-project-headerBg: #24292f;
+    --color-project-sidebarBg: #ffffff;
+    --color-project-gradientIn: #ffffff;
+    --color-project-gradientOut: #ffffff00;
+    --color-fg-default: #24292f;
+    --color-fg-muted: #57606a;
+    --color-fg-subtle: #6e7781;
+    --color-fg-onEmphasis: #ffffff;
+    --color-canvas-default: #ffffff;
+    --color-canvas-overlay: #ffffff;
+    --color-canvas-inset: #f6f8fa;
+    --color-canvas-subtle: #f6f8fa;
+    --color-border-default: #d0d7de;
+    --color-border-muted: #d8dee4;
+    --color-border-subtle: #1b1f2426;
+    --color-border-control: #868f99;
+    --color-neutral-emphasisPlus: #24292f;
+    --color-neutral-emphasis: #6e7781;
+    --color-neutral-muted: #afb8c133;
+    --color-neutral-subtle: #eaeef280;
+    --color-accent-fg: #0969da;
+    --color-accent-emphasis: #0969da;
+    --color-accent-muted: #54aeff66;
+    --color-accent-subtle: #ddf4ff;
+    --color-success-fg: #0969da;
+    --color-success-emphasis: #218bff;
+    --color-success-muted: #54aeff66;
+    --color-success-subtle: #ddf4ff;
+    --color-attention-fg: #9a6700;
+    --color-attention-emphasis: #bf8700;
+    --color-attention-muted: #d4a72c66;
+    --color-attention-subtle: #fff8c5;
+    --color-severe-fg: #cf222e;
+    --color-severe-emphasis: #cf222e;
+    --color-severe-muted: #ff818266;
+    --color-severe-subtle: #ffebe9;
+    --color-danger-fg: #cf222e;
+    --color-danger-emphasis: #cf222e;
+    --color-danger-muted: #ff818266;
+    --color-danger-subtle: #ffebe9;
+    --color-open-fg: #cf222e;
+    --color-open-emphasis: #fa4549;
+    --color-open-muted: #ff818266;
+    --color-open-subtle: #ffebe9;
+    --color-closed-fg: #6e7781;
+    --color-closed-emphasis: #6e7781;
+    --color-closed-muted: #afb8c166;
+    --color-closed-subtle: #f6f8fa;
+    --color-done-fg: #8250df;
+    --color-done-emphasis: #8250df;
+    --color-done-muted: #c297ff66;
+    --color-done-subtle: #fbefff;
+    --color-sponsors-fg: #bf3989;
+    --color-sponsors-emphasis: #bf3989;
+    --color-sponsors-muted: #ff80c866;
+    --color-sponsors-subtle: #ffeff7;
+    --color-shadow-small: #1b1f24f5;
+    --color-shadow-medium: #8c959fd9;
+    --color-shadow-large: #8c959fcc;
+    --color-shadow-extraLarge: #8c959fb3;
+    --color-shadow-highlight: #ffffffbf;
+    --color-shadow-inset: #d0d7decc;
+    --color-focus: #0969da;
+    --color-primer-fg-disabled: #8c959f;
+    --color-primer-canvas-backdrop: #1b1f2480;
+    --color-primer-canvas-sticky: #fffffff2;
+    --color-primer-border-active: #fd8c73;
+    --color-primer-border-contrast: #1b1f241a;
+    --color-prettylights-syntax-comment: #6e7781;
+    --color-prettylights-syntax-constant: #0550ae;
+    --color-prettylights-syntax-entity: #8250df;
+    --color-prettylights-syntax-storageModifierImport: #24292f;
+    --color-prettylights-syntax-entityTag: #0550ae;
+    --color-prettylights-syntax-keyword: #cf222e;
+    --color-prettylights-syntax-string: #0a3069;
+    --color-prettylights-syntax-variable: #a40e26;
+    --color-prettylights-syntax-brackethighlighterUnmatched: #82071e;
+    --color-prettylights-syntax-invalidIllegalText: #f6f8fa;
+    --color-prettylights-syntax-invalidIllegalBg: #82071e;
+    --color-prettylights-syntax-carriageReturnText: #f6f8fa;
+    --color-prettylights-syntax-carriageReturnBg: #cf222e;
+    --color-prettylights-syntax-stringRegexp: #0550ae;
+    --color-prettylights-syntax-markupList: #3b2300;
+    --color-prettylights-syntax-markupHeading: #0550ae;
+    --color-prettylights-syntax-markupItalic: #24292f;
+    --color-prettylights-syntax-markupBold: #24292f;
+    --color-prettylights-syntax-markupDeletedText: #82071e;
+    --color-prettylights-syntax-markupDeletedBg: #ffebe9;
+    --color-prettylights-syntax-markupInsertedText: #0550ae;
+    --color-prettylights-syntax-markupInsertedBg: #ddf4ff;
+    --color-prettylights-syntax-markupChangedText: #a40e26;
+    --color-prettylights-syntax-markupChangedBg: #ffcecb;
+    --color-prettylights-syntax-markupIgnoredText: #eaeef2;
+    --color-prettylights-syntax-markupIgnoredBg: #0550ae;
+    --color-prettylights-syntax-metaDiffRange: #8250df;
+    --color-prettylights-syntax-brackethighlighterAngle: #57606a;
+    --color-prettylights-syntax-sublimelinterGutterMark: #8c959f;
+    --color-prettylights-syntax-constantOtherReferenceLink: #0a3069;
+    --color-codemirror-text: #24292f;
+    --color-codemirror-bg: #ffffff;
+    --color-codemirror-guttersBg: #ffffff;
+    --color-codemirror-guttermarkerText: #ffffff;
+    --color-codemirror-guttermarkerSubtleText: #6e7781;
+    --color-codemirror-linenumberText: #57606a;
+    --color-codemirror-cursor: #24292f;
+    --color-codemirror-selectionBg: #54aeff66;
+    --color-codemirror-activelineBg: #eaeef280;
+    --color-codemirror-matchingbracketText: #24292f;
+    --color-codemirror-linesBg: #ffffff;
+    --color-codemirror-syntax-comment: #24292f;
+    --color-codemirror-syntax-constant: #0550ae;
+    --color-codemirror-syntax-entity: #8250df;
+    --color-codemirror-syntax-keyword: #cf222e;
+    --color-codemirror-syntax-storage: #cf222e;
+    --color-codemirror-syntax-string: #0a3069;
+    --color-codemirror-syntax-support: #0550ae;
+    --color-codemirror-syntax-variable: #a40e26;
+    --shadow-color-small: #1b1f24f5;
+    --shadow-color-medium: #8c959fd9;
+    --shadow-color-large: #8c959fcc;
+    --shadow-color-extraLarge: #8c959fb3;
+    --shadow-color-highlight: #ffffff40;
+    --shadow-color-inset: #d0d7de00;
+    --shadow-color-semiBlack-12: #1b1f241f;
+    --shadow-small: 0px 1px 0px 0px #1b1f24;
+    --shadow-medium: 0px 3px 6px 0px #8c959f;
+    --shadow-large: 0px 8px 24px 0px #8c959f;
+    --shadow-extraLarge: 0px 12px 28px 0px #8c959f;
+    --shadow-overlay: 0px 1px 3px 0px #1b1f24, 0px 8px 24px 0px #1b1f24;
+    --outline-focus: #0969da solid 1px;
+  }
+}