@primer/primitives/dist/internalCss/dark.css

Typography, spacing, and color primitives for Primer design system

[data-color-mode="dark"][data-dark-theme="dark"],
[data-color-mode="dark"][data-dark-theme="dark"] ::backdrop,
[data-color-mode="auto"][data-light-theme="dark"],
[data-color-mode="auto"][data-light-theme="dark"] ::backdrop {
  --base-color-black: #010409;
  --base-color-blue-0: #cae8ff;
  --base-color-blue-1: #a5d6ff;
  --base-color-blue-2: #79c0ff;
  --base-color-blue-3: #58a6ff;
  --base-color-blue-4: #388bfd;
  --base-color-blue-5: #1f6feb;
  --base-color-blue-6: #1158c7;
  --base-color-blue-7: #0d419d;
  --base-color-blue-8: #0c2d6b;
  --base-color-blue-9: #051d4d;
  --base-color-coral-0: #ffddd2;
  --base-color-coral-1: #ffc2b2;
  --base-color-coral-2: #ffa28b;
  --base-color-coral-3: #f78166;
  --base-color-coral-4: #ea6045;
  --base-color-coral-5: #cf462d;
  --base-color-coral-6: #ac3220;
  --base-color-coral-7: #872012;
  --base-color-coral-8: #640d04;
  --base-color-coral-9: #460701;
  --base-color-green-0: #aff5b4;
  --base-color-green-1: #7ee787;
  --base-color-green-2: #56d364;
  --base-color-green-3: #3fb950;
  --base-color-green-4: #2ea043;
  --base-color-green-5: #238636;
  --base-color-green-6: #196c2e;
  --base-color-green-7: #0f5323;
  --base-color-green-8: #033a16;
  --base-color-green-9: #04260f;
  --base-color-neutral-1: #0d1117;
  --base-color-neutral-10: #b7bdc8;
  --base-color-neutral-11: #d1d7e0;
  --base-color-neutral-12: #f0f6fc;
  --base-color-neutral-2: #151b23;
  --base-color-neutral-3: #212830;
  --base-color-neutral-4: #262c36;
  --base-color-neutral-5: #2a313c;
  --base-color-neutral-6: #2f3742;
  --base-color-neutral-7: #3d444d;
  --base-color-neutral-8: #656c76;
  --base-color-neutral-9: #9198a1;
  --base-color-orange-0: #ffdfb6;
  --base-color-orange-1: #ffc680;
  --base-color-orange-2: #ffa657;
  --base-color-orange-3: #f0883e;
  --base-color-orange-4: #db6d28;
  --base-color-orange-5: #bd561d;
  --base-color-orange-6: #9b4215;
  --base-color-orange-7: #762d0a;
  --base-color-orange-8: #5a1e02;
  --base-color-orange-9: #3d1300;
  --base-color-pink-0: #ffdaec;
  --base-color-pink-1: #ffbedd;
  --base-color-pink-2: #ff9bce;
  --base-color-pink-3: #f778ba;
  --base-color-pink-4: #db61a2;
  --base-color-pink-5: #bf4b8a;
  --base-color-pink-6: #9e3670;
  --base-color-pink-7: #7d2457;
  --base-color-pink-8: #5e103e;
  --base-color-pink-9: #42062a;
  --base-color-purple-0: #eddeff;
  --base-color-purple-1: #e2c5ff;
  --base-color-purple-2: #d2a8ff;
  --base-color-purple-3: #be8fff;
  --base-color-purple-4: #ab7df8;
  --base-color-purple-5: #8957e5;
  --base-color-purple-6: #6e40c9;
  --base-color-purple-7: #553098;
  --base-color-purple-8: #3c1e70;
  --base-color-purple-9: #271052;
  --base-color-red-0: #ffdcd7;
  --base-color-red-1: #ffc1ba;
  --base-color-red-2: #ffa198;
  --base-color-red-3: #ff7b72;
  --base-color-red-4: #f85149;
  --base-color-red-5: #da3633;
  --base-color-red-6: #b62324;
  --base-color-red-7: #8e1519;
  --base-color-red-8: #67060c;
  --base-color-red-9: #490202;
  --base-color-transparent: #00000000;
  --base-color-white: #ffffff;
  --base-color-yellow-0: #f8e3a1;
  --base-color-yellow-1: #f2cc60;
  --base-color-yellow-2: #e3b341;
  --base-color-yellow-3: #d29922;
  --base-color-yellow-4: #bb8009;
  --base-color-yellow-5: #9e6a03;
  --base-color-yellow-6: #845306;
  --base-color-yellow-7: #693e00;
  --base-color-yellow-8: #4b2900;
  --base-color-yellow-9: #341a00;
  --base-display-color-auburn-0: #271817;
  --base-display-color-auburn-1: #3a2422;
  --base-display-color-auburn-2: #543331;
  --base-display-color-auburn-3: #6d4340;
  --base-display-color-auburn-4: #87534f;
  --base-display-color-auburn-5: #a86f6b;
  --base-display-color-auburn-6: #bf9592;
  --base-display-color-auburn-7: #c6a19f;
  --base-display-color-auburn-8: #d4b7b5;
  --base-display-color-auburn-9: #dfcac8;
  --base-display-color-black: #0d1117;
  --base-display-color-blue-0: #001a47;
  --base-display-color-blue-1: #002766;
  --base-display-color-blue-2: #00378a;
  --base-display-color-blue-3: #0046a8;
  --base-display-color-blue-4: #005bd1;
  --base-display-color-blue-5: #0576ff;
  --base-display-color-blue-6: #4da0ff;
  --base-display-color-blue-7: #61adff;
  --base-display-color-blue-8: #85c2ff;
  --base-display-color-blue-9: #a3d3ff;
  --base-display-color-brown-0: #241c14;
  --base-display-color-brown-1: #342a1d;
  --base-display-color-brown-2: #483a28;
  --base-display-color-brown-3: #5d4a32;
  --base-display-color-brown-4: #755e3e;
  --base-display-color-brown-5: #94774c;
  --base-display-color-brown-6: #b69a6d;
  --base-display-color-brown-7: #bfa77d;
  --base-display-color-brown-8: #cdbb98;
  --base-display-color-brown-9: #dbceb3;
  --base-display-color-coral-0: #351008;
  --base-display-color-coral-1: #51180b;
  --base-display-color-coral-2: #72220d;
  --base-display-color-coral-3: #902a0e;
  --base-display-color-coral-4: #b3350f;
  --base-display-color-coral-5: #e1430e;
  --base-display-color-coral-6: #f7794b;
  --base-display-color-coral-7: #fa8c61;
  --base-display-color-coral-8: #fdaa86;
  --base-display-color-coral-9: #ffc0a3;
  --base-display-color-cyan-0: #001f29;
  --base-display-color-cyan-1: #002e3d;
  --base-display-color-cyan-2: #014156;
  --base-display-color-cyan-3: #02536f;
  --base-display-color-cyan-4: #036a8c;
  --base-display-color-cyan-5: #0587b3;
  --base-display-color-cyan-6: #07ace4;
  --base-display-color-cyan-7: #09b7f1;
  --base-display-color-cyan-8: #45cbf7;
  --base-display-color-cyan-9: #80dbf9;
  --base-display-color-gray-0: #1c1c1c;
  --base-display-color-gray-1: #2a2b2d;
  --base-display-color-gray-2: #393d41;
  --base-display-color-gray-3: #474e57;
  --base-display-color-gray-4: #576270;
  --base-display-color-gray-5: #6e7f96;
  --base-display-color-gray-6: #92a1b5;
  --base-display-color-gray-7: #9babbf;
  --base-display-color-gray-8: #b3c0d1;
  --base-display-color-gray-9: #c4cfde;
  --base-display-color-green-0: #122117;
  --base-display-color-green-1: #182f1f;
  --base-display-color-green-2: #214529;
  --base-display-color-green-3: #285830;
  --base-display-color-green-4: #2f6f37;
  --base-display-color-green-5: #388f3f;
  --base-display-color-green-6: #41b445;
  --base-display-color-green-7: #46c144;
  --base-display-color-green-8: #75d36f;
  --base-display-color-green-9: #99e090;
  --base-display-color-indigo-0: #1b183f;
  --base-display-color-indigo-1: #25215f;
  --base-display-color-indigo-2: #312c90;
  --base-display-color-indigo-3: #3935c0;
  --base-display-color-indigo-4: #514ed4;
  --base-display-color-indigo-5: #7070e1;
  --base-display-color-indigo-6: #9899ec;
  --base-display-color-indigo-7: #a2a5f1;
  --base-display-color-indigo-8: #b7baf6;
  --base-display-color-indigo-9: #c8cbf9;
  --base-display-color-lemon-0: #291d00;
  --base-display-color-lemon-1: #372901;
  --base-display-color-lemon-2: #4f3c02;
  --base-display-color-lemon-3: #614c05;
  --base-display-color-lemon-4: #786008;
  --base-display-color-lemon-5: #977b0c;
  --base-display-color-lemon-6: #ba9b12;
  --base-display-color-lemon-7: #c4a717;
  --base-display-color-lemon-8: #d7bc1d;
  --base-display-color-lemon-9: #e3d04f;
  --base-display-color-lime-0: #141f0f;
  --base-display-color-lime-1: #1f3116;
  --base-display-color-lime-2: #2c441d;
  --base-display-color-lime-3: #375421;
  --base-display-color-lime-4: #496c28;
  --base-display-color-lime-5: #5f892f;
  --base-display-color-lime-6: #7dae37;
  --base-display-color-lime-7: #89ba36;
  --base-display-color-lime-8: #9fcc3e;
  --base-display-color-lime-9: #bcda67;
  --base-display-color-olive-0: #171e0b;
  --base-display-color-olive-1: #252d10;
  --base-display-color-olive-2: #374115;
  --base-display-color-olive-3: #485219;
  --base-display-color-olive-4: #5e681d;
  --base-display-color-olive-5: #7a8321;
  --base-display-color-olive-6: #a2a626;
  --base-display-color-olive-7: #b2af24;
  --base-display-color-olive-8: #cbc025;
  --base-display-color-olive-9: #e2d04b;
  --base-display-color-orange-0: #311708;
  --base-display-color-orange-1: #43200a;
  --base-display-color-orange-2: #632f0d;
  --base-display-color-orange-3: #7b3c0e;
  --base-display-color-orange-4: #984b10;
  --base-display-color-orange-5: #c46212;
  --base-display-color-orange-6: #ed8326;
  --base-display-color-orange-7: #f1933b;
  --base-display-color-orange-8: #f6b06a;
  --base-display-color-orange-9: #fac68f;
  --base-display-color-pine-0: #082119;
  --base-display-color-pine-1: #0b3224;
  --base-display-color-pine-2: #0e4430;
  --base-display-color-pine-3: #115a3e;
  --base-display-color-pine-4: #14714c;
  --base-display-color-pine-5: #18915e;
  --base-display-color-pine-6: #1bb673;
  --base-display-color-pine-7: #1ac176;
  --base-display-color-pine-8: #1bda81;
  --base-display-color-pine-9: #3eea97;
  --base-display-color-pink-0: #2d1524;
  --base-display-color-pink-1: #451c35;
  --base-display-color-pink-2: #65244a;
  --base-display-color-pink-3: #842a5d;
  --base-display-color-pink-4: #ac2f74;
  --base-display-color-pink-5: #d34591;
  --base-display-color-pink-6: #e57bb2;
  --base-display-color-pink-7: #ec8dbd;
  --base-display-color-pink-8: #f4a9cd;
  --base-display-color-pink-9: #f9bed9;
  --base-display-color-plum-0: #2a0e3f;
  --base-display-color-plum-1: #40125e;
  --base-display-color-plum-2: #5c1688;
  --base-display-color-plum-3: #7517ab;
  --base-display-color-plum-4: #9518d8;
  --base-display-color-plum-5: #b643ef;
  --base-display-color-plum-6: #d07ef7;
  --base-display-color-plum-7: #d889fa;
  --base-display-color-plum-8: #e4a5fd;
  --base-display-color-plum-9: #edbdff;
  --base-display-color-purple-0: #211047;
  --base-display-color-purple-1: #31146b;
  --base-display-color-purple-2: #481a9e;
  --base-display-color-purple-3: #5b1cca;
  --base-display-color-purple-4: #7730e8;
  --base-display-color-purple-5: #975bf1;
  --base-display-color-purple-6: #b687f7;
  --base-display-color-purple-7: #c398fb;
  --base-display-color-purple-8: #d2affd;
  --base-display-color-purple-9: #e1c7ff;
  --base-display-color-red-0: #3c0614;
  --base-display-color-red-1: #58091a;
  --base-display-color-red-2: #790c20;
  --base-display-color-red-3: #990f24;
  --base-display-color-red-4: #c31328;
  --base-display-color-red-5: #eb3342;
  --base-display-color-red-6: #f27d83;
  --base-display-color-red-7: #f48b8d;
  --base-display-color-red-8: #f7adab;
  --base-display-color-red-9: #f9c1be;
  --base-display-color-teal-0: #041f25;
  --base-display-color-teal-1: #073036;
  --base-display-color-teal-2: #0a464d;
  --base-display-color-teal-3: #0c555a;
  --base-display-color-teal-4: #106c70;
  --base-display-color-teal-5: #158a8a;
  --base-display-color-teal-6: #1cb0ab;
  --base-display-color-teal-7: #1fbdb2;
  --base-display-color-teal-8: #24d6c4;
  --base-display-color-teal-9: #5fe3d1;
  --base-display-color-white: #ffffff;
  --base-display-color-yellow-0: #2e1a00;
  --base-display-color-yellow-1: #3d2401;
  --base-display-color-yellow-2: #5a3702;
  --base-display-color-yellow-3: #6d4403;
  --base-display-color-yellow-4: #895906;
  --base-display-color-yellow-5: #aa7109;
  --base-display-color-yellow-6: #d3910d;
  --base-display-color-yellow-7: #df9e11;
  --base-display-color-yellow-8: #edb431;
  --base-display-color-yellow-9: #f0ca6a;
  --borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
  --borderRadius-large: 0.75rem;
  --borderRadius-medium: 0.375rem;
  --borderRadius-small: 0.1875rem;
  --borderWidth-thick: 0.125rem;
  --borderWidth-thicker: 0.25rem;
  --borderWidth-thin: 0.0625rem;
  --button-danger-bgColor-active: #d03533;
  --button-danger-fgColor-rest: #fa5e55;
  --button-danger-iconColor-rest: #fa5e55;
  --button-primary-bgColor-active: #2e9a40;
  --button-primary-bgColor-disabled: #105823;
  --button-primary-bgColor-hover: #29903b;
  --button-primary-borderColor-disabled: #105823;
  --color-ansi-cyan: #39c5cf;
  --color-ansi-cyan-bright: #56d4dd;
  --control-checked-bgColor-active: #3685f3;
  --control-checked-bgColor-hover: #2a7aef;
  --fgColor-accent: #4493f8;
  --outline-focus-offset: -0.125rem;
  --outline-focus-width: 0.125rem;
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
  --avatar-shadow: 0px 0px 0px 2px #0d1117;
  --avatarStack-fade-bgColor-default: var(--base-color-neutral-7);
  --avatarStack-fade-bgColor-muted: var(--base-color-neutral-5);
  --base-color-inset: var(--base-color-black);
  --base-color-neutral-0: var(--base-color-black);
  --base-color-neutral-13: var(--base-color-white);
  --bgColor-accent-emphasis: var(--base-color-blue-5);
  --bgColor-accent-muted: #388bfd1a;
  --bgColor-attention-emphasis: var(--base-color-yellow-5);
  --bgColor-attention-muted: #bb800926;
  --bgColor-danger-emphasis: var(--base-color-red-5);
  --bgColor-danger-muted: #f851491a;
  --bgColor-default: var(--base-color-neutral-1);
  --bgColor-disabled: var(--base-color-neutral-3);
  --bgColor-done-emphasis: var(--base-color-purple-5);
  --bgColor-done-muted: #ab7df826;
  --bgColor-emphasis: var(--base-color-neutral-7);
  --bgColor-muted: var(--base-color-neutral-2);
  --bgColor-neutral-emphasis: var(--base-color-neutral-8);
  --bgColor-neutral-muted: #656c7633;
  --bgColor-severe-emphasis: var(--base-color-orange-5);
  --bgColor-severe-muted: #db6d281a;
  --bgColor-sponsors-emphasis: var(--base-color-pink-5);
  --bgColor-sponsors-muted: #db61a21a;
  --bgColor-success-emphasis: var(--base-color-green-5);
  --bgColor-success-muted: #2ea04326;
  --bgColor-transparent: var(--base-color-transparent);
  --borderColor-accent-emphasis: var(--base-color-blue-5);
  --borderColor-accent-muted: #388bfd66;
  --borderColor-attention-emphasis: var(--base-color-yellow-5);
  --borderColor-attention-muted: #bb800966;
  --borderColor-danger-emphasis: var(--base-color-red-5);
  --borderColor-danger-muted: #f8514966;
  --borderColor-default: var(--base-color-neutral-7);
  --borderColor-disabled: #656c761a;
  --borderColor-done-emphasis: var(--base-color-purple-5);
  --borderColor-done-muted: #ab7df866;
  --borderColor-emphasis: var(--base-color-neutral-8);
  --borderColor-severe-emphasis: var(--base-color-orange-5);
  --borderColor-severe-muted: #db6d2866;
  --borderColor-sponsors-emphasis: var(--base-color-pink-5);
  --borderColor-sponsors-muted: #db61a266;
  --borderColor-success-emphasis: var(--base-color-green-5);
  --borderColor-success-muted: #2ea04366;
  --borderColor-transparent: var(--base-color-transparent);
  --borderRadius-default: var(--borderRadius-medium);
  --borderWidth-default: var(--borderWidth-thin);
  --boxShadow-thick: inset 0 0 0 var(--borderWidth-thick);
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
  --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
  --button-danger-bgColor-hover: var(--base-color-red-6);
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
  --button-inactive-bgColor: var(--base-color-neutral-4);
  --button-inactive-fgColor: var(--base-color-neutral-9);
  --button-invisible-bgColor-disabled: var(--base-color-transparent);
  --button-invisible-borderColor-disabled: var(--base-color-transparent);
  --button-outline-bgColor-active: var(--base-color-blue-7);
  --button-outline-bgColor-rest: var(--base-color-neutral-12);
  --button-outline-fgColor-disabled: #4493f880;
  --button-outline-fgColor-hover: var(--base-color-blue-3);
  --button-outline-fgColor-rest: var(--base-color-blue-4);
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
  --button-star-iconColor: var(--base-color-yellow-2);
  --buttonCounter-danger-bgColor-rest: #49020233;
  --buttonCounter-default-bgColor-rest: var(--base-color-neutral-6);
  --buttonCounter-outline-bgColor-hover: #051d4d33;
  --buttonCounter-outline-bgColor-rest: #051d4d33;
  --buttonCounter-outline-fgColor-disabled: #4493f880;
  --buttonCounter-outline-fgColor-hover: var(--base-color-blue-3);
  --buttonCounter-outline-fgColor-rest: var(--base-color-blue-4);
  --buttonCounter-primary-bgColor-rest: #04260f33;
  --codeMirror-syntax-fgColor-comment: var(--base-color-neutral-8);
  --codeMirror-syntax-fgColor-constant: var(--base-color-blue-2);
  --codeMirror-syntax-fgColor-entity: var(--base-color-purple-2);
  --codeMirror-syntax-fgColor-keyword: var(--base-color-red-3);
  --codeMirror-syntax-fgColor-storage: var(--base-color-red-3);
  --codeMirror-syntax-fgColor-string: var(--base-color-blue-1);
  --codeMirror-syntax-fgColor-support: var(--base-color-blue-2);
  --codeMirror-syntax-fgColor-variable: var(--base-color-orange-2);
  --color-ansi-black: var(--base-color-neutral-6);
  --color-ansi-black-bright: var(--base-color-neutral-8);
  --color-ansi-blue: var(--base-color-blue-3);
  --color-ansi-blue-bright: var(--base-color-blue-2);
  --color-ansi-gray: var(--base-color-neutral-8);
  --color-ansi-green: var(--base-color-green-3);
  --color-ansi-green-bright: var(--base-color-green-2);
  --color-ansi-magenta: var(--base-color-purple-3);
  --color-ansi-magenta-bright: var(--base-color-purple-2);
  --color-ansi-red: var(--base-color-red-3);
  --color-ansi-red-bright: var(--base-color-red-2);
  --color-ansi-white: var(--base-color-neutral-12);
  --color-ansi-yellow: var(--base-color-yellow-3);
  --color-ansi-yellow-bright: var(--base-color-yellow-2);
  --color-prettylights-syntax-brackethighlighter-angle: var(--base-color-neutral-9);
  --color-prettylights-syntax-brackethighlighter-unmatched: var(--base-color-red-4);
  --color-prettylights-syntax-carriage-return-bg: var(--base-color-red-6);
  --color-prettylights-syntax-carriage-return-text: var(--base-color-neutral-12);
  --color-prettylights-syntax-comment: var(--base-color-neutral-9);
  --color-prettylights-syntax-constant: var(--base-color-blue-2);
  --color-prettylights-syntax-constant-other-reference-link: var(--base-color-blue-1);
  --color-prettylights-syntax-entity: var(--base-color-purple-2);
  --color-prettylights-syntax-entity-tag: var(--base-color-green-1);
  --color-prettylights-syntax-invalid-illegal-bg: var(--base-color-red-7);
  --color-prettylights-syntax-invalid-illegal-text: var(--base-color-neutral-12);
  --color-prettylights-syntax-keyword: var(--base-color-red-3);
  --color-prettylights-syntax-markup-bold: var(--base-color-neutral-12);
  --color-prettylights-syntax-markup-changed-bg: var(--base-color-orange-8);
  --color-prettylights-syntax-markup-changed-text: var(--base-color-orange-0);
  --color-prettylights-syntax-markup-deleted-bg: var(--base-color-red-8);
  --color-prettylights-syntax-markup-deleted-text: var(--base-color-red-0);
  --color-prettylights-syntax-markup-heading: var(--base-color-blue-5);
  --color-prettylights-syntax-markup-ignored-bg: var(--base-color-blue-6);
  --color-prettylights-syntax-markup-ignored-text: var(--base-color-neutral-12);
  --color-prettylights-syntax-markup-inserted-bg: var(--base-color-green-8);
  --color-prettylights-syntax-markup-inserted-text: var(--base-color-green-0);
  --color-prettylights-syntax-markup-italic: var(--base-color-neutral-12);
  --color-prettylights-syntax-markup-list: var(--base-color-yellow-1);
  --color-prettylights-syntax-meta-diff-range: var(--base-color-purple-2);
  --color-prettylights-syntax-storage-modifier-import: var(--base-color-neutral-12);
  --color-prettylights-syntax-string: var(--base-color-blue-1);
  --color-prettylights-syntax-string-regexp: var(--base-color-green-1);
  --color-prettylights-syntax-sublimelinter-gutter-mark: var(--base-color-neutral-7);
  --color-prettylights-syntax-variable: var(--base-color-orange-2);
  --contribution-default-bgColor-0: var(--base-color-neutral-2);
  --contribution-default-bgColor-1: var(--base-color-green-8);
  --contribution-default-bgColor-2: var(--base-color-green-6);
  --contribution-default-bgColor-3: var(--base-color-green-4);
  --contribution-default-bgColor-4: var(--base-color-green-2);
  --contribution-default-borderColor-0: #ffffff0d;
  --contribution-default-borderColor-1: #ffffff0d;
  --contribution-default-borderColor-2: #ffffff0d;
  --contribution-default-borderColor-3: #ffffff0d;
  --contribution-default-borderColor-4: #ffffff0d;
  --contribution-halloween-bgColor-1: var(--base-display-color-orange-9);
  --contribution-halloween-bgColor-2: var(--base-display-color-orange-5);
  --contribution-halloween-bgColor-3: var(--base-display-color-orange-4);
  --contribution-halloween-bgColor-4: var(--base-display-color-lemon-9);
  --contribution-winter-bgColor-1: var(--base-color-blue-8);
  --contribution-winter-bgColor-2: var(--base-color-blue-6);
  --contribution-winter-bgColor-3: var(--base-color-blue-3);
  --contribution-winter-bgColor-4: var(--base-color-blue-0);
  --control-bgColor-active: var(--base-color-neutral-5);
  --control-bgColor-hover: var(--base-color-neutral-4);
  --control-bgColor-rest: var(--base-color-neutral-3);
  --control-borderColor-selected: var(--base-color-neutral-12);
  --control-checked-borderColor-active: var(--control-checked-bgColor-active);
  --control-checked-borderColor-hover: var(--control-checked-bgColor-hover);
  --control-danger-fgColor-hover: var(--base-color-red-3);
  --control-transparent-bgColor-active: #656c7640;
  --control-transparent-bgColor-hover: #656c7633;
  --control-transparent-bgColor-rest: var(--base-color-transparent);
  --control-transparent-bgColor-selected: #656c761a;
  --control-transparent-borderColor-active: var(--base-color-transparent);
  --control-transparent-borderColor-hover: var(--base-color-transparent);
  --control-transparent-borderColor-rest: var(--base-color-transparent);
  --controlTrack-bgColor-active: var(--base-color-neutral-6);
  --controlTrack-bgColor-hover: var(--base-color-neutral-5);
  --controlTrack-bgColor-rest: var(--base-color-neutral-4);
  --counter-borderColor: var(--base-color-transparent);
  --data-auburn-color-emphasis: var(--base-display-color-auburn-5);
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
  --data-blue-color-muted: var(--base-display-color-blue-0);
  --data-brown-color-emphasis: var(--base-display-color-brown-5);
  --data-brown-color-muted: var(--base-display-color-brown-0);
  --data-coral-color-emphasis: var(--base-display-color-coral-5);
  --data-coral-color-muted: var(--base-display-color-coral-0);
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
  --data-gray-color-muted: var(--base-display-color-gray-0);
  --data-green-color-emphasis: var(--base-display-color-green-4);
  --data-green-color-muted: var(--base-display-color-green-0);
  --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
  --data-lemon-color-muted: var(--base-display-color-lemon-0);
  --data-lime-color-emphasis: var(--base-display-color-lime-5);
  --data-lime-color-muted: var(--base-display-color-lime-0);
  --data-olive-color-emphasis: var(--base-display-color-olive-5);
  --data-olive-color-muted: var(--base-display-color-olive-0);
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
  --data-orange-color-muted: var(--base-display-color-orange-0);
  --data-pine-color-emphasis: var(--base-display-color-pine-5);
  --data-pine-color-muted: var(--base-display-color-pine-0);
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
  --data-pink-color-muted: var(--base-display-color-pink-0);
  --data-plum-color-emphasis: var(--base-display-color-plum-5);
  --data-plum-color-muted: var(--base-display-color-plum-0);
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
  --data-purple-color-muted: var(--base-display-color-purple-0);
  --data-red-color-emphasis: var(--base-display-color-red-5);
  --data-red-color-muted: var(--base-display-color-red-0);
  --data-teal-color-emphasis: var(--base-display-color-teal-4);
  --data-teal-color-muted: var(--base-display-color-teal-0);
  --data-yellow-color-emphasis: var(--base-display-color-yellow-4);
  --data-yellow-color-muted: var(--base-display-color-yellow-0);
  --diffBlob-additionNum-bgColor: #3fb9504d;
  --diffBlob-additionWord-bgColor: #2ea04366;
  --diffBlob-deletionNum-bgColor: #f851494d;
  --diffBlob-deletionWord-bgColor: #f8514966;
  --diffBlob-hunkNum-bgColor-rest: var(--base-color-blue-8);
  --display-auburn-bgColor-emphasis: var(--base-display-color-auburn-4);
  --display-auburn-bgColor-muted: var(--base-display-color-auburn-0);
  --display-auburn-borderColor-emphasis: var(--base-display-color-auburn-5);
  --display-auburn-borderColor-muted: var(--base-display-color-auburn-1);
  --display-auburn-fgColor: var(--base-display-color-auburn-6);
  --display-blue-bgColor-emphasis: var(--base-display-color-blue-4);
  --display-blue-bgColor-muted: var(--base-display-color-blue-0);
  --display-blue-borderColor-emphasis: var(--base-display-color-blue-5);
  --display-blue-borderColor-muted: var(--base-display-color-blue-1);
  --display-blue-fgColor: var(--base-display-color-blue-6);
  --display-brown-bgColor-emphasis: var(--base-display-color-brown-4);
  --display-brown-bgColor-muted: var(--base-display-color-brown-0);
  --display-brown-borderColor-emphasis: var(--base-display-color-brown-5);
  --display-brown-borderColor-muted: var(--base-display-color-brown-1);
  --display-brown-fgColor: var(--base-display-color-brown-6);
  --display-coral-bgColor-emphasis: var(--base-display-color-red-4);
  --display-coral-bgColor-muted: var(--base-display-color-red-0);
  --display-coral-borderColor-emphasis: var(--base-display-color-red-5);
  --display-coral-borderColor-muted: var(--base-display-color-red-1);
  --display-coral-fgColor: var(--base-display-color-red-6);
  --display-cyan-bgColor-emphasis: var(--base-display-color-cyan-4);
  --display-cyan-bgColor-muted: var(--base-display-color-cyan-0);
  --display-cyan-borderColor-emphasis: var(--base-display-color-cyan-5);
  --display-cyan-borderColor-muted: var(--base-display-color-cyan-1);
  --display-cyan-fgColor: var(--base-display-color-cyan-6);
  --display-gray-bgColor-emphasis: var(--base-display-color-gray-4);
  --display-gray-bgColor-muted: var(--base-display-color-gray-0);
  --display-gray-borderColor-emphasis: var(--base-display-color-gray-5);
  --display-gray-borderColor-muted: var(--base-display-color-gray-1);
  --display-gray-fgColor: var(--base-display-color-gray-6);
  --display-green-bgColor-emphasis: var(--base-display-color-green-4);
  --display-green-bgColor-muted: var(--base-display-color-green-0);
  --display-green-borderColor-emphasis: var(--base-display-color-green-5);
  --display-green-borderColor-muted: var(--base-display-color-green-1);
  --display-green-fgColor: var(--base-display-color-green-6);
  --display-indigo-bgColor-emphasis: var(--base-display-color-indigo-4);
  --display-indigo-bgColor-muted: var(--base-display-color-indigo-0);
  --display-indigo-borderColor-emphasis: var(--base-display-color-indigo-5);
  --display-indigo-borderColor-muted: var(--base-display-color-indigo-1);
  --display-indigo-fgColor: var(--base-display-color-indigo-6);
  --display-lemon-bgColor-emphasis: var(--base-display-color-lemon-4);
  --display-lemon-bgColor-muted: var(--base-display-color-lemon-0);
  --display-lemon-borderColor-emphasis: var(--base-display-color-lemon-5);
  --display-lemon-borderColor-muted: var(--base-display-color-lemon-1);
  --display-lemon-fgColor: var(--base-display-color-lemon-6);
  --display-lime-bgColor-emphasis: var(--base-display-color-lime-4);
  --display-lime-bgColor-muted: var(--base-display-color-lime-0);
  --display-lime-borderColor-emphasis: var(--base-display-color-lime-5);
  --display-lime-borderColor-muted: var(--base-display-color-lime-1);
  --display-lime-fgColor: var(--base-display-color-lime-6);
  --display-olive-bgColor-emphasis: var(--base-display-color-olive-4);
  --display-olive-bgColor-muted: var(--base-display-color-olive-0);
  --display-olive-borderColor-emphasis: var(--base-display-color-olive-5);
  --display-olive-borderColor-muted: var(--base-display-color-olive-1);
  --display-olive-fgColor: var(--base-display-color-olive-6);
  --display-orange-bgColor-emphasis: var(--base-display-color-orange-4);
  --display-orange-bgColor-muted: var(--base-display-color-orange-0);
  --display-orange-borderColor-emphasis: var(--base-display-color-orange-5);
  --display-orange-borderColor-muted: var(--base-display-color-orange-1);
  --display-orange-fgColor: var(--base-display-color-orange-6);
  --display-pine-bgColor-emphasis: var(--base-display-color-pine-4);
  --display-pine-bgColor-muted: var(--base-display-color-pine-0);
  --display-pine-borderColor-emphasis: var(--base-display-color-pine-5);
  --display-pine-borderColor-muted: var(--base-display-color-pine-1);
  --display-pine-fgColor: var(--base-display-color-pine-6);
  --display-pink-bgColor-emphasis: var(--base-display-color-pink-4);
  --display-pink-bgColor-muted: var(--base-display-color-pink-0);
  --display-pink-borderColor-emphasis: var(--base-display-color-pink-5);
  --display-pink-borderColor-muted: var(--base-display-color-pink-1);
  --display-pink-fgColor: var(--base-display-color-pink-6);
  --display-plum-bgColor-emphasis: var(--base-display-color-plum-4);
  --display-plum-bgColor-muted: var(--base-display-color-plum-0);
  --display-plum-borderColor-emphasis: var(--base-display-color-plum-5);
  --display-plum-borderColor-muted: var(--base-display-color-plum-1);
  --display-plum-fgColor: var(--base-display-color-plum-6);
  --display-purple-bgColor-emphasis: var(--base-display-color-purple-4);
  --display-purple-bgColor-muted: var(--base-display-color-purple-0);
  --display-purple-borderColor-emphasis: var(--base-display-color-purple-5);
  --display-purple-borderColor-muted: var(--base-display-color-purple-1);
  --display-purple-fgColor: var(--base-display-color-purple-6);
  --display-red-bgColor-emphasis: var(--base-display-color-red-4);
  --display-red-bgColor-muted: var(--base-display-color-red-0);
  --display-red-borderColor-emphasis: var(--base-display-color-red-5);
  --display-red-borderColor-muted: var(--base-display-color-red-1);
  --display-red-fgColor: var(--base-display-color-red-6);
  --display-teal-bgColor-emphasis: var(--base-display-color-teal-4);
  --display-teal-bgColor-muted: var(--base-display-color-teal-0);
  --display-teal-borderColor-emphasis: var(--base-display-color-teal-5);
  --display-teal-borderColor-muted: var(--base-display-color-teal-1);
  --display-teal-fgColor: var(--base-display-color-teal-6);
  --display-yellow-bgColor-emphasis: var(--base-display-color-yellow-4);
  --display-yellow-bgColor-muted: var(--base-display-color-yellow-0);
  --display-yellow-borderColor-emphasis: var(--base-display-color-yellow-5);
  --display-yellow-borderColor-muted: var(--base-display-color-yellow-1);
  --display-yellow-fgColor: var(--base-display-color-yellow-6);
  --fgColor-attention: var(--base-color-yellow-3);
  --fgColor-danger: var(--base-color-red-4);
  --fgColor-default: var(--base-color-neutral-12);
  --fgColor-disabled: #656c7699;
  --fgColor-done: var(--base-color-purple-4);
  --fgColor-link: var(--fgColor-accent);
  --fgColor-muted: var(--base-color-neutral-9);
  --fgColor-neutral: var(--base-color-neutral-9);
  --fgColor-severe: var(--base-color-orange-4);
  --fgColor-sponsors: var(--base-color-pink-4);
  --fgColor-success: var(--base-color-green-3);
  --header-bgColor: #151b23f2;
  --header-borderColor-divider: var(--base-color-neutral-8);
  --header-fgColor-logo: var(--base-color-neutral-12);
  --headerSearch-bgColor: var(--base-color-neutral-1);
  --headerSearch-borderColor: var(--base-color-neutral-5);
  --highlight-neutral-bgColor: #d2992266;
  --label-auburn-bgColor-active: var(--base-display-color-auburn-2);
  --label-auburn-bgColor-hover: var(--base-display-color-auburn-1);
  --label-auburn-bgColor-rest: var(--base-display-color-auburn-0);
  --label-auburn-fgColor-active: var(--base-display-color-auburn-8);
  --label-auburn-fgColor-hover: var(--base-display-color-auburn-7);
  --label-auburn-fgColor-rest: var(--base-display-color-auburn-6);
  --label-blue-bgColor-active: var(--base-display-color-blue-2);
  --label-blue-bgColor-hover: var(--base-display-color-blue-1);
  --label-blue-bgColor-rest: var(--base-display-color-blue-0);
  --label-blue-fgColor-active: var(--base-display-color-blue-8);
  --label-blue-fgColor-hover: var(--base-display-color-blue-7);
  --label-blue-fgColor-rest: var(--base-display-color-blue-6);
  --label-brown-bgColor-active: var(--base-display-color-brown-2);
  --label-brown-bgColor-hover: var(--base-display-color-brown-1);
  --label-brown-bgColor-rest: var(--base-display-color-brown-0);
  --label-brown-fgColor-active: var(--base-display-color-brown-8);
  --label-brown-fgColor-hover: var(--base-display-color-brown-7);
  --label-brown-fgColor-rest: var(--base-display-color-brown-6);
  --label-coral-bgColor-active: var(--base-display-color-coral-2);
  --label-coral-bgColor-hover: var(--base-display-color-coral-1);
  --label-coral-bgColor-rest: var(--base-display-color-coral-0);
  --label-coral-fgColor-active: var(--base-display-color-coral-8);
  --label-coral-fgColor-hover: var(--base-display-color-coral-7);
  --label-coral-fgColor-rest: var(--base-display-color-coral-6);
  --label-cyan-bgColor-active: var(--base-display-color-cyan-2);
  --label-cyan-bgColor-hover: var(--base-display-color-cyan-1);
  --label-cyan-bgColor-rest: var(--base-display-color-cyan-0);
  --label-cyan-fgColor-active: var(--base-display-color-cyan-8);
  --label-cyan-fgColor-hover: var(--base-display-color-cyan-7);
  --label-cyan-fgColor-rest: var(--base-display-color-cyan-6);
  --label-gray-bgColor-active: var(--base-display-color-gray-2);
  --label-gray-bgColor-hover: var(--base-display-color-gray-1);
  --label-gray-bgColor-rest: var(--base-display-color-gray-0);
  --label-gray-fgColor-active: var(--base-display-color-gray-8);
  --label-gray-fgColor-hover: var(--base-display-color-gray-7);
  --label-gray-fgColor-rest: var(--base-display-color-gray-6);
  --label-green-bgColor-active: var(--base-display-color-green-2);
  --label-green-bgColor-hover: var(--base-display-color-green-1);
  --label-green-bgColor-rest: var(--base-display-color-green-0);
  --label-green-fgColor-active: var(--base-display-color-green-8);
  --label-green-fgColor-hover: var(--base-display-color-green-7);
  --label-green-fgColor-rest: var(--base-display-color-green-6);
  --label-indigo-bgColor-active: var(--base-display-color-indigo-2);
  --label-indigo-bgColor-hover: var(--base-display-color-indigo-1);
  --label-indigo-bgColor-rest: var(--base-display-color-indigo-0);
  --label-indigo-fgColor-active: var(--base-display-color-indigo-8);
  --label-indigo-fgColor-hover: var(--base-display-color-indigo-7);
  --label-indigo-fgColor-rest: var(--base-display-color-indigo-6);
  --label-lemon-bgColor-active: var(--base-display-color-lemon-2);
  --label-lemon-bgColor-hover: var(--base-display-color-lemon-1);
  --label-lemon-bgColor-rest: var(--base-display-color-lemon-0);
  --label-lemon-fgColor-active: var(--base-display-color-lemon-8);
  --label-lemon-fgColor-hover: var(--base-display-color-lemon-7);
  --label-lemon-fgColor-rest: var(--base-display-color-lemon-6);
  --label-lime-bgColor-active: var(--base-display-color-lime-2);
  --label-lime-bgColor-hover: var(--base-display-color-lime-1);
  --label-lime-bgColor-rest: var(--base-display-color-lime-0);
  --label-lime-fgColor-active: var(--base-display-color-lime-8);
  --label-lime-fgColor-hover: var(--base-display-color-lime-7);
  --label-lime-fgColor-rest: var(--base-display-color-lime-6);
  --label-olive-bgColor-active: var(--base-display-color-olive-2);
  --label-olive-bgColor-hover: var(--base-display-color-olive-1);
  --label-olive-bgColor-rest: var(--base-display-color-olive-0);
  --label-olive-fgColor-active: var(--base-display-color-olive-8);
  --label-olive-fgColor-hover: var(--base-display-color-olive-7);
  --label-olive-fgColor-rest: var(--base-display-color-olive-6);
  --label-orange-bgColor-active: var(--base-display-color-orange-2);
  --label-orange-bgColor-hover: var(--base-display-color-orange-1);
  --label-orange-bgColor-rest: var(--base-display-color-orange-0);
  --label-orange-fgColor-active: var(--base-display-color-orange-8);
  --label-orange-fgColor-hover: var(--base-display-color-orange-7);
  --label-orange-fgColor-rest: var(--base-display-color-orange-6);
  --label-pine-bgColor-active: var(--base-display-color-pine-2);
  --label-pine-bgColor-hover: var(--base-display-color-pine-1);
  --label-pine-bgColor-rest: var(--base-display-color-pine-0);
  --label-pine-fgColor-active: var(--base-display-color-pine-8);
  --label-pine-fgColor-hover: var(--base-display-color-pine-7);
  --label-pine-fgColor-rest: var(--base-display-color-pine-6);
  --label-pink-bgColor-active: var(--base-display-color-pink-2);
  --label-pink-bgColor-hover: var(--base-display-color-pink-1);
  --label-pink-bgColor-rest: var(--base-display-color-pink-0);
  --label-pink-fgColor-active: var(--base-display-color-pink-8);
  --label-pink-fgColor-hover: var(--base-display-color-pink-7);
  --label-pink-fgColor-rest: var(--base-display-color-pink-6);
  --label-plum-bgColor-active: var(--base-display-color-plum-2);
  --label-plum-bgColor-hover: var(--base-display-color-plum-1);
  --label-plum-bgColor-rest: var(--base-display-color-plum-0);
  --label-plum-fgColor-active: var(--base-display-color-plum-8);
  --label-plum-fgColor-hover: var(--base-display-color-plum-7);
  --label-plum-fgColor-rest: var(--base-display-color-plum-6);
  --label-purple-bgColor-active: var(--base-display-color-purple-2);
  --label-purple-bgColor-hover: var(--base-display-color-purple-1);
  --label-purple-bgColor-rest: var(--base-display-color-purple-0);
  --label-purple-fgColor-active: var(--base-display-color-purple-8);
  --label-purple-fgColor-hover: var(--base-display-color-purple-7);
  --label-purple-fgColor-rest: var(--base-display-color-purple-6);
  --label-red-bgColor-active: var(--base-display-color-red-2);
  --label-red-bgColor-hover: var(--base-display-color-red-1);
  --label-red-bgColor-rest: var(--base-display-color-red-0);
  --label-red-fgColor-active: var(--base-display-color-red-8);
  --label-red-fgColor-hover: var(--base-display-color-red-7);
  --label-red-fgColor-rest: var(--base-display-color-red-6);
  --label-teal-bgColor-active: var(--base-display-color-teal-2);
  --label-teal-bgColor-hover: var(--base-display-color-teal-1);
  --label-teal-bgColor-rest: var(--base-display-color-teal-0);
  --label-teal-fgColor-active: var(--base-display-color-teal-8);
  --label-teal-fgColor-hover: var(--base-display-color-teal-7);
  --label-teal-fgColor-rest: var(--base-display-color-teal-6);
  --label-yellow-bgColor-active: var(--base-display-color-yellow-2);
  --label-yellow-bgColor-hover: var(--base-display-color-yellow-1);
  --label-yellow-bgColor-rest: var(--base-display-color-yellow-0);
  --label-yellow-fgColor-active: var(--base-display-color-yellow-8);
  --label-yellow-fgColor-hover: var(--base-display-color-yellow-7);
  --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
  --menu-bgColor-active: var(--base-color-neutral-2);
  --overlay-backdrop-bgColor: #21283066;
  --reactionButton-selected-bgColor-rest: #388bfd33;
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
  --selectMenu-bgColor-active: var(--base-color-blue-8);
  --sideNav-bgColor-selected: var(--base-color-neutral-3);
  --skeletonLoader-bgColor: #656c7633;
  --timelineBadge-bgColor: var(--base-color-neutral-3);
  --topicTag-borderColor: var(--base-color-transparent);
  --underlineNav-borderColor-active: var(--base-color-coral-3);
  --avatar-bgColor: #ffffff1a;
  --bgColor-black: var(--base-color-neutral-0);
  --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
  --bgColor-closed-muted: var(--bgColor-danger-muted);
  --bgColor-inset: var(--base-color-neutral-0);
  --bgColor-inverse: var(--base-color-neutral-13);
  --bgColor-open-emphasis: var(--bgColor-success-emphasis);
  --bgColor-open-muted: var(--bgColor-success-muted);
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
  --bgColor-upsell-muted: var(--bgColor-done-muted);
  --bgColor-white: var(--base-color-neutral-13);
  --border-accent-emphasis: 0.0625rem solid #1f6feb;
  --border-accent-muted: 0.0625rem solid #388bfd66;
  --border-attention-emphasis: 0.0625rem solid #9e6a03;
  --border-attention-muted: 0.0625rem solid #bb800966;
  --border-danger-emphasis: 0.0625rem solid #da3633;
  --border-danger-muted: 0.0625rem solid #f8514966;
  --border-default: 0.0625rem solid #3d444d;
  --border-disabled: 0.0625rem solid #656c761a;
  --border-done-emphasis: 0.0625rem solid #8957e5;
  --border-done-muted: 0.0625rem solid #ab7df866;
  --border-emphasis: 0.0625rem solid #656c76;
  --border-severe-emphasis: 0.0625rem solid #bd561d;
  --border-severe-muted: 0.0625rem solid #db6d2866;
  --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
  --border-sponsors-muted: 0.0625rem solid #db61a266;
  --border-success-emphasis: 0.0625rem solid #238636;
  --border-success-muted: 0.0625rem solid #2ea04366;
  --border-transparent: 0.0625rem solid #00000000;
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
  --borderColor-closed-muted: var(--borderColor-danger-muted);
  --borderColor-muted: #3d444db3;
  --borderColor-neutral-emphasis: var(--borderColor-emphasis);
  --borderColor-open-emphasis: var(--borderColor-success-emphasis);
  --borderColor-open-muted: var(--borderColor-success-muted);
  --borderColor-translucent: #ffffff26;
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
  --borderColor-upsell-muted: var(--borderColor-done-muted);
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
  --button-danger-fgColor-active: var(--base-color-neutral-13);
  --button-danger-fgColor-disabled: #f8514980;
  --button-danger-fgColor-hover: var(--base-color-neutral-13);
  --button-danger-iconColor-hover: var(--base-color-neutral-13);
  --button-default-bgColor-active: var(--control-bgColor-active);
  --button-default-bgColor-hover: var(--control-bgColor-hover);
  --button-default-bgColor-rest: var(--control-bgColor-rest);
  --button-default-bgColor-selected: var(--control-bgColor-active);
  --button-invisible-bgColor-active: var(--control-transparent-bgColor-active);
  --button-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
  --button-invisible-bgColor-rest: var(--control-transparent-bgColor-rest);
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
  --button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
  --button-invisible-iconColor-hover: var(--fgColor-muted);
  --button-invisible-iconColor-rest: var(--fgColor-muted);
  --button-outline-bgColor-hover: var(--control-bgColor-hover);
  --button-outline-fgColor-active: var(--base-color-neutral-13);
  --button-primary-bgColor-rest: var(--bgColor-success-emphasis);
  --button-primary-borderColor-rest: #ffffff1a;
  --button-primary-fgColor-disabled: #ffffff66;
  --buttonCounter-danger-bgColor-disabled: #da36330d;
  --buttonCounter-danger-bgColor-hover: #ffffff33;
  --buttonCounter-danger-fgColor-disabled: #f8514980;
  --buttonCounter-danger-fgColor-hover: var(--base-color-neutral-13);
  --buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
  --buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
  --card-bgColor: var(--bgColor-muted);
  --codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
  --codeMirror-bgColor: var(--bgColor-default);
  --codeMirror-cursor-fgColor: var(--fgColor-default);
  --codeMirror-fgColor: var(--fgColor-default);
  --codeMirror-gutterMarker-fgColor-default: var(--bgColor-default);
  --codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
  --codeMirror-gutters-bgColor: var(--bgColor-default);
  --codeMirror-lineNumber-fgColor: var(--fgColor-muted);
  --codeMirror-lines-bgColor: var(--bgColor-default);
  --codeMirror-matchingBracket-fgColor: var(--fgColor-default);
  --codeMirror-selection-bgColor: var(--borderColor-accent-muted);
  --color-ansi-white-bright: var(--base-color-neutral-13);
  --control-bgColor-disabled: var(--bgColor-disabled);
  --control-bgColor-selected: var(--control-bgColor-rest);
  --control-borderColor-danger: var(--borderColor-danger-emphasis);
  --control-borderColor-disabled: var(--borderColor-disabled);
  --control-borderColor-emphasis: var(--borderColor-emphasis);
  --control-borderColor-rest: var(--borderColor-default);
  --control-borderColor-success: var(--borderColor-success-emphasis);
  --control-borderColor-warning: var(--borderColor-attention-emphasis);
  --control-checked-bgColor-disabled: var(--fgColor-disabled);
  --control-checked-bgColor-rest: var(--bgColor-accent-emphasis);
  --control-checked-fgColor-disabled: var(--base-color-inset);
  --control-danger-bgColor-active: #f8514966;
  --control-danger-bgColor-hover: var(--bgColor-danger-muted);
  --control-danger-fgColor-rest: var(--fgColor-danger);
  --control-fgColor-disabled: var(--fgColor-disabled);
  --control-fgColor-placeholder: var(--fgColor-muted);
  --control-fgColor-rest: var(--fgColor-default);
  --control-iconColor-rest: var(--fgColor-muted);
  --control-transparent-bgColor-disabled: var(--bgColor-disabled);
  --controlKnob-bgColor-checked: var(--base-color-neutral-13);
  --controlTrack-bgColor-disabled: var(--fgColor-disabled);
  --controlTrack-borderColor-disabled: var(--fgColor-disabled);
  --controlTrack-borderColor-rest: var(--borderColor-default);
  --controlTrack-fgColor-rest: var(--fgColor-muted);
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
  --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
  --data-auburn-color-gradientStop-2: #27181700;
  --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
  --data-blue-color-gradientStop-2: #001a4700;
  --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
  --data-brown-color-gradientStop-2: #241c1400;
  --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
  --data-coral-color-gradientStop-2: #35100800;
  --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
  --data-gray-color-gradientStop-2: #1c1c1c00;
  --data-green-color-gradientStop-1: var(--data-green-color-muted);
  --data-green-color-gradientStop-2: #12211700;
  --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
  --data-lemon-color-gradientStop-2: #291d0000;
  --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
  --data-lime-color-gradientStop-2: #141f0f00;
  --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
  --data-olive-color-gradientStop-2: #171e0b00;
  --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
  --data-orange-color-gradientStop-2: #31170800;
  --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
  --data-pine-color-gradientStop-2: #08211900;
  --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
  --data-pink-color-gradientStop-2: #2d152400;
  --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
  --data-plum-color-gradientStop-2: #2a0e3f00;
  --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
  --data-purple-color-gradientStop-2: #21104700;
  --data-red-color-gradientStop-1: var(--data-red-color-muted);
  --data-red-color-gradientStop-2: #3c061400;
  --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
  --data-teal-color-gradientStop-2: #041f2500;
  --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
  --data-yellow-color-gradientStop-2: #2e1a0000;
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
  --diffBlob-deletionLine-fgColor: var(--fgColor-default);
  --diffBlob-deletionNum-fgColor: var(--fgColor-default);
  --diffBlob-deletionWord-fgColor: var(--fgColor-default);
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
  --diffBlob-emptyNum-bgColor: var(--bgColor-muted);
  --diffBlob-expander-iconColor: var(--fgColor-muted);
  --diffBlob-hunkLine-bgColor: var(--bgColor-accent-muted);
  --diffBlob-hunkLine-fgColor: var(--fgColor-muted);
  --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
  --fgColor-black: var(--base-color-neutral-0);
  --fgColor-closed: var(--fgColor-danger);
  --fgColor-onEmphasis: var(--base-color-neutral-13);
  --fgColor-onInverse: var(--base-color-neutral-0);
  --fgColor-open: var(--fgColor-success);
  --fgColor-upsell: var(--fgColor-done);
  --fgColor-white: var(--base-color-neutral-13);
  --focus-outlineColor: var(--borderColor-accent-emphasis);
  --header-fgColor-default: #ffffffb3;
  --overlay-bgColor: var(--bgColor-muted);
  --page-header-bgColor: var(--bgColor-default);
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
  --selectMenu-borderColor: var(--borderColor-default);
  --selection-bgColor: #1f6febb3;
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
  --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
  --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
  --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
  --tooltip-bgColor: var(--bgColor-emphasis);
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
  --underlineNav-iconColor-rest: var(--fgColor-muted);
  --avatar-borderColor: var(--borderColor-translucent);
  --border-closed-emphasis: var(--border-danger-emphasis);
  --border-closed-muted: var(--border-danger-muted);
  --border-muted: 0.0625rem solid #3d444db3;
  --border-neut