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

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

@@ -0,0 +1,336 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 28 Mar 2023 12:06:55 GMT
+ */
+
+@mixin primer-colors-dark-high-contrast {
+  & {
+    --color-ansi-black: #7a828e;
+    --color-ansi-blackBright: #9ea7b3;
+    --color-ansi-white: #d9dee3;
+    --color-ansi-whiteBright: #ffffff;
+    --color-ansi-gray: #9ea7b3;
+    --color-ansi-red: #ff9492;
+    --color-ansi-redBright: #ffb1af;
+    --color-ansi-green: #26cd4d;
+    --color-ansi-greenBright: #4ae168;
+    --color-ansi-yellow: #f0b72f;
+    --color-ansi-yellowBright: #f7c843;
+    --color-ansi-blue: #71b7ff;
+    --color-ansi-blueBright: #91cbff;
+    --color-ansi-magenta: #cb9eff;
+    --color-ansi-magentaBright: #dbb7ff;
+    --color-ansi-cyan: #39c5cf;
+    --color-ansi-cyanBright: #56d4dd;
+    --color-checks-bg: #010409;
+    --color-checks-textPrimary: #f0f3f6;
+    --color-checks-textSecondary: #f0f3f6;
+    --color-checks-textLink: #71b7ff;
+    --color-checks-btnIcon: #f0f3f6;
+    --color-checks-btnHoverIcon: #f0f3f6;
+    --color-checks-btnHoverBg: #9ea7b31a;
+    --color-checks-inputText: #f0f3f6;
+    --color-checks-inputPlaceholderText: #9ea7b3;
+    --color-checks-inputFocusText: #f0f3f6;
+    --color-checks-inputBg: #272b33;
+    --color-checks-donutError: #ff6a69;
+    --color-checks-donutPending: #f0b72f;
+    --color-checks-donutSuccess: #09b43a;
+    --color-checks-donutNeutral: #bdc4cc;
+    --color-checks-dropdownText: #f0f3f6;
+    --color-checks-dropdownBg: #272b33;
+    --color-checks-dropdownBorder: #7a828e;
+    --color-checks-dropdownShadow: #0104094d;
+    --color-checks-dropdownHoverText: #f0f3f6;
+    --color-checks-dropdownHoverBg: #9ea7b31a;
+    --color-checks-dropdownBtnHoverText: #f0f3f6;
+    --color-checks-dropdownBtnHoverBg: #9ea7b31a;
+    --color-checks-scrollbarThumbBg: #9ea7b366;
+    --color-checks-headerLabelText: #f0f3f6;
+    --color-checks-headerLabelOpenText: #f0f3f6;
+    --color-checks-headerBorder: #7a828e;
+    --color-checks-headerIcon: #f0f3f6;
+    --color-checks-lineText: #f0f3f6;
+    --color-checks-lineNumText: #9ea7b3;
+    --color-checks-lineTimestampText: #9ea7b3;
+    --color-checks-lineHoverBg: #9ea7b31a;
+    --color-checks-lineSelectedBg: #409eff26;
+    --color-checks-lineSelectedNumText: #71b7ff;
+    --color-checks-lineDtFmText: #0a0c10;
+    --color-checks-lineDtFmBg: #e09b13;
+    --color-checks-gateBg: #e09b1326;
+    --color-checks-gateText: #f0f3f6;
+    --color-checks-gateWaitingText: #f0b72f;
+    --color-checks-stepHeaderOpenBg: #272b33;
+    --color-checks-stepErrorText: #ff6a69;
+    --color-checks-stepWarningText: #f0b72f;
+    --color-checks-loglineText: #f0f3f6;
+    --color-checks-loglineNumText: #9ea7b3;
+    --color-checks-loglineDebugText: #b780ff;
+    --color-checks-loglineErrorText: #f0f3f6;
+    --color-checks-loglineErrorNumText: #9ea7b3;
+    --color-checks-loglineErrorBg: #ff6a6926;
+    --color-checks-loglineWarningText: #f0f3f6;
+    --color-checks-loglineWarningNumText: #f0b72f;
+    --color-checks-loglineWarningBg: #e09b1326;
+    --color-checks-loglineCommandText: #71b7ff;
+    --color-checks-loglineSectionText: #26cd4d;
+    --color-checks-ansi-black: #0a0c10;
+    --color-checks-ansi-blackBright: #272b33;
+    --color-checks-ansi-white: #d9dee3;
+    --color-checks-ansi-whiteBright: #d9dee3;
+    --color-checks-ansi-gray: #9ea7b3;
+    --color-checks-ansi-red: #ff9492;
+    --color-checks-ansi-redBright: #ffb1af;
+    --color-checks-ansi-green: #26cd4d;
+    --color-checks-ansi-greenBright: #4ae168;
+    --color-checks-ansi-yellow: #f0b72f;
+    --color-checks-ansi-yellowBright: #f7c843;
+    --color-checks-ansi-blue: #71b7ff;
+    --color-checks-ansi-blueBright: #91cbff;
+    --color-checks-ansi-magenta: #cb9eff;
+    --color-checks-ansi-magentaBright: #dbb7ff;
+    --color-checks-ansi-cyan: #76e3ea;
+    --color-checks-ansi-cyanBright: #b3f0ff;
+    --color-avatar-bg: #ffffff1a;
+    --color-avatar-border: #ffffffe6;
+    --color-avatar-stackFade: #525964;
+    --color-avatar-stackFadeMore: #272b33;
+    --color-topicTag-border: #409eff;
+    --color-counter-border: #00000000;
+    --color-selectMenu-backdropBorder: #7a828e;
+    --color-selectMenu-tapHighlight: #52596480;
+    --color-selectMenu-tapFocusBg: #1e60d5;
+    --color-header-text: #ffffffb3;
+    --color-header-bg: #272b33;
+    --color-header-divider: #bdc4cc;
+    --color-header-logo: #ffffff;
+    --color-headerSearch-bg: #0a0c10;
+    --color-headerSearch-border: #525964;
+    --color-sidenav-selectedBg: #272b33;
+    --color-menu-bgActive: #272b33;
+    --color-input-disabledBg: #9ea7b380;
+    --color-timeline-badgeBg: #272b33;
+    --color-btn-text: #f0f3f6;
+    --color-btn-bg: #272b33;
+    --color-btn-border: #7a828e1a;
+    --color-btn-hoverBg: #525964;
+    --color-btn-hoverBorder: #bdc4cc;
+    --color-btn-activeBg: #282e33;
+    --color-btn-activeBorder: #9ea7b3;
+    --color-btn-selectedBg: #525964e6;
+    --color-btn-focusBg: #272b33;
+    --color-btn-focusBorder: #bdc4cc;
+    --color-btn-counterBg: #525964;
+    --color-btn-primary-text: #0a0c10;
+    --color-btn-primary-bg: #09b43a;
+    --color-btn-primary-border: #4ae168;
+    --color-btn-primary-hover-bg: #26cd4d;
+    --color-btn-primary-hoverBorder: #4ae168;
+    --color-btn-primary-selectedBg: #09b43a;
+    --color-btn-primary-disabledText: #0a0c1080;
+    --color-btn-primary-disabledBg: #09b43a99;
+    --color-btn-primary-disabledBorder: #4ae16866;
+    --color-btn-primary-focusBg: #09b43a;
+    --color-btn-primary-focusBorder: #7a828e1a;
+    --color-btn-primary-icon: #0a0c10;
+    --color-btn-primary-counterBg: #01040926;
+    --color-btn-outline-text: #71b7ff;
+    --color-btn-outline-hoverText: #71b7ff;
+    --color-btn-outline-hoverBg: #525964;
+    --color-btn-outline-hoverBorder: #7a828e1a;
+    --color-btn-outline-hoverCounterBg: #ffffff33;
+    --color-btn-outline-selectedText: #ffffff;
+    --color-btn-outline-selectedBg: #2672f3;
+    --color-btn-outline-selectedBorder: #7a828e1a;
+    --color-btn-outline-disabledText: #71b7ff80;
+    --color-btn-outline-disabledBg: #0a0c10;
+    --color-btn-outline-disabledCounterBg: #409eff0d;
+    --color-btn-outline-focusBorder: #7a828e1a;
+    --color-btn-outline-counterBg: #409eff1a;
+    --color-btn-danger-text: #ff6a69;
+    --color-btn-danger-hoverText: #0a0c10;
+    --color-btn-danger-hoverBg: #ff6a69;
+    --color-btn-danger-hoverBorder: #ff6a69;
+    --color-btn-danger-hoverIcon: #0a0c10;
+    --color-btn-danger-hover-counter-bg: #01040926;
+    --color-btn-danger-selectedText: #ffffff;
+    --color-btn-danger-selectedBg: #ff4445;
+    --color-btn-danger-selectedBorder: #ff9492;
+    --color-btn-danger-disabledText: #ff6a6980;
+    --color-btn-danger-disabledBg: #0a0c10;
+    --color-btn-danger-disabledCounterBg: #ff6a690d;
+    --color-btn-danger-focusBorder: #ff6a69;
+    --color-btn-danger-counterBg: #01040926;
+    --color-btn-danger-icon: #ff6a69;
+    --color-underlinenav-icon: #f0f3f6;
+    --color-underlinenav-borderHover: #bdc4cc;
+    --color-actionListItem-inlineDivider: #7a828e7a;
+    --color-actionListItem-default-hoverBg: #272b331f;
+    --color-actionListItem-default-hoverBorder: #7a828e;
+    --color-actionListItem-default-activeBg: #52596433;
+    --color-actionListItem-default-activeBorder: #9ea7b3;
+    --color-actionListItem-default-selectedBg: #52596414;
+    --color-actionListItem-danger-hoverBg: #ff6a6929;
+    --color-actionListItem-danger-activeBg: #ff44453d;
+    --color-actionListItem-danger-hoverText: #0a0c10;
+    --color-switchTrack-bg: #010409;
+    --color-switchTrack-border: #7a828e;
+    --color-switchTrack-checked-bg: #409eff59;
+    --color-switchTrack-checked-hoverBg: #409eff80;
+    --color-switchTrack-checked-activeBg: #409effa6;
+    --color-switchTrack-checked-border: #409eff;
+    --color-switchKnob-checked-bg: #409eff;
+    --color-switchKnob-checked-disabledBg: #7a828e;
+    --color-segmentedControl-bg: #272b33;
+    --color-segmentedControl-button-hover-bg: #525964;
+    --color-segmentedControl-button-active-bg: #272b33;
+    --color-segmentedControl-button-selected-border: #9ea7b3;
+    --color-diffBlob-addition-numText: #f0f3f6;
+    --color-diffBlob-addition-fg: #0a0c10;
+    --color-diffBlob-addition-numBg: #26cd4d4d;
+    --color-diffBlob-addition-lineBg: #09b43a26;
+    --color-diffBlob-addition-wordBg: #09b43a66;
+    --color-diffBlob-deletion-numText: #f0f3f6;
+    --color-diffBlob-deletion-fg: #0a0c10;
+    --color-diffBlob-deletion-numBg: #ff6a694d;
+    --color-diffBlob-deletion-lineBg: #ff6a6926;
+    --color-diffBlob-deletion-wordBg: #ff6a6966;
+    --color-diffBlob-hunk-numBg: #409eff66;
+    --color-diffBlob-expander-icon: #f0f3f6;
+    --color-diffstat-additionBg: #26cd4d;
+    --color-diffstat-deletionBorder: #ffb1af;
+    --color-diffstat-additionBorder: #4ae168;
+    --color-page-header-bg: #0a0c10;
+    --color-searchKeyword-hl: #f0b72f66;
+    --color-project-headerBg: #0a0c10;
+    --color-project-sidebarBg: #272b33;
+    --color-project-gradientIn: #272b33;
+    --color-project-gradientOut: #272b3300;
+    --color-fg-default: #f0f3f6;
+    --color-fg-muted: #f0f3f6;
+    --color-fg-subtle: #9ea7b3;
+    --color-fg-onEmphasis: #0a0c10;
+    --color-canvas-default: #0a0c10;
+    --color-canvas-overlay: #272b33;
+    --color-canvas-inset: #010409;
+    --color-canvas-subtle: #272b33;
+    --color-border-default: #7a828e;
+    --color-border-muted: #7a828e;
+    --color-border-subtle: #7a828e1a;
+    --color-border-control: #939ca8;
+    --color-neutral-emphasisPlus: #ffffff;
+    --color-neutral-emphasis: #9ea7b3;
+    --color-neutral-muted: #9ea7b366;
+    --color-neutral-subtle: #9ea7b31a;
+    --color-accent-fg: #71b7ff;
+    --color-accent-emphasis: #409eff;
+    --color-accent-muted: #409eff66;
+    --color-accent-subtle: #409eff26;
+    --color-success-fg: #26cd4d;
+    --color-success-emphasis: #09b43a;
+    --color-success-muted: #09b43a66;
+    --color-success-subtle: #09b43a26;
+    --color-attention-fg: #f0b72f;
+    --color-attention-emphasis: #e09b13;
+    --color-attention-muted: #e09b1366;
+    --color-attention-subtle: #e09b1326;
+    --color-severe-fg: #e7811d;
+    --color-severe-emphasis: #e7811d;
+    --color-severe-muted: #e7811d66;
+    --color-severe-subtle: #e7811d26;
+    --color-danger-fg: #ff6a69;
+    --color-danger-emphasis: #ff6a69;
+    --color-danger-muted: #ff6a6966;
+    --color-danger-subtle: #ff6a6926;
+    --color-open-fg: #26cd4d;
+    --color-open-emphasis: #09b43a;
+    --color-open-muted: #09b43a66;
+    --color-open-subtle: #09b43a26;
+    --color-closed-fg: #ff6a69;
+    --color-closed-emphasis: #ff6a69;
+    --color-closed-muted: #ff6a6966;
+    --color-closed-subtle: #ff6a6926;
+    --color-done-fg: #b780ff;
+    --color-done-emphasis: #b87fff;
+    --color-done-muted: #b780ff66;
+    --color-done-subtle: #b780ff26;
+    --color-sponsors-fg: #ef6eb1;
+    --color-sponsors-emphasis: #ef6eb1;
+    --color-sponsors-muted: #ef6eb166;
+    --color-sponsors-subtle: #ef6eb126;
+    --color-shadow-small: #010409f5;
+    --color-shadow-medium: #9ea7b3d9;
+    --color-shadow-large: #9ea7b3cc;
+    --color-shadow-extraLarge: #9ea7b3b3;
+    --color-shadow-highlight: #ffffff40;
+    --color-shadow-inset: #d9dee300;
+    --color-focus: #409eff;
+    --color-primer-fg-disabled: #7a828e;
+    --color-primer-canvas-backdrop: #010409cc;
+    --color-primer-canvas-sticky: #0a0c10f2;
+    --color-primer-border-active: #ff967d;
+    --color-primer-border-contrast: #ffffff33;
+    --color-prettylights-syntax-comment: #bdc4cc;
+    --color-prettylights-syntax-constant: #91cbff;
+    --color-prettylights-syntax-entity: #dbb7ff;
+    --color-prettylights-syntax-storageModifierImport: #f0f3f6;
+    --color-prettylights-syntax-entityTag: #72f088;
+    --color-prettylights-syntax-keyword: #ff9492;
+    --color-prettylights-syntax-string: #addcff;
+    --color-prettylights-syntax-variable: #ffb757;
+    --color-prettylights-syntax-brackethighlighterUnmatched: #ff6a69;
+    --color-prettylights-syntax-invalidIllegalText: #ffffff;
+    --color-prettylights-syntax-invalidIllegalBg: #e82a2f;
+    --color-prettylights-syntax-carriageReturnText: #ffffff;
+    --color-prettylights-syntax-carriageReturnBg: #ff4445;
+    --color-prettylights-syntax-stringRegexp: #72f088;
+    --color-prettylights-syntax-markupList: #fbd669;
+    --color-prettylights-syntax-markupHeading: #409eff;
+    --color-prettylights-syntax-markupItalic: #f0f3f6;
+    --color-prettylights-syntax-markupBold: #f0f3f6;
+    --color-prettylights-syntax-markupDeletedText: #ffdedb;
+    --color-prettylights-syntax-markupDeletedBg: #cc1421;
+    --color-prettylights-syntax-markupInsertedText: #acf7b6;
+    --color-prettylights-syntax-markupInsertedBg: #007728;
+    --color-prettylights-syntax-markupChangedText: #ffe1b4;
+    --color-prettylights-syntax-markupChangedBg: #a74c00;
+    --color-prettylights-syntax-markupIgnoredText: #f0f3f6;
+    --color-prettylights-syntax-markupIgnoredBg: #318bf8;
+    --color-prettylights-syntax-metaDiffRange: #dbb7ff;
+    --color-prettylights-syntax-brackethighlighterAngle: #bdc4cc;
+    --color-prettylights-syntax-sublimelinterGutterMark: #7a828e;
+    --color-prettylights-syntax-constantOtherReferenceLink: #addcff;
+    --color-codemirror-text: #f0f3f6;
+    --color-codemirror-bg: #0a0c10;
+    --color-codemirror-guttersBg: #0a0c10;
+    --color-codemirror-guttermarkerText: #0a0c10;
+    --color-codemirror-guttermarkerSubtleText: #9ea7b3;
+    --color-codemirror-linenumberText: #f0f3f6;
+    --color-codemirror-cursor: #f0f3f6;
+    --color-codemirror-selectionBg: #409eff66;
+    --color-codemirror-activelineBg: #9ea7b31a;
+    --color-codemirror-matchingbracketText: #f0f3f6;
+    --color-codemirror-linesBg: #0a0c10;
+    --color-codemirror-syntax-comment: #bdc4cc;
+    --color-codemirror-syntax-constant: #91cbff;
+    --color-codemirror-syntax-entity: #dbb7ff;
+    --color-codemirror-syntax-keyword: #ff9492;
+    --color-codemirror-syntax-storage: #ff9492;
+    --color-codemirror-syntax-string: #addcff;
+    --color-codemirror-syntax-support: #91cbff;
+    --color-codemirror-syntax-variable: #ffb757;
+    --shadow-color-small: #010409f5;
+    --shadow-color-medium: #9ea7b3d9;
+    --shadow-color-large: #9ea7b3cc;
+    --shadow-color-extraLarge: #9ea7b3b3;
+    --shadow-color-highlight: #ffffff40;
+    --shadow-color-inset: #d9dee300;
+    --shadow-small: 0px 1px 0px 0px #010409;
+    --shadow-medium: 0px 3px 6px 0px #9ea7b3;
+    --shadow-large: 0px 8px 24px 0px #9ea7b3;
+    --shadow-extraLarge: 0px 12px 28px 0px #9ea7b3;
+    --shadow-overlay: 0px 0px 0px 1px #525964, 0px 16px 32px 0px #9ea7b3;
+    --outline-focus: #409eff solid 1px;
+  }
+}

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

@@ -0,0 +1,336 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 28 Mar 2023 12:06:55 GMT
+ */
+
+@mixin primer-colors-dark-tritanopia {
+  & {
+    --color-ansi-black: #484f58;
+    --color-ansi-blackBright: #6e7681;
+    --color-ansi-white: #b1bac4;
+    --color-ansi-whiteBright: #ffffff;
+    --color-ansi-gray: #6e7681;
+    --color-ansi-red: #ff7b72;
+    --color-ansi-redBright: #ffa198;
+    --color-ansi-green: #58a6ff;
+    --color-ansi-greenBright: #79c0ff;
+    --color-ansi-yellow: #d29922;
+    --color-ansi-yellowBright: #e3b341;
+    --color-ansi-blue: #58a6ff;
+    --color-ansi-blueBright: #79c0ff;
+    --color-ansi-magenta: #bc8cff;
+    --color-ansi-magentaBright: #d2a8ff;
+    --color-ansi-cyan: #39c5cf;
+    --color-ansi-cyanBright: #56d4dd;
+    --color-checks-bg: #010409;
+    --color-checks-textPrimary: #c9d1d9;
+    --color-checks-textSecondary: #8b949e;
+    --color-checks-textLink: #58a6ff;
+    --color-checks-btnIcon: #8b949e;
+    --color-checks-btnHoverIcon: #c9d1d9;
+    --color-checks-btnHoverBg: #6e76811a;
+    --color-checks-inputText: #8b949e;
+    --color-checks-inputPlaceholderText: #6e7681;
+    --color-checks-inputFocusText: #c9d1d9;
+    --color-checks-inputBg: #161b22;
+    --color-checks-donutError: #f85149;
+    --color-checks-donutPending: #d29922;
+    --color-checks-donutSuccess: #388bfd;
+    --color-checks-donutNeutral: #8b949e;
+    --color-checks-dropdownText: #c9d1d9;
+    --color-checks-dropdownBg: #161b22;
+    --color-checks-dropdownBorder: #30363d;
+    --color-checks-dropdownShadow: #0104094d;
+    --color-checks-dropdownHoverText: #c9d1d9;
+    --color-checks-dropdownHoverBg: #6e76811a;
+    --color-checks-dropdownBtnHoverText: #c9d1d9;
+    --color-checks-dropdownBtnHoverBg: #6e76811a;
+    --color-checks-scrollbarThumbBg: #6e768166;
+    --color-checks-headerLabelText: #8b949e;
+    --color-checks-headerLabelOpenText: #c9d1d9;
+    --color-checks-headerBorder: #21262d;
+    --color-checks-headerIcon: #8b949e;
+    --color-checks-lineText: #8b949e;
+    --color-checks-lineNumText: #6e7681;
+    --color-checks-lineTimestampText: #6e7681;
+    --color-checks-lineHoverBg: #6e76811a;
+    --color-checks-lineSelectedBg: #388bfd26;
+    --color-checks-lineSelectedNumText: #58a6ff;
+    --color-checks-lineDtFmText: #ffffff;
+    --color-checks-lineDtFmBg: #9e6a03;
+    --color-checks-gateBg: #bb800926;
+    --color-checks-gateText: #8b949e;
+    --color-checks-gateWaitingText: #d29922;
+    --color-checks-stepHeaderOpenBg: #161b22;
+    --color-checks-stepErrorText: #f85149;
+    --color-checks-stepWarningText: #d29922;
+    --color-checks-loglineText: #8b949e;
+    --color-checks-loglineNumText: #6e7681;
+    --color-checks-loglineDebugText: #a371f7;
+    --color-checks-loglineErrorText: #8b949e;
+    --color-checks-loglineErrorNumText: #6e7681;
+    --color-checks-loglineErrorBg: #f8514926;
+    --color-checks-loglineWarningText: #8b949e;
+    --color-checks-loglineWarningNumText: #d29922;
+    --color-checks-loglineWarningBg: #bb800926;
+    --color-checks-loglineCommandText: #58a6ff;
+    --color-checks-loglineSectionText: #58a6ff;
+    --color-checks-ansi-black: #0d1117;
+    --color-checks-ansi-blackBright: #161b22;
+    --color-checks-ansi-white: #b1bac4;
+    --color-checks-ansi-whiteBright: #b1bac4;
+    --color-checks-ansi-gray: #6e7681;
+    --color-checks-ansi-red: #ff7b72;
+    --color-checks-ansi-redBright: #ffa198;
+    --color-checks-ansi-green: #58a6ff;
+    --color-checks-ansi-greenBright: #79c0ff;
+    --color-checks-ansi-yellow: #d29922;
+    --color-checks-ansi-yellowBright: #e3b341;
+    --color-checks-ansi-blue: #58a6ff;
+    --color-checks-ansi-blueBright: #79c0ff;
+    --color-checks-ansi-magenta: #bc8cff;
+    --color-checks-ansi-magentaBright: #d2a8ff;
+    --color-checks-ansi-cyan: #76e3ea;
+    --color-checks-ansi-cyanBright: #b3f0ff;
+    --color-avatar-bg: #ffffff1a;
+    --color-avatar-border: #f0f6fc1a;
+    --color-avatar-stackFade: #30363d;
+    --color-avatar-stackFadeMore: #21262d;
+    --color-topicTag-border: #00000000;
+    --color-counter-border: #00000000;
+    --color-selectMenu-backdropBorder: #484f58;
+    --color-selectMenu-tapHighlight: #30363d80;
+    --color-selectMenu-tapFocusBg: #0c2d6b;
+    --color-header-text: #ffffffb3;
+    --color-header-bg: #161b22;
+    --color-header-divider: #8b949e;
+    --color-header-logo: #f0f6fc;
+    --color-headerSearch-bg: #0d1117;
+    --color-headerSearch-border: #30363d;
+    --color-sidenav-selectedBg: #21262d;
+    --color-menu-bgActive: #161b22;
+    --color-input-disabledBg: #6e768180;
+    --color-timeline-badgeBg: #21262d;
+    --color-btn-text: #c9d1d9;
+    --color-btn-bg: #21262d;
+    --color-btn-border: #f0f6fc1a;
+    --color-btn-hoverBg: #30363d;
+    --color-btn-hoverBorder: #8b949e;
+    --color-btn-activeBg: #282e33;
+    --color-btn-activeBorder: #6e7681;
+    --color-btn-selectedBg: #161b22;
+    --color-btn-focusBg: #21262d;
+    --color-btn-focusBorder: #8b949e;
+    --color-btn-counterBg: #30363d;
+    --color-btn-primary-text: #ffffff;
+    --color-btn-primary-bg: #1f6feb;
+    --color-btn-primary-border: #f0f6fc1a;
+    --color-btn-primary-hover-bg: #388bfd;
+    --color-btn-primary-hoverBorder: #f0f6fc1a;
+    --color-btn-primary-selectedBg: #1f6feb;
+    --color-btn-primary-disabledText: #ffffff80;
+    --color-btn-primary-disabledBg: #1f6feb99;
+    --color-btn-primary-disabledBorder: #f0f6fc1a;
+    --color-btn-primary-focusBg: #1f6feb;
+    --color-btn-primary-focusBorder: #f0f6fc1a;
+    --color-btn-primary-icon: #ffffff;
+    --color-btn-primary-counterBg: #ffffff33;
+    --color-btn-outline-text: #58a6ff;
+    --color-btn-outline-hoverText: #58a6ff;
+    --color-btn-outline-hoverBg: #30363d;
+    --color-btn-outline-hoverBorder: #f0f6fc1a;
+    --color-btn-outline-hoverCounterBg: #ffffff33;
+    --color-btn-outline-selectedText: #ffffff;
+    --color-btn-outline-selectedBg: #0d419d;
+    --color-btn-outline-selectedBorder: #f0f6fc1a;
+    --color-btn-outline-disabledText: #58a6ff80;
+    --color-btn-outline-disabledBg: #0d1117;
+    --color-btn-outline-disabledCounterBg: #1f6feb0d;
+    --color-btn-outline-focusBorder: #f0f6fc1a;
+    --color-btn-outline-counterBg: #1f6feb1a;
+    --color-btn-danger-text: #f85149;
+    --color-btn-danger-hoverText: #ffffff;
+    --color-btn-danger-hoverBg: #da3633;
+    --color-btn-danger-hoverBorder: #f85149;
+    --color-btn-danger-hoverIcon: #ffffff;
+    --color-btn-danger-hover-counter-bg: #ffffff33;
+    --color-btn-danger-selectedText: #ffffff;
+    --color-btn-danger-selectedBg: #b62324;
+    --color-btn-danger-selectedBorder: #ff7b72;
+    --color-btn-danger-disabledText: #f8514980;
+    --color-btn-danger-disabledBg: #0d1117;
+    --color-btn-danger-disabledCounterBg: #da36330d;
+    --color-btn-danger-focusBorder: #f85149;
+    --color-btn-danger-counterBg: #da36331a;
+    --color-btn-danger-icon: #f85149;
+    --color-underlinenav-icon: #6e7681;
+    --color-underlinenav-borderHover: #6e768166;
+    --color-actionListItem-inlineDivider: #30363d7a;
+    --color-actionListItem-default-hoverBg: #b1bac41f;
+    --color-actionListItem-default-hoverBorder: #00000000;
+    --color-actionListItem-default-activeBg: #b1bac433;
+    --color-actionListItem-default-activeBorder: #00000000;
+    --color-actionListItem-default-selectedBg: #b1bac414;
+    --color-actionListItem-danger-hoverBg: #f8514929;
+    --color-actionListItem-danger-activeBg: #f851493d;
+    --color-actionListItem-danger-hoverText: #ff7b72;
+    --color-switchTrack-bg: #010409;
+    --color-switchTrack-border: #6e7681;
+    --color-switchTrack-checked-bg: #1f6feb59;
+    --color-switchTrack-checked-hoverBg: #1f6feb80;
+    --color-switchTrack-checked-activeBg: #1f6feba6;
+    --color-switchTrack-checked-border: #58a6ff;
+    --color-switchKnob-checked-bg: #1f6feb;
+    --color-switchKnob-checked-disabledBg: #484f58;
+    --color-segmentedControl-bg: #161b22;
+    --color-segmentedControl-button-hover-bg: #30363d;
+    --color-segmentedControl-button-active-bg: #21262d;
+    --color-segmentedControl-button-selected-border: #6e7681;
+    --color-diffBlob-addition-numText: #c9d1d9;
+    --color-diffBlob-addition-fg: #c9d1d9;
+    --color-diffBlob-addition-numBg: #58a6ff4d;
+    --color-diffBlob-addition-lineBg: #388bfd26;
+    --color-diffBlob-addition-wordBg: #388bfd66;
+    --color-diffBlob-deletion-numText: #c9d1d9;
+    --color-diffBlob-deletion-fg: #c9d1d9;
+    --color-diffBlob-deletion-numBg: #f851494d;
+    --color-diffBlob-deletion-lineBg: #f8514926;
+    --color-diffBlob-deletion-wordBg: #f8514966;
+    --color-diffBlob-hunk-numBg: #388bfd66;
+    --color-diffBlob-expander-icon: #8b949e;
+    --color-diffstat-additionBg: #58a6ff;
+    --color-diffstat-deletionBorder: #f0f6fc1a;
+    --color-diffstat-additionBorder: #f0f6fc1a;
+    --color-page-header-bg: #0d1117;
+    --color-searchKeyword-hl: #d2992266;
+    --color-project-headerBg: #0d1117;
+    --color-project-sidebarBg: #161b22;
+    --color-project-gradientIn: #161b22;
+    --color-project-gradientOut: #161b2200;
+    --color-fg-default: #c9d1d9;
+    --color-fg-muted: #8b949e;
+    --color-fg-subtle: #6e7681;
+    --color-fg-onEmphasis: #ffffff;
+    --color-canvas-default: #0d1117;
+    --color-canvas-overlay: #161b22;
+    --color-canvas-inset: #010409;
+    --color-canvas-subtle: #161b22;
+    --color-border-default: #30363d;
+    --color-border-muted: #21262d;
+    --color-border-subtle: #f0f6fc1a;
+    --color-border-control: #636a75;
+    --color-neutral-emphasisPlus: #6e7681;
+    --color-neutral-emphasis: #6e7681;
+    --color-neutral-muted: #6e768166;
+    --color-neutral-subtle: #6e76811a;
+    --color-accent-fg: #58a6ff;
+    --color-accent-emphasis: #1f6feb;
+    --color-accent-muted: #388bfd66;
+    --color-accent-subtle: #388bfd26;
+    --color-success-fg: #58a6ff;
+    --color-success-emphasis: #1f6feb;
+    --color-success-muted: #388bfd66;
+    --color-success-subtle: #388bfd26;
+    --color-attention-fg: #d29922;
+    --color-attention-emphasis: #9e6a03;
+    --color-attention-muted: #bb800966;
+    --color-attention-subtle: #bb800926;
+    --color-severe-fg: #f85149;
+    --color-severe-emphasis: #da3633;
+    --color-severe-muted: #f8514966;
+    --color-severe-subtle: #f8514926;
+    --color-danger-fg: #f85149;
+    --color-danger-emphasis: #da3633;
+    --color-danger-muted: #f8514966;
+    --color-danger-subtle: #f8514926;
+    --color-open-fg: #ff7b72;
+    --color-open-emphasis: #da3633;
+    --color-open-muted: #f8514966;
+    --color-open-subtle: #f8514926;
+    --color-closed-fg: #8b949e;
+    --color-closed-emphasis: #6e7681;
+    --color-closed-muted: #6e768166;
+    --color-closed-subtle: #6e76811a;
+    --color-done-fg: #a371f7;
+    --color-done-emphasis: #8957e5;
+    --color-done-muted: #a371f766;
+    --color-done-subtle: #a371f726;
+    --color-sponsors-fg: #db61a2;
+    --color-sponsors-emphasis: #bf4b8a;
+    --color-sponsors-muted: #db61a266;
+    --color-sponsors-subtle: #db61a226;
+    --color-shadow-small: #010409f5;
+    --color-shadow-medium: #6e7681d9;
+    --color-shadow-large: #6e7681cc;
+    --color-shadow-extraLarge: #6e7681b3;
+    --color-shadow-highlight: #ffffff40;
+    --color-shadow-inset: #b1bac400;
+    --color-focus: #1f6feb;
+    --color-primer-fg-disabled: #484f58;
+    --color-primer-canvas-backdrop: #010409cc;
+    --color-primer-canvas-sticky: #0d1117f2;
+    --color-primer-border-active: #f78166;
+    --color-primer-border-contrast: #ffffff33;
+    --color-prettylights-syntax-comment: #8b949e;
+    --color-prettylights-syntax-constant: #79c0ff;
+    --color-prettylights-syntax-entity: #d2a8ff;
+    --color-prettylights-syntax-storageModifierImport: #c9d1d9;
+    --color-prettylights-syntax-entityTag: #a5d6ff;
+    --color-prettylights-syntax-keyword: #ff7b72;
+    --color-prettylights-syntax-string: #a5d6ff;
+    --color-prettylights-syntax-variable: #ffa198;
+    --color-prettylights-syntax-brackethighlighterUnmatched: #f85149;
+    --color-prettylights-syntax-invalidIllegalText: #f0f6fc;
+    --color-prettylights-syntax-invalidIllegalBg: #8e1519;
+    --color-prettylights-syntax-carriageReturnText: #f0f6fc;
+    --color-prettylights-syntax-carriageReturnBg: #b62324;
+    --color-prettylights-syntax-stringRegexp: #a5d6ff;
+    --color-prettylights-syntax-markupList: #f2cc60;
+    --color-prettylights-syntax-markupHeading: #1f6feb;
+    --color-prettylights-syntax-markupItalic: #c9d1d9;
+    --color-prettylights-syntax-markupBold: #c9d1d9;
+    --color-prettylights-syntax-markupDeletedText: #ffdcd7;
+    --color-prettylights-syntax-markupDeletedBg: #67060c;
+    --color-prettylights-syntax-markupInsertedText: #cae8ff;
+    --color-prettylights-syntax-markupInsertedBg: #0c2d6b;
+    --color-prettylights-syntax-markupChangedText: #ffdcd7;
+    --color-prettylights-syntax-markupChangedBg: #67060c;
+    --color-prettylights-syntax-markupIgnoredText: #c9d1d9;
+    --color-prettylights-syntax-markupIgnoredBg: #1158c7;
+    --color-prettylights-syntax-metaDiffRange: #d2a8ff;
+    --color-prettylights-syntax-brackethighlighterAngle: #8b949e;
+    --color-prettylights-syntax-sublimelinterGutterMark: #484f58;
+    --color-prettylights-syntax-constantOtherReferenceLink: #a5d6ff;
+    --color-codemirror-text: #c9d1d9;
+    --color-codemirror-bg: #0d1117;
+    --color-codemirror-guttersBg: #0d1117;
+    --color-codemirror-guttermarkerText: #0d1117;
+    --color-codemirror-guttermarkerSubtleText: #6e7681;
+    --color-codemirror-linenumberText: #8b949e;
+    --color-codemirror-cursor: #c9d1d9;
+    --color-codemirror-selectionBg: #388bfd66;
+    --color-codemirror-activelineBg: #6e76811a;
+    --color-codemirror-matchingbracketText: #c9d1d9;
+    --color-codemirror-linesBg: #0d1117;
+    --color-codemirror-syntax-comment: #8b949e;
+    --color-codemirror-syntax-constant: #79c0ff;
+    --color-codemirror-syntax-entity: #d2a8ff;
+    --color-codemirror-syntax-keyword: #ff7b72;
+    --color-codemirror-syntax-storage: #ff7b72;
+    --color-codemirror-syntax-string: #a5d6ff;
+    --color-codemirror-syntax-support: #79c0ff;
+    --color-codemirror-syntax-variable: #ffa198;
+    --shadow-color-small: #010409f5;
+    --shadow-color-medium: #6e7681d9;
+    --shadow-color-large: #6e7681cc;
+    --shadow-color-extraLarge: #6e7681b3;
+    --shadow-color-highlight: #ffffff40;
+    --shadow-color-inset: #b1bac400;
+    --shadow-small: 0px 1px 0px 0px #010409;
+    --shadow-medium: 0px 3px 6px 0px #6e7681;
+    --shadow-large: 0px 8px 24px 0px #6e7681;
+    --shadow-extraLarge: 0px 12px 28px 0px #6e7681;
+    --shadow-overlay: 0px 0px 0px 1px #30363d, 0px 16px 32px 0px #6e7681;
+    --outline-focus: #1f6feb solid 1px;
+  }
+}