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

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

@@ -0,0 +1,336 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 28 Mar 2023 12:06:55 GMT
+ */
+
+@mixin primer-colors-dark-colorblind {
+  & {
+    --color-ansi-black: #484f58;
+    --color-ansi-blackBright: #6e7681;
+    --color-ansi-white: #b1bac4;
+    --color-ansi-whiteBright: #ffffff;
+    --color-ansi-gray: #6e7681;
+    --color-ansi-red: #ec8e2c;
+    --color-ansi-redBright: #fdac54;
+    --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: #d47616;
+    --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: #d47616;
+    --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: #d4761626;
+    --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: #ec8e2c;
+    --color-checks-ansi-redBright: #fdac54;
+    --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: #d47616;
+    --color-btn-danger-hoverText: #ffffff;
+    --color-btn-danger-hoverBg: #b76100;
+    --color-btn-danger-hoverBorder: #d47616;
+    --color-btn-danger-hoverIcon: #ffffff;
+    --color-btn-danger-hover-counter-bg: #ffffff33;
+    --color-btn-danger-selectedText: #ffffff;
+    --color-btn-danger-selectedBg: #914d04;
+    --color-btn-danger-selectedBorder: #ec8e2c;
+    --color-btn-danger-disabledText: #d4761680;
+    --color-btn-danger-disabledBg: #0d1117;
+    --color-btn-danger-disabledCounterBg: #b761000d;
+    --color-btn-danger-focusBorder: #d47616;
+    --color-btn-danger-counterBg: #b761001a;
+    --color-btn-danger-icon: #d47616;
+    --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: #d4761629;
+    --color-actionListItem-danger-activeBg: #d476163d;
+    --color-actionListItem-danger-hoverText: #ec8e2c;
+    --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: #d476164d;
+    --color-diffBlob-deletion-lineBg: #d4761626;
+    --color-diffBlob-deletion-wordBg: #d4761666;
+    --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: #d47616;
+    --color-severe-emphasis: #b76100;
+    --color-severe-muted: #d4761666;
+    --color-severe-subtle: #d4761626;
+    --color-danger-fg: #d47616;
+    --color-danger-emphasis: #b76100;
+    --color-danger-muted: #d4761666;
+    --color-danger-subtle: #d4761626;
+    --color-open-fg: #ec8e2c;
+    --color-open-emphasis: #b76100;
+    --color-open-muted: #d4761666;
+    --color-open-subtle: #d4761626;
+    --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: #ec8e2c;
+    --color-prettylights-syntax-string: #a5d6ff;
+    --color-prettylights-syntax-variable: #fdac54;
+    --color-prettylights-syntax-brackethighlighterUnmatched: #d47616;
+    --color-prettylights-syntax-invalidIllegalText: #f0f6fc;
+    --color-prettylights-syntax-invalidIllegalBg: #6c3906;
+    --color-prettylights-syntax-carriageReturnText: #f0f6fc;
+    --color-prettylights-syntax-carriageReturnBg: #914d04;
+    --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: #ffe2bb;
+    --color-prettylights-syntax-markupDeletedBg: #4e2906;
+    --color-prettylights-syntax-markupInsertedText: #cae8ff;
+    --color-prettylights-syntax-markupInsertedBg: #0c2d6b;
+    --color-prettylights-syntax-markupChangedText: #ffe2bb;
+    --color-prettylights-syntax-markupChangedBg: #4e2906;
+    --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: #ec8e2c;
+    --color-codemirror-syntax-storage: #ec8e2c;
+    --color-codemirror-syntax-string: #a5d6ff;
+    --color-codemirror-syntax-support: #79c0ff;
+    --color-codemirror-syntax-variable: #fdac54;
+    --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;
+  }
+}

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

@@ -0,0 +1,336 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 28 Mar 2023 12:06:54 GMT
+ */
+
+@mixin primer-colors-dark-dimmed {
+  & {
+    --color-ansi-black: #545d68;
+    --color-ansi-blackBright: #636e7b;
+    --color-ansi-white: #909dab;
+    --color-ansi-whiteBright: #cdd9e5;
+    --color-ansi-gray: #636e7b;
+    --color-ansi-red: #f47067;
+    --color-ansi-redBright: #ff938a;
+    --color-ansi-green: #57ab5a;
+    --color-ansi-greenBright: #6bc46d;
+    --color-ansi-yellow: #c69026;
+    --color-ansi-yellowBright: #daaa3f;
+    --color-ansi-blue: #539bf5;
+    --color-ansi-blueBright: #6cb6ff;
+    --color-ansi-magenta: #b083f0;
+    --color-ansi-magentaBright: #dcbdfb;
+    --color-ansi-cyan: #39c5cf;
+    --color-ansi-cyanBright: #56d4dd;
+    --color-checks-bg: #1c2128;
+    --color-checks-textPrimary: #adbac7;
+    --color-checks-textSecondary: #768390;
+    --color-checks-textLink: #539bf5;
+    --color-checks-btnIcon: #768390;
+    --color-checks-btnHoverIcon: #adbac7;
+    --color-checks-btnHoverBg: #636e7b1a;
+    --color-checks-inputText: #768390;
+    --color-checks-inputPlaceholderText: #636e7b;
+    --color-checks-inputFocusText: #adbac7;
+    --color-checks-inputBg: #2d333b;
+    --color-checks-donutError: #e5534b;
+    --color-checks-donutPending: #c69026;
+    --color-checks-donutSuccess: #46954a;
+    --color-checks-donutNeutral: #768390;
+    --color-checks-dropdownText: #adbac7;
+    --color-checks-dropdownBg: #2d333b;
+    --color-checks-dropdownBorder: #444c56;
+    --color-checks-dropdownShadow: #1c21284d;
+    --color-checks-dropdownHoverText: #adbac7;
+    --color-checks-dropdownHoverBg: #636e7b1a;
+    --color-checks-dropdownBtnHoverText: #adbac7;
+    --color-checks-dropdownBtnHoverBg: #636e7b1a;
+    --color-checks-scrollbarThumbBg: #636e7b66;
+    --color-checks-headerLabelText: #768390;
+    --color-checks-headerLabelOpenText: #adbac7;
+    --color-checks-headerBorder: #373e47;
+    --color-checks-headerIcon: #768390;
+    --color-checks-lineText: #768390;
+    --color-checks-lineNumText: #636e7b;
+    --color-checks-lineTimestampText: #636e7b;
+    --color-checks-lineHoverBg: #636e7b1a;
+    --color-checks-lineSelectedBg: #4184e426;
+    --color-checks-lineSelectedNumText: #539bf5;
+    --color-checks-lineDtFmText: #cdd9e5;
+    --color-checks-lineDtFmBg: #966600;
+    --color-checks-gateBg: #ae7c1426;
+    --color-checks-gateText: #768390;
+    --color-checks-gateWaitingText: #c69026;
+    --color-checks-stepHeaderOpenBg: #2d333b;
+    --color-checks-stepErrorText: #e5534b;
+    --color-checks-stepWarningText: #c69026;
+    --color-checks-loglineText: #768390;
+    --color-checks-loglineNumText: #636e7b;
+    --color-checks-loglineDebugText: #986ee2;
+    --color-checks-loglineErrorText: #768390;
+    --color-checks-loglineErrorNumText: #636e7b;
+    --color-checks-loglineErrorBg: #e5534b26;
+    --color-checks-loglineWarningText: #768390;
+    --color-checks-loglineWarningNumText: #c69026;
+    --color-checks-loglineWarningBg: #ae7c1426;
+    --color-checks-loglineCommandText: #539bf5;
+    --color-checks-loglineSectionText: #57ab5a;
+    --color-checks-ansi-black: #22272e;
+    --color-checks-ansi-blackBright: #2d333b;
+    --color-checks-ansi-white: #909dab;
+    --color-checks-ansi-whiteBright: #909dab;
+    --color-checks-ansi-gray: #636e7b;
+    --color-checks-ansi-red: #f47067;
+    --color-checks-ansi-redBright: #ff938a;
+    --color-checks-ansi-green: #57ab5a;
+    --color-checks-ansi-greenBright: #6bc46d;
+    --color-checks-ansi-yellow: #c69026;
+    --color-checks-ansi-yellowBright: #daaa3f;
+    --color-checks-ansi-blue: #539bf5;
+    --color-checks-ansi-blueBright: #6cb6ff;
+    --color-checks-ansi-magenta: #b083f0;
+    --color-checks-ansi-magentaBright: #dcbdfb;
+    --color-checks-ansi-cyan: #76e3ea;
+    --color-checks-ansi-cyanBright: #b3f0ff;
+    --color-avatar-bg: #cdd9e51a;
+    --color-avatar-border: #cdd9e51a;
+    --color-avatar-stackFade: #444c56;
+    --color-avatar-stackFadeMore: #373e47;
+    --color-topicTag-border: #00000000;
+    --color-counter-border: #00000000;
+    --color-selectMenu-backdropBorder: #545d68;
+    --color-selectMenu-tapHighlight: #444c5680;
+    --color-selectMenu-tapFocusBg: #143d79;
+    --color-header-text: #cdd9e5b3;
+    --color-header-bg: #2d333b;
+    --color-header-divider: #768390;
+    --color-header-logo: #cdd9e5;
+    --color-headerSearch-bg: #22272e;
+    --color-headerSearch-border: #444c56;
+    --color-sidenav-selectedBg: #373e47;
+    --color-menu-bgActive: #2d333b;
+    --color-input-disabledBg: #636e7b80;
+    --color-timeline-badgeBg: #373e47;
+    --color-btn-text: #adbac7;
+    --color-btn-bg: #373e47;
+    --color-btn-border: #cdd9e51a;
+    --color-btn-hoverBg: #444c56;
+    --color-btn-hoverBorder: #768390;
+    --color-btn-activeBg: #282e33;
+    --color-btn-activeBorder: #636e7b;
+    --color-btn-selectedBg: #2d333b;
+    --color-btn-focusBg: #373e47;
+    --color-btn-focusBorder: #768390;
+    --color-btn-counterBg: #444c56;
+    --color-btn-primary-text: #ffffff;
+    --color-btn-primary-bg: #347d39;
+    --color-btn-primary-border: #cdd9e51a;
+    --color-btn-primary-hover-bg: #46954a;
+    --color-btn-primary-hoverBorder: #cdd9e51a;
+    --color-btn-primary-selectedBg: #347d39;
+    --color-btn-primary-disabledText: #cdd9e580;
+    --color-btn-primary-disabledBg: #347d3999;
+    --color-btn-primary-disabledBorder: #cdd9e51a;
+    --color-btn-primary-focusBg: #347d39;
+    --color-btn-primary-focusBorder: #cdd9e51a;
+    --color-btn-primary-icon: #cdd9e5;
+    --color-btn-primary-counterBg: #cdd9e533;
+    --color-btn-outline-text: #539bf5;
+    --color-btn-outline-hoverText: #539bf5;
+    --color-btn-outline-hoverBg: #444c56;
+    --color-btn-outline-hoverBorder: #cdd9e51a;
+    --color-btn-outline-hoverCounterBg: #cdd9e533;
+    --color-btn-outline-selectedText: #cdd9e5;
+    --color-btn-outline-selectedBg: #1b4b91;
+    --color-btn-outline-selectedBorder: #cdd9e51a;
+    --color-btn-outline-disabledText: #539bf580;
+    --color-btn-outline-disabledBg: #22272e;
+    --color-btn-outline-disabledCounterBg: #316dca0d;
+    --color-btn-outline-focusBorder: #cdd9e51a;
+    --color-btn-outline-counterBg: #316dca1a;
+    --color-btn-danger-text: #e5534b;
+    --color-btn-danger-hoverText: #cdd9e5;
+    --color-btn-danger-hoverBg: #c93c37;
+    --color-btn-danger-hoverBorder: #e5534b;
+    --color-btn-danger-hoverIcon: #cdd9e5;
+    --color-btn-danger-hover-counter-bg: #ffffff33;
+    --color-btn-danger-selectedText: #ffffff;
+    --color-btn-danger-selectedBg: #ad2e2c;
+    --color-btn-danger-selectedBorder: #f47067;
+    --color-btn-danger-disabledText: #e5534b80;
+    --color-btn-danger-disabledBg: #22272e;
+    --color-btn-danger-disabledCounterBg: #c93c370d;
+    --color-btn-danger-focusBorder: #e5534b;
+    --color-btn-danger-counterBg: #c93c371a;
+    --color-btn-danger-icon: #e5534b;
+    --color-underlinenav-icon: #636e7b;
+    --color-underlinenav-borderHover: #636e7b66;
+    --color-actionListItem-inlineDivider: #444c567a;
+    --color-actionListItem-default-hoverBg: #909dab1f;
+    --color-actionListItem-default-hoverBorder: #00000000;
+    --color-actionListItem-default-activeBg: #909dab33;
+    --color-actionListItem-default-activeBorder: #00000000;
+    --color-actionListItem-default-selectedBg: #909dab14;
+    --color-actionListItem-danger-hoverBg: #e5534b29;
+    --color-actionListItem-danger-activeBg: #e5534b3d;
+    --color-actionListItem-danger-hoverText: #f47067;
+    --color-switchTrack-bg: #1c2128;
+    --color-switchTrack-border: #636e7b;
+    --color-switchTrack-checked-bg: #316dca59;
+    --color-switchTrack-checked-hoverBg: #316dca80;
+    --color-switchTrack-checked-activeBg: #316dcaa6;
+    --color-switchTrack-checked-border: #539bf5;
+    --color-switchKnob-checked-bg: #316dca;
+    --color-switchKnob-checked-disabledBg: #545d68;
+    --color-segmentedControl-bg: #2d333b;
+    --color-segmentedControl-button-hover-bg: #444c56;
+    --color-segmentedControl-button-active-bg: #373e47;
+    --color-segmentedControl-button-selected-border: #636e7b;
+    --color-diffBlob-addition-numText: #adbac7;
+    --color-diffBlob-addition-fg: #adbac7;
+    --color-diffBlob-addition-numBg: #57ab5a4d;
+    --color-diffBlob-addition-lineBg: #46954a26;
+    --color-diffBlob-addition-wordBg: #46954a66;
+    --color-diffBlob-deletion-numText: #adbac7;
+    --color-diffBlob-deletion-fg: #adbac7;
+    --color-diffBlob-deletion-numBg: #e5534b4d;
+    --color-diffBlob-deletion-lineBg: #e5534b26;
+    --color-diffBlob-deletion-wordBg: #e5534b66;
+    --color-diffBlob-hunk-numBg: #4184e466;
+    --color-diffBlob-expander-icon: #adbac7;
+    --color-diffstat-additionBg: #57ab5a;
+    --color-diffstat-deletionBorder: #cdd9e51a;
+    --color-diffstat-additionBorder: #cdd9e51a;
+    --color-page-header-bg: #22272e;
+    --color-searchKeyword-hl: #c6902666;
+    --color-project-headerBg: #22272e;
+    --color-project-sidebarBg: #2d333b;
+    --color-project-gradientIn: #2d333b;
+    --color-project-gradientOut: #2d333b00;
+    --color-fg-default: #adbac7;
+    --color-fg-muted: #768390;
+    --color-fg-subtle: #636e7b;
+    --color-fg-onEmphasis: #cdd9e5;
+    --color-canvas-default: #22272e;
+    --color-canvas-overlay: #2d333b;
+    --color-canvas-inset: #1c2128;
+    --color-canvas-subtle: #2d333b;
+    --color-border-default: #444c56;
+    --color-border-muted: #373e47;
+    --color-border-subtle: #cdd9e51a;
+    --color-border-control: #5e6975;
+    --color-neutral-emphasisPlus: #636e7b;
+    --color-neutral-emphasis: #636e7b;
+    --color-neutral-muted: #636e7b66;
+    --color-neutral-subtle: #636e7b1a;
+    --color-accent-fg: #539bf5;
+    --color-accent-emphasis: #316dca;
+    --color-accent-muted: #4184e466;
+    --color-accent-subtle: #4184e426;
+    --color-success-fg: #57ab5a;
+    --color-success-emphasis: #347d39;
+    --color-success-muted: #46954a66;
+    --color-success-subtle: #46954a26;
+    --color-attention-fg: #c69026;
+    --color-attention-emphasis: #966600;
+    --color-attention-muted: #ae7c1466;
+    --color-attention-subtle: #ae7c1426;
+    --color-severe-fg: #cc6b2c;
+    --color-severe-emphasis: #ae5622;
+    --color-severe-muted: #cc6b2c66;
+    --color-severe-subtle: #cc6b2c26;
+    --color-danger-fg: #e5534b;
+    --color-danger-emphasis: #c93c37;
+    --color-danger-muted: #e5534b66;
+    --color-danger-subtle: #e5534b26;
+    --color-open-fg: #57ab5a;
+    --color-open-emphasis: #347d39;
+    --color-open-muted: #46954a66;
+    --color-open-subtle: #46954a26;
+    --color-closed-fg: #e5534b;
+    --color-closed-emphasis: #c93c37;
+    --color-closed-muted: #e5534b66;
+    --color-closed-subtle: #e5534b26;
+    --color-done-fg: #986ee2;
+    --color-done-emphasis: #8256d0;
+    --color-done-muted: #986ee266;
+    --color-done-subtle: #986ee226;
+    --color-sponsors-fg: #c96198;
+    --color-sponsors-emphasis: #ae4c82;
+    --color-sponsors-muted: #c9619866;
+    --color-sponsors-subtle: #c9619826;
+    --color-shadow-small: #1c2128f5;
+    --color-shadow-medium: #636e7bd9;
+    --color-shadow-large: #636e7bcc;
+    --color-shadow-extraLarge: #636e7bb3;
+    --color-shadow-highlight: #cdd9e540;
+    --color-shadow-inset: #909dab00;
+    --color-focus: #316dca;
+    --color-primer-fg-disabled: #545d68;
+    --color-primer-canvas-backdrop: #1c2128cc;
+    --color-primer-canvas-sticky: #22272ef2;
+    --color-primer-border-active: #ec775c;
+    --color-primer-border-contrast: #cdd9e533;
+    --color-prettylights-syntax-comment: #768390;
+    --color-prettylights-syntax-constant: #6cb6ff;
+    --color-prettylights-syntax-entity: #dcbdfb;
+    --color-prettylights-syntax-storageModifierImport: #adbac7;
+    --color-prettylights-syntax-entityTag: #8ddb8c;
+    --color-prettylights-syntax-keyword: #f47067;
+    --color-prettylights-syntax-string: #96d0ff;
+    --color-prettylights-syntax-variable: #f69d50;
+    --color-prettylights-syntax-brackethighlighterUnmatched: #e5534b;
+    --color-prettylights-syntax-invalidIllegalText: #cdd9e5;
+    --color-prettylights-syntax-invalidIllegalBg: #922323;
+    --color-prettylights-syntax-carriageReturnText: #cdd9e5;
+    --color-prettylights-syntax-carriageReturnBg: #ad2e2c;
+    --color-prettylights-syntax-stringRegexp: #8ddb8c;
+    --color-prettylights-syntax-markupList: #eac55f;
+    --color-prettylights-syntax-markupHeading: #316dca;
+    --color-prettylights-syntax-markupItalic: #adbac7;
+    --color-prettylights-syntax-markupBold: #adbac7;
+    --color-prettylights-syntax-markupDeletedText: #ffd8d3;
+    --color-prettylights-syntax-markupDeletedBg: #78191b;
+    --color-prettylights-syntax-markupInsertedText: #b4f1b4;
+    --color-prettylights-syntax-markupInsertedBg: #1b4721;
+    --color-prettylights-syntax-markupChangedText: #ffddb0;
+    --color-prettylights-syntax-markupChangedBg: #682d0f;
+    --color-prettylights-syntax-markupIgnoredText: #adbac7;
+    --color-prettylights-syntax-markupIgnoredBg: #255ab2;
+    --color-prettylights-syntax-metaDiffRange: #dcbdfb;
+    --color-prettylights-syntax-brackethighlighterAngle: #768390;
+    --color-prettylights-syntax-sublimelinterGutterMark: #545d68;
+    --color-prettylights-syntax-constantOtherReferenceLink: #96d0ff;
+    --color-codemirror-text: #adbac7;
+    --color-codemirror-bg: #22272e;
+    --color-codemirror-guttersBg: #22272e;
+    --color-codemirror-guttermarkerText: #22272e;
+    --color-codemirror-guttermarkerSubtleText: #636e7b;
+    --color-codemirror-linenumberText: #768390;
+    --color-codemirror-cursor: #adbac7;
+    --color-codemirror-selectionBg: #4184e466;
+    --color-codemirror-activelineBg: #636e7b1a;
+    --color-codemirror-matchingbracketText: #adbac7;
+    --color-codemirror-linesBg: #22272e;
+    --color-codemirror-syntax-comment: #768390;
+    --color-codemirror-syntax-constant: #6cb6ff;
+    --color-codemirror-syntax-entity: #dcbdfb;
+    --color-codemirror-syntax-keyword: #f47067;
+    --color-codemirror-syntax-storage: #f47067;
+    --color-codemirror-syntax-string: #96d0ff;
+    --color-codemirror-syntax-support: #6cb6ff;
+    --color-codemirror-syntax-variable: #f69d50;
+    --shadow-color-small: #1c2128f5;
+    --shadow-color-medium: #636e7bd9;
+    --shadow-color-large: #636e7bcc;
+    --shadow-color-extraLarge: #636e7bb3;
+    --shadow-color-highlight: #cdd9e540;
+    --shadow-color-inset: #909dab00;
+    --shadow-small: 0px 1px 0px 0px #1c2128;
+    --shadow-medium: 0px 3px 6px 0px #636e7b;
+    --shadow-large: 0px 8px 24px 0px #636e7b;
+    --shadow-extraLarge: 0px 12px 28px 0px #636e7b;
+    --shadow-overlay: 0px 0px 0px 1px #444c56, 0px 16px 32px 0px #636e7b;
+    --outline-focus: #316dca solid 1px;
+  }
+}