@primer/primitives
Version:
Typography, spacing, and color primitives for Primer design system
844 lines • 121 kB
CSS
/**
* @spec See /DESIGN_TOKENS_SPEC.md for naming logic and semantic pairings.
* @rule Never use raw values (hex/px). Use semantic tokens ONLY.
*/
[data-color-mode="dark"][data-dark-theme="dark_colorblind_high_contrast"],
[data-color-mode="auto"][data-light-theme="dark_colorblind_high_contrast"] {
--ansi-cyan: #39c5cf; /** ANSI cyan for terminal text */
--ansi-cyanBright: #56d4dd; /** ANSI bright cyan for highlighted terminal text */
--button-primary-bgColor-active: #3685f3;
--button-primary-bgColor-hover: #2a7aef;
--button-primary-borderColor-disabled: #1158c7;
--control-checked-bgColor-active: #3c79d0;
--control-checked-bgColor-hover: #2b64c1;
--fgColor-accent: #74b9ff; /** Accent text for links and interactive elements */
--fgColor-done: #d3abff; /** Text color for completed/done state indicators */
--fgColor-sponsors: #ff90c8; /** Text color for GitHub Sponsors content */
--reactionButton-selected-bgColor-hover: #3a8cfd5c;
--ansi-black: #2f3742; /** ANSI black for terminal text and backgrounds */
--ansi-blackBright: #656c76; /** ANSI bright black (dark gray) for dimmed terminal text */
--ansi-blue: #71b7ff; /** ANSI blue for informational terminal text */
--ansi-blueBright: #91cbff; /** ANSI bright blue for highlighted info in terminal */
--ansi-gray: #656c76; /** ANSI gray for secondary terminal text */
--ansi-green: #71b7ff; /** ANSI green for success indicators in terminal */
--ansi-greenBright: #91cbff; /** ANSI bright green for highlighted success in terminal */
--ansi-magenta: #cb9eff; /** ANSI magenta for special terminal text */
--ansi-magentaBright: #dbb7ff; /** ANSI bright magenta for highlighted special text */
--ansi-red: #fe9a2d; /** ANSI red for errors and alerts in terminal output */
--ansi-redBright: #ffb757; /** ANSI bright red for highlighted errors in terminal */
--ansi-white: #f0f6fc; /** ANSI white for terminal text */
--ansi-yellow: #f0b72f; /** ANSI yellow for warnings in terminal output */
--ansi-yellowBright: #f7c843; /** ANSI bright yellow for highlighted warnings in terminal */
--avatar-shadow: 0 0 0 2px #0d1117;
--avatarStack-fade-bgColor-default: #3d444d;
--avatarStack-fade-bgColor-muted: #2a313c;
--bgColor-accent-emphasis: #194fb1; /** Strong accent background for active states and focused states */
--bgColor-accent-muted: #5cacff1a; /** Subtle accent background for informational or selected elements */
--bgColor-attention-emphasis: #7b4900; /** Strong attention background for prominent warnings */
--bgColor-attention-muted: #edaa2726; /** Subtle attention background for warnings and caution states */
--bgColor-danger-emphasis: #8f3c00; /** Emphasized danger background for critical errors and delete confirmations */
--bgColor-danger-muted: #ff80801a; /** Muted danger background for error states and destructive action contexts */
--bgColor-disabled: #262c36; /** Background for disabled interactive elements */
--bgColor-done-emphasis: #6921d7; /** Strong background for completed/done state badges and labels */
--bgColor-done-muted: #bf8fff26; /** Subtle background for completed/done state indicators */
--bgColor-emphasis: #3d444d; /** High-emphasis dark background for strong visual contrast */
--bgColor-muted: #151b23; /** Muted background for secondary content areas and subtle grouping */
--bgColor-neutral-emphasis: #3d444d; /** Strong neutral background for prominent neutral elements */
--bgColor-neutral-muted: #212830; /** Subtle neutral background for tags, labels, and secondary UI elements */
--bgColor-open-emphasis: #8f3c00; /** Strong background for open state badges and labels */
--bgColor-open-muted: #f48b251a; /** Subtle background for open state indicators (issues, PRs) */
--bgColor-severe-emphasis: #8f3c00; /** Strong severe background for prominent high-priority warnings */
--bgColor-severe-muted: #f48b251a; /** Subtle severe background for high-priority warnings */
--bgColor-sponsors-emphasis: #9c1d6a; /** Strong background for prominent GitHub Sponsors elements */
--bgColor-sponsors-muted: #f87cbd1a; /** Subtle background for GitHub Sponsors content */
--bgColor-success-emphasis: #194fb1; /** Strong success background for prominent positive actions */
--bgColor-success-muted: #5cacff33; /** Subtle success background for positive feedback and completed states */
--bgColor-transparent: #00000000; /** Fully transparent background */
--borderColor-accent-emphasis: #409eff; /** Strong accent border for selected or focused elements */
--borderColor-accent-muted: #5cacff; /** Subtle accent border for selected or focused elements */
--borderColor-attention-emphasis: #e09b13; /** Strong attention border for prominent warnings */
--borderColor-attention-muted: #edaa27; /** Subtle attention border for warnings and caution states */
--borderColor-danger-emphasis: #e7811d; /** Strong danger border for destructive actions and errors */
--borderColor-danger-muted: #f48b25; /** Subtle danger border for errors and destructive contexts */
--borderColor-default: #b7bdc8; /** Default border color for most UI elements */
--borderColor-disabled: #656c761a; /** Border color for disabled interactive elements */
--borderColor-done-emphasis: #b87fff; /** Strong border for completed/done state badges */
--borderColor-done-muted: #bf8fff; /** Subtle border for completed/done state indicators */
--borderColor-open-emphasis: #e7811d; /** Strong border for open state badges */
--borderColor-open-muted: #f48b25; /** Subtle border for open state indicators */
--borderColor-severe-emphasis: #e7811d; /** Strong severe border for prominent high-priority warnings */
--borderColor-severe-muted: #e7811d; /** Subtle severe border for high-priority warnings */
--borderColor-sponsors-emphasis: #ef6eb1; /** Strong border for prominent GitHub Sponsors elements */
--borderColor-sponsors-muted: #f87cbd; /** Subtle border for GitHub Sponsors content */
--borderColor-success-emphasis: #409eff; /** Strong success border for prominent positive elements */
--borderColor-success-muted: #5cacff; /** Subtle success border for positive feedback elements */
--borderColor-translucent: #9198a1; /** Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
--borderColor-transparent: #00000000; /** Fully transparent border */
--button-danger-bgColor-hover: #8f3c00;
--button-danger-borderColor-hover: #ffb757;
--button-danger-fgColor-rest: #ffb757;
--button-danger-shadow-selected: 0 0 0 0 #00000000;
--button-default-shadow-resting: 0 0 0 0 #00000000;
--button-inactive-bgColor: #262c36;
--button-inactive-fgColor: #b7bdc8;
--button-invisible-bgColor-active: #212830;
--button-invisible-bgColor-disabled: #00000000;
--button-invisible-bgColor-hover: #151b23;
--button-invisible-borderColor-disabled: #00000000;
--button-invisible-iconColor-hover: #d1d7e0;
--button-invisible-iconColor-rest: #d1d7e0;
--button-outline-bgColor-active: #2672f3;
--button-outline-bgColor-rest: #f0f6fc;
--button-outline-fgColor-disabled: #74b9ff80;
--button-outline-fgColor-hover: #71b7ff;
--button-outline-fgColor-rest: #5cacff;
--button-outline-shadow-selected: 0 0 0 0 #00000000;
--button-primary-bgColor-disabled: #318bf8;
--button-primary-borderColor-rest: #91cbff;
--button-primary-shadow-selected: 0 0 0 0 #00000000;
--button-star-iconColor: #f7c843;
--buttonCounter-default-bgColor-rest: #2f3742;
--buttonCounter-outline-bgColor-hover: #194fb133;
--buttonCounter-outline-bgColor-rest: #194fb133;
--buttonCounter-outline-fgColor-disabled: #74b9ff80;
--buttonCounter-outline-fgColor-hover: #71b7ff;
--buttonCounter-outline-fgColor-rest: #5cacff;
--buttonKeybindingHint-danger-bgColor-active: #01040966;
--buttonKeybindingHint-danger-bgColor-hover: #01040933;
--buttonKeybindingHint-danger-borderColor-hover: #ffffff;
--buttonKeybindingHint-default-bgColor-rest: #262c36;
--buttonKeybindingHint-inactive-bgColor: #262c36;
--buttonKeybindingHint-primary-borderColor-rest: #ffffff;
--codeMirror-selection-bgColor: #5cacff66;
--codeMirror-syntax-fgColor-comment: #656c76;
--codeMirror-syntax-fgColor-constant: #91cbff;
--codeMirror-syntax-fgColor-entity: #dbb7ff;
--codeMirror-syntax-fgColor-keyword: #fe9a2d;
--codeMirror-syntax-fgColor-storage: #fe9a2d;
--codeMirror-syntax-fgColor-string: #addcff;
--codeMirror-syntax-fgColor-support: #91cbff;
--codeMirror-syntax-fgColor-variable: #ffb757;
--color-ansi-cyan: var(--ansi-cyan); /** Deprecated. Use ansi.cyan instead. */
--color-ansi-cyan-bright: var(--ansi-cyanBright); /** Deprecated. Use ansi.cyanBright instead. */
--contribution-default-bgColor-1: #007728;
--contribution-default-bgColor-2: #02a232;
--contribution-default-bgColor-3: #0ac740;
--contribution-default-bgColor-4: #4ae168;
--contribution-default-borderColor-0: #ffffff;
--contribution-halloween-bgColor-1: #fac68f;
--contribution-halloween-bgColor-2: #c46212;
--contribution-halloween-bgColor-3: #984b10;
--contribution-halloween-bgColor-4: #e3d04f;
--contribution-winter-bgColor-1: #1e60d5;
--contribution-winter-bgColor-2: #318bf8;
--contribution-winter-bgColor-3: #71b7ff;
--contribution-winter-bgColor-4: #caeaff;
--control-bgColor-active: #2f3742;
--control-bgColor-hover: #2a313c;
--control-bgColor-rest: #262c36;
--control-borderColor-selected: #f0f6fc;
--control-checked-borderColor-active: #91cbff;
--control-checked-borderColor-hover: #91cbff;
--control-checked-borderColor-rest: #91cbff;
--control-fgColor-placeholder: #b7bdc8;
--control-transparent-bgColor-active: #3d444d;
--control-transparent-bgColor-hover: #2f3742;
--control-transparent-bgColor-rest: #00000000;
--control-transparent-bgColor-selected: #2f3742;
--control-transparent-borderColor-rest: #00000000;
--controlKnob-bgColor-rest: #2a313c;
--controlTrack-bgColor-active: #3d444d;
--controlTrack-bgColor-hover: #2f3742;
--data-auburn-color-emphasis: #a86f6b;
--data-auburn-color-muted: #271817;
--data-blue-color-emphasis: #0576ff;
--data-blue-color-muted: #001a47;
--data-brown-color-emphasis: #94774c;
--data-brown-color-muted: #241c14;
--data-coral-color-emphasis: #e1430e;
--data-coral-color-muted: #351008;
--data-gray-color-emphasis: #576270;
--data-gray-color-muted: #1c1c1c;
--data-green-color-emphasis: #2f6f37;
--data-green-color-muted: #122117;
--data-lemon-color-emphasis: #977b0c;
--data-lemon-color-muted: #291d00;
--data-lime-color-emphasis: #5f892f;
--data-lime-color-muted: #141f0f;
--data-olive-color-emphasis: #7a8321;
--data-olive-color-muted: #171e0b;
--data-orange-color-emphasis: #984b10;
--data-orange-color-muted: #311708;
--data-pine-color-emphasis: #18915e;
--data-pine-color-muted: #082119;
--data-pink-color-emphasis: #d34591;
--data-pink-color-muted: #2d1524;
--data-plum-color-emphasis: #b643ef;
--data-plum-color-muted: #2a0e3f;
--data-purple-color-emphasis: #975bf1;
--data-purple-color-muted: #211047;
--data-red-color-emphasis: #eb3342;
--data-red-color-muted: #3c0614;
--data-teal-color-emphasis: #106c70;
--data-teal-color-muted: #041f25;
--data-yellow-color-emphasis: #895906;
--data-yellow-color-muted: #2e1a00;
--diffBlob-additionNum-bgColor: #71b7ff4d;
--diffBlob-deletionNum-bgColor: #f48b254d;
--diffBlob-deletionWord-bgColor: #f48b2566;
--diffBlob-hunkLine-bgColor: #212830;
--diffBlob-hunkNum-bgColor-hover: #656c76;
--diffBlob-hunkNum-bgColor-rest: #2f3742;
--display-auburn-bgColor-emphasis: #6d4340;
--display-auburn-bgColor-muted: #271817;
--display-auburn-borderColor-emphasis: #bf9592;
--display-auburn-borderColor-muted: #3a2422;
--display-auburn-fgColor: #d4b7b5;
--display-auburn-scale-0: #271817;
--display-auburn-scale-1: #3a2422;
--display-auburn-scale-2: #543331;
--display-auburn-scale-3: #6d4340;
--display-auburn-scale-4: #87534f;
--display-auburn-scale-5: #a86f6b;
--display-auburn-scale-6: #bf9592;
--display-auburn-scale-7: #c6a19f;
--display-auburn-scale-8: #d4b7b5;
--display-auburn-scale-9: #dfcac8;
--display-blue-bgColor-emphasis: #0046a8;
--display-blue-bgColor-muted: #001a47;
--display-blue-borderColor-emphasis: #4da0ff;
--display-blue-borderColor-muted: #002766;
--display-blue-fgColor: #85c2ff;
--display-blue-scale-0: #001a47;
--display-blue-scale-1: #002766;
--display-blue-scale-2: #00378a;
--display-blue-scale-3: #0046a8;
--display-blue-scale-4: #005bd1;
--display-blue-scale-5: #0576ff;
--display-blue-scale-6: #4da0ff;
--display-blue-scale-7: #61adff;
--display-blue-scale-8: #85c2ff;
--display-blue-scale-9: #a3d3ff;
--display-brown-bgColor-emphasis: #5d4a32;
--display-brown-bgColor-muted: #241c14;
--display-brown-borderColor-emphasis: #b69a6d;
--display-brown-borderColor-muted: #342a1d;
--display-brown-fgColor: #cdbb98;
--display-brown-scale-0: #241c14;
--display-brown-scale-1: #342a1d;
--display-brown-scale-2: #483a28;
--display-brown-scale-3: #5d4a32;
--display-brown-scale-4: #755e3e;
--display-brown-scale-5: #94774c;
--display-brown-scale-6: #b69a6d;
--display-brown-scale-7: #bfa77d;
--display-brown-scale-8: #cdbb98;
--display-brown-scale-9: #dbceb3;
--display-coral-bgColor-emphasis: #902a0e;
--display-coral-bgColor-muted: #3c0614;
--display-coral-borderColor-emphasis: #f7794b;
--display-coral-borderColor-muted: #58091a;
--display-coral-fgColor: #fdaa86;
--display-coral-scale-0: #351008;
--display-coral-scale-1: #51180b;
--display-coral-scale-2: #72220d;
--display-coral-scale-3: #902a0e;
--display-coral-scale-4: #b3350f;
--display-coral-scale-5: #e1430e;
--display-coral-scale-6: #f7794b;
--display-coral-scale-7: #fa8c61;
--display-coral-scale-8: #fdaa86;
--display-coral-scale-9: #ffc0a3;
--display-cyan-bgColor-emphasis: #02536f;
--display-cyan-bgColor-muted: #001f29;
--display-cyan-borderColor-emphasis: #07ace4;
--display-cyan-borderColor-muted: #002e3d;
--display-cyan-fgColor: #45cbf7;
--display-cyan-scale-0: #001f29;
--display-cyan-scale-1: #002e3d;
--display-cyan-scale-2: #014156;
--display-cyan-scale-3: #02536f;
--display-cyan-scale-4: #036a8c;
--display-cyan-scale-5: #0587b3;
--display-cyan-scale-6: #07ace4;
--display-cyan-scale-7: #09b7f1;
--display-cyan-scale-8: #45cbf7;
--display-cyan-scale-9: #80dbf9;
--display-gray-bgColor-emphasis: #474e57;
--display-gray-bgColor-muted: #1c1c1c;
--display-gray-borderColor-emphasis: #92a1b5;
--display-gray-borderColor-muted: #2a2b2d;
--display-gray-fgColor: #b3c0d1;
--display-gray-scale-0: #1c1c1c;
--display-gray-scale-1: #2a2b2d;
--display-gray-scale-2: #393d41;
--display-gray-scale-3: #474e57;
--display-gray-scale-4: #576270;
--display-gray-scale-5: #6e7f96;
--display-gray-scale-6: #92a1b5;
--display-gray-scale-7: #9babbf;
--display-gray-scale-8: #b3c0d1;
--display-gray-scale-9: #c4cfde;
--display-green-bgColor-emphasis: #285830;
--display-green-bgColor-muted: #122117;
--display-green-borderColor-emphasis: #41b445;
--display-green-borderColor-muted: #182f1f;
--display-green-fgColor: #75d36f;
--display-green-scale-0: #122117;
--display-green-scale-1: #182f1f;
--display-green-scale-2: #214529;
--display-green-scale-3: #285830;
--display-green-scale-4: #2f6f37;
--display-green-scale-5: #388f3f;
--display-green-scale-6: #41b445;
--display-green-scale-7: #46c144;
--display-green-scale-8: #75d36f;
--display-green-scale-9: #99e090;
--display-indigo-bgColor-emphasis: #3935c0;
--display-indigo-bgColor-muted: #1b183f;
--display-indigo-borderColor-emphasis: #9899ec;
--display-indigo-borderColor-muted: #25215f;
--display-indigo-fgColor: #b7baf6;
--display-indigo-scale-0: #1b183f;
--display-indigo-scale-1: #25215f;
--display-indigo-scale-2: #312c90;
--display-indigo-scale-3: #3935c0;
--display-indigo-scale-4: #514ed4;
--display-indigo-scale-5: #7070e1;
--display-indigo-scale-6: #9899ec;
--display-indigo-scale-7: #a2a5f1;
--display-indigo-scale-8: #b7baf6;
--display-indigo-scale-9: #c8cbf9;
--display-lemon-bgColor-emphasis: #614c05;
--display-lemon-bgColor-muted: #291d00;
--display-lemon-borderColor-emphasis: #ba9b12;
--display-lemon-borderColor-muted: #372901;
--display-lemon-fgColor: #d7bc1d;
--display-lemon-scale-0: #291d00;
--display-lemon-scale-1: #372901;
--display-lemon-scale-2: #4f3c02;
--display-lemon-scale-3: #614c05;
--display-lemon-scale-4: #786008;
--display-lemon-scale-5: #977b0c;
--display-lemon-scale-6: #ba9b12;
--display-lemon-scale-7: #c4a717;
--display-lemon-scale-8: #d7bc1d;
--display-lemon-scale-9: #e3d04f;
--display-lime-bgColor-emphasis: #375421;
--display-lime-bgColor-muted: #141f0f;
--display-lime-borderColor-emphasis: #7dae37;
--display-lime-borderColor-muted: #1f3116;
--display-lime-fgColor: #9fcc3e;
--display-lime-scale-0: #141f0f;
--display-lime-scale-1: #1f3116;
--display-lime-scale-2: #2c441d;
--display-lime-scale-3: #375421;
--display-lime-scale-4: #496c28;
--display-lime-scale-5: #5f892f;
--display-lime-scale-6: #7dae37;
--display-lime-scale-7: #89ba36;
--display-lime-scale-8: #9fcc3e;
--display-lime-scale-9: #bcda67;
--display-olive-bgColor-emphasis: #485219;
--display-olive-bgColor-muted: #171e0b;
--display-olive-borderColor-emphasis: #a2a626;
--display-olive-borderColor-muted: #252d10;
--display-olive-fgColor: #cbc025;
--display-olive-scale-0: #171e0b;
--display-olive-scale-1: #252d10;
--display-olive-scale-2: #374115;
--display-olive-scale-3: #485219;
--display-olive-scale-4: #5e681d;
--display-olive-scale-5: #7a8321;
--display-olive-scale-6: #a2a626;
--display-olive-scale-7: #b2af24;
--display-olive-scale-8: #cbc025;
--display-olive-scale-9: #e2d04b;
--display-orange-bgColor-emphasis: #7b3c0e;
--display-orange-bgColor-muted: #311708;
--display-orange-borderColor-emphasis: #ed8326;
--display-orange-borderColor-muted: #43200a;
--display-orange-fgColor: #f6b06a;
--display-orange-scale-0: #311708;
--display-orange-scale-1: #43200a;
--display-orange-scale-2: #632f0d;
--display-orange-scale-3: #7b3c0e;
--display-orange-scale-4: #984b10;
--display-orange-scale-5: #c46212;
--display-orange-scale-6: #ed8326;
--display-orange-scale-7: #f1933b;
--display-orange-scale-8: #f6b06a;
--display-orange-scale-9: #fac68f;
--display-pine-bgColor-emphasis: #115a3e;
--display-pine-bgColor-muted: #082119;
--display-pine-borderColor-emphasis: #1bb673;
--display-pine-borderColor-muted: #0b3224;
--display-pine-fgColor: #1bda81;
--display-pine-scale-0: #082119;
--display-pine-scale-1: #0b3224;
--display-pine-scale-2: #0e4430;
--display-pine-scale-3: #115a3e;
--display-pine-scale-4: #14714c;
--display-pine-scale-5: #18915e;
--display-pine-scale-6: #1bb673;
--display-pine-scale-7: #1ac176;
--display-pine-scale-8: #1bda81;
--display-pine-scale-9: #3eea97;
--display-pink-bgColor-emphasis: #842a5d;
--display-pink-bgColor-muted: #2d1524;
--display-pink-borderColor-emphasis: #e57bb2;
--display-pink-borderColor-muted: #451c35;
--display-pink-fgColor: #f4a9cd;
--display-pink-scale-0: #2d1524;
--display-pink-scale-1: #451c35;
--display-pink-scale-2: #65244a;
--display-pink-scale-3: #842a5d;
--display-pink-scale-4: #ac2f74;
--display-pink-scale-5: #d34591;
--display-pink-scale-6: #e57bb2;
--display-pink-scale-7: #ec8dbd;
--display-pink-scale-8: #f4a9cd;
--display-pink-scale-9: #f9bed9;
--display-plum-bgColor-emphasis: #7517ab;
--display-plum-bgColor-muted: #2a0e3f;
--display-plum-borderColor-emphasis: #d07ef7;
--display-plum-borderColor-muted: #40125e;
--display-plum-fgColor: #e4a5fd;
--display-plum-scale-0: #2a0e3f;
--display-plum-scale-1: #40125e;
--display-plum-scale-2: #5c1688;
--display-plum-scale-3: #7517ab;
--display-plum-scale-4: #9518d8;
--display-plum-scale-5: #b643ef;
--display-plum-scale-6: #d07ef7;
--display-plum-scale-7: #d889fa;
--display-plum-scale-8: #e4a5fd;
--display-plum-scale-9: #edbdff;
--display-purple-bgColor-emphasis: #5b1cca;
--display-purple-bgColor-muted: #211047;
--display-purple-borderColor-emphasis: #b687f7;
--display-purple-borderColor-muted: #31146b;
--display-purple-fgColor: #d2affd;
--display-purple-scale-0: #211047;
--display-purple-scale-1: #31146b;
--display-purple-scale-2: #481a9e;
--display-purple-scale-3: #5b1cca;
--display-purple-scale-4: #7730e8;
--display-purple-scale-5: #975bf1;
--display-purple-scale-6: #b687f7;
--display-purple-scale-7: #c398fb;
--display-purple-scale-8: #d2affd;
--display-purple-scale-9: #e1c7ff;
--display-red-bgColor-emphasis: #990f24;
--display-red-bgColor-muted: #3c0614;
--display-red-borderColor-emphasis: #f27d83;
--display-red-borderColor-muted: #58091a;
--display-red-fgColor: #f7adab;
--display-red-scale-0: #3c0614;
--display-red-scale-1: #58091a;
--display-red-scale-2: #790c20;
--display-red-scale-3: #990f24;
--display-red-scale-4: #c31328;
--display-red-scale-5: #eb3342;
--display-red-scale-6: #f27d83;
--display-red-scale-7: #f48b8d;
--display-red-scale-8: #f7adab;
--display-red-scale-9: #f9c1be;
--display-teal-bgColor-emphasis: #0c555a;
--display-teal-bgColor-muted: #041f25;
--display-teal-borderColor-emphasis: #1cb0ab;
--display-teal-borderColor-muted: #073036;
--display-teal-fgColor: #24d6c4;
--display-teal-scale-0: #041f25;
--display-teal-scale-1: #073036;
--display-teal-scale-2: #0a464d;
--display-teal-scale-3: #0c555a;
--display-teal-scale-4: #106c70;
--display-teal-scale-5: #158a8a;
--display-teal-scale-6: #1cb0ab;
--display-teal-scale-7: #1fbdb2;
--display-teal-scale-8: #24d6c4;
--display-teal-scale-9: #5fe3d1;
--display-yellow-bgColor-emphasis: #6d4403;
--display-yellow-bgColor-muted: #2e1a00;
--display-yellow-borderColor-emphasis: #d3910d;
--display-yellow-borderColor-muted: #3d2401;
--display-yellow-fgColor: #edb431;
--display-yellow-scale-0: #2e1a00;
--display-yellow-scale-1: #3d2401;
--display-yellow-scale-2: #5a3702;
--display-yellow-scale-3: #6d4403;
--display-yellow-scale-4: #895906;
--display-yellow-scale-5: #aa7109;
--display-yellow-scale-6: #d3910d;
--display-yellow-scale-7: #df9e11;
--display-yellow-scale-8: #edb431;
--display-yellow-scale-9: #f0ca6a;
--fgColor-attention: #f0b72f; /** Attention text for warnings and caution states */
--fgColor-danger: #ffb757; /** Danger text for errors and destructive actions */
--fgColor-disabled: #656c76; /** Text color for disabled interactive elements */
--fgColor-link: var(--fgColor-accent); /** Text color for hyperlinks */
--fgColor-muted: #b7bdc8; /** Muted text for secondary content and less important information */
--fgColor-neutral: #d1d7e0; /** Neutral semantic text for icons and secondary elements */
--fgColor-open: #ffb757; /** Text color for open state indicators (issues, PRs) */
--fgColor-severe: #fe9a2d; /** Severe text for high-priority warnings */
--fgColor-success: #addcff; /** Success text for positive feedback and completed states */
--fgColor-upsell: var(--fgColor-done); /** Text color for upsell and promotional content */
--header-bgColor: #151b23f2;
--header-borderColor-divider: #656c76;
--header-fgColor-logo: #f0f6fc;
--headerSearch-bgColor: #0d1117;
--headerSearch-borderColor: #2a313c;
--highlight-neutral-bgColor: #f0b72f66;
--label-auburn-bgColor-active: #543331;
--label-auburn-bgColor-hover: #3a2422;
--label-auburn-bgColor-rest: #271817;
--label-auburn-fgColor-active: #d4b7b5;
--label-auburn-fgColor-hover: #c6a19f;
--label-auburn-fgColor-rest: #bf9592;
--label-blue-bgColor-active: #00378a;
--label-blue-bgColor-hover: #002766;
--label-blue-bgColor-rest: #001a47;
--label-blue-fgColor-active: #85c2ff;
--label-blue-fgColor-hover: #61adff;
--label-blue-fgColor-rest: #4da0ff;
--label-brown-bgColor-active: #483a28;
--label-brown-bgColor-hover: #342a1d;
--label-brown-bgColor-rest: #241c14;
--label-brown-fgColor-active: #cdbb98;
--label-brown-fgColor-hover: #bfa77d;
--label-brown-fgColor-rest: #b69a6d;
--label-coral-bgColor-active: #72220d;
--label-coral-bgColor-hover: #51180b;
--label-coral-bgColor-rest: #351008;
--label-coral-fgColor-active: #fdaa86;
--label-coral-fgColor-hover: #fa8c61;
--label-coral-fgColor-rest: #f7794b;
--label-cyan-bgColor-active: #014156;
--label-cyan-bgColor-hover: #002e3d;
--label-cyan-bgColor-rest: #001f29;
--label-cyan-fgColor-active: #45cbf7;
--label-cyan-fgColor-hover: #09b7f1;
--label-cyan-fgColor-rest: #07ace4;
--label-gray-bgColor-active: #393d41;
--label-gray-bgColor-hover: #2a2b2d;
--label-gray-bgColor-rest: #1c1c1c;
--label-gray-fgColor-active: #b3c0d1;
--label-gray-fgColor-hover: #9babbf;
--label-gray-fgColor-rest: #92a1b5;
--label-green-bgColor-active: #214529;
--label-green-bgColor-hover: #182f1f;
--label-green-bgColor-rest: #122117;
--label-green-fgColor-active: #75d36f;
--label-green-fgColor-hover: #46c144;
--label-green-fgColor-rest: #41b445;
--label-indigo-bgColor-active: #312c90;
--label-indigo-bgColor-hover: #25215f;
--label-indigo-bgColor-rest: #1b183f;
--label-indigo-fgColor-active: #b7baf6;
--label-indigo-fgColor-hover: #a2a5f1;
--label-indigo-fgColor-rest: #9899ec;
--label-lemon-bgColor-active: #4f3c02;
--label-lemon-bgColor-hover: #372901;
--label-lemon-bgColor-rest: #291d00;
--label-lemon-fgColor-active: #d7bc1d;
--label-lemon-fgColor-hover: #c4a717;
--label-lemon-fgColor-rest: #ba9b12;
--label-lime-bgColor-active: #2c441d;
--label-lime-bgColor-hover: #1f3116;
--label-lime-bgColor-rest: #141f0f;
--label-lime-fgColor-active: #9fcc3e;
--label-lime-fgColor-hover: #89ba36;
--label-lime-fgColor-rest: #7dae37;
--label-olive-bgColor-active: #374115;
--label-olive-bgColor-hover: #252d10;
--label-olive-bgColor-rest: #171e0b;
--label-olive-fgColor-active: #cbc025;
--label-olive-fgColor-hover: #b2af24;
--label-olive-fgColor-rest: #a2a626;
--label-orange-bgColor-active: #632f0d;
--label-orange-bgColor-hover: #43200a;
--label-orange-bgColor-rest: #311708;
--label-orange-fgColor-active: #f6b06a;
--label-orange-fgColor-hover: #f1933b;
--label-orange-fgColor-rest: #ed8326;
--label-pine-bgColor-active: #0e4430;
--label-pine-bgColor-hover: #0b3224;
--label-pine-bgColor-rest: #082119;
--label-pine-fgColor-active: #1bda81;
--label-pine-fgColor-hover: #1ac176;
--label-pine-fgColor-rest: #1bb673;
--label-pink-bgColor-active: #65244a;
--label-pink-bgColor-hover: #451c35;
--label-pink-bgColor-rest: #2d1524;
--label-pink-fgColor-active: #f4a9cd;
--label-pink-fgColor-hover: #ec8dbd;
--label-pink-fgColor-rest: #e57bb2;
--label-plum-bgColor-active: #5c1688;
--label-plum-bgColor-hover: #40125e;
--label-plum-bgColor-rest: #2a0e3f;
--label-plum-fgColor-active: #e4a5fd;
--label-plum-fgColor-hover: #d889fa;
--label-plum-fgColor-rest: #d07ef7;
--label-purple-bgColor-active: #481a9e;
--label-purple-bgColor-hover: #31146b;
--label-purple-bgColor-rest: #211047;
--label-purple-fgColor-active: #d2affd;
--label-purple-fgColor-hover: #c398fb;
--label-purple-fgColor-rest: #b687f7;
--label-red-bgColor-active: #790c20;
--label-red-bgColor-hover: #58091a;
--label-red-bgColor-rest: #3c0614;
--label-red-fgColor-active: #f7adab;
--label-red-fgColor-hover: #f48b8d;
--label-red-fgColor-rest: #f27d83;
--label-teal-bgColor-active: #0a464d;
--label-teal-bgColor-hover: #073036;
--label-teal-bgColor-rest: #041f25;
--label-teal-fgColor-active: #24d6c4;
--label-teal-fgColor-hover: #1fbdb2;
--label-teal-fgColor-rest: #1cb0ab;
--label-yellow-bgColor-active: #5a3702;
--label-yellow-bgColor-hover: #3d2401;
--label-yellow-bgColor-rest: #2e1a00;
--label-yellow-fgColor-active: #edb431;
--label-yellow-fgColor-hover: #df9e11;
--label-yellow-fgColor-rest: #d3910d;
--menu-bgColor-active: #151b23;
--overlay-backdrop-bgColor: #d1d7e066;
--prettylights-syntax-bracketHighlighterAngle: #9198a1; /** Syntax highlighting color for angle brackets */
--prettylights-syntax-bracketHighlighterUnmatched: #f48b25; /** Syntax highlighting color for unmatched brackets */
--prettylights-syntax-carriageReturn-bg: #d57014; /** Background color for carriage return characters in diffs */
--prettylights-syntax-carriageReturn-text: #f0f6fc; /** Text color for carriage return characters in diffs */
--prettylights-syntax-comment: #9198a1; /** Syntax highlighting color for code comments */
--prettylights-syntax-constant: #91cbff; /** Syntax highlighting color for constants and literal values */
--prettylights-syntax-constantOtherReferenceLink: #addcff; /** Syntax highlighting color for reference links and URLs in code */
--prettylights-syntax-entity: #dbb7ff; /** Syntax highlighting color for class names, type definitions, and declarations */
--prettylights-syntax-entityTag: #addcff; /** Syntax highlighting color for HTML/XML tags */
--prettylights-syntax-keyword: #fe9a2d; /** Syntax highlighting color for language keywords (if, else, return) */
--prettylights-syntax-markup-bold: #f0f6fc; /** Syntax highlighting color for bold text in markdown */
--prettylights-syntax-markup-changed-bg: #a74c00; /** Background color for changed lines in diff views */
--prettylights-syntax-markup-changed-text: #ffe1b4; /** Text color for changed lines in diff views */
--prettylights-syntax-markup-deleted-bg: #a74c00; /** Background color for deleted lines in diff views */
--prettylights-syntax-markup-deleted-text: #ffe1b4; /** Text color for deleted lines in diff views */
--prettylights-syntax-markup-heading: #409eff; /** Syntax highlighting color for headings in markdown */
--prettylights-syntax-markup-ignored-bg: #318bf8; /** Background color for ignored content in diffs */
--prettylights-syntax-markup-ignored-text: #f0f6fc; /** Text color for ignored content in diffs */
--prettylights-syntax-markup-inserted-bg: #1e60d5; /** Background color for inserted lines in diff views */
--prettylights-syntax-markup-inserted-text: #caeaff; /** Text color for inserted lines in diff views */
--prettylights-syntax-markup-italic: #f0f6fc; /** Syntax highlighting color for italic text in markdown */
--prettylights-syntax-markup-list: #fbd669; /** Syntax highlighting color for list markers in markdown */
--prettylights-syntax-metaDiffRange: #dbb7ff; /** Syntax highlighting color for diff range information (@@ lines) */
--prettylights-syntax-storageModifierImport: #f0f6fc; /** Syntax highlighting color for import and require statements */
--prettylights-syntax-string: #addcff; /** Syntax highlighting color for string literals */
--prettylights-syntax-stringRegexp: #addcff; /** Syntax highlighting color for regular expression literals */
--prettylights-syntax-sublimeLinterGutterMark: #3d444d; /** Color for linter gutter marks in code editors */
--prettylights-syntax-variable: #ffb757; /** Syntax highlighting color for variables and parameters */
--progressBar-bgColor-neutral: #656c76;
--reactionButton-selected-bgColor-rest: #5cacff33;
--reactionButton-selected-fgColor-hover: #91cbff;
--selectMenu-bgColor-active: #1e60d5;
--sideNav-bgColor-selected: #212830;
--skeletonLoader-bgColor: #2a313c;
--timelineBadge-bgColor: #212830;
--underlineNav-borderColor-active: #ff967d;
--ansi-whiteBright: #ffffff; /** ANSI bright white for emphasized terminal text */
--avatar-bgColor: #ffffff1a;
--bgColor-black: #010409; /** Pure black background */
--bgColor-closed-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for closed state badges and labels */
--bgColor-closed-muted: #2128301a; /** Subtle background for closed state indicators (issues, PRs) */
--bgColor-default: #010409; /** Default background color for pages and main content areas */
--bgColor-draft-emphasis: var(--bgColor-neutral-emphasis); /** Strong background for draft state badges and labels */
--bgColor-draft-muted: #2128301a; /** Subtle background for draft state indicators */
--bgColor-inset: #010409; /** Inset background for recessed content areas like wells or sunken panels */
--bgColor-inverse: #ffffff; /** Inverse background that flips between light and dark modes */
--bgColor-upsell-emphasis: var(--bgColor-done-emphasis); /** Strong background for prominent upsell elements */
--bgColor-upsell-muted: var(--bgColor-done-muted); /** Subtle background for upsell and promotional content */
--bgColor-white: #ffffff; /** Pure white background */
--border-accent-emphasis: var(--borderWidth-default) solid var(--borderColor-accent-emphasis);
--border-accent-muted: var(--borderWidth-default) solid var(--borderColor-accent-muted);
--border-attention-emphasis: var(--borderWidth-default) solid var(--borderColor-attention-emphasis);
--border-attention-muted: var(--borderWidth-default) solid var(--borderColor-attention-muted);
--border-danger-emphasis: var(--borderWidth-default) solid var(--borderColor-danger-emphasis);
--border-danger-muted: var(--borderWidth-default) solid var(--borderColor-danger-muted);
--border-default: var(--borderWidth-default) solid var(--borderColor-default);
--border-disabled: var(--borderWidth-default) solid var(--borderColor-disabled);
--border-done-emphasis: var(--borderWidth-default) solid var(--borderColor-done-emphasis);
--border-done-muted: var(--borderWidth-default) solid var(--borderColor-done-muted);
--border-severe-emphasis: var(--borderWidth-default) solid var(--borderColor-severe-emphasis);
--border-severe-muted: var(--borderWidth-default) solid var(--borderColor-severe-muted);
--border-sponsors-emphasis: var(--borderWidth-default) solid var(--borderColor-sponsors-emphasis);
--border-sponsors-muted: var(--borderWidth-default) solid var(--borderColor-sponsors-muted);
--border-success-emphasis: var(--borderWidth-default) solid var(--borderColor-success-emphasis);
--border-success-muted: var(--borderWidth-default) solid var(--borderColor-success-muted);
--border-translucent: var(--borderWidth-default) solid var(--borderColor-translucent); /** Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design. */
--border-transparent: var(--borderWidth-default) solid var(--borderColor-transparent);
--borderColor-closed-muted: var(--borderColor-default); /** Subtle border for closed state indicators */
--borderColor-draft-muted: var(--borderColor-default); /** Subtle border for draft state indicators */
--borderColor-emphasis: var(--borderColor-default); /** Strong border for emphasis and visual weight */
--borderColor-muted: var(--borderColor-default); /** Subtle border for secondary elements and light separators */
--borderColor-upsell-emphasis: var(--borderColor-done-emphasis); /** Strong border for prominent upsell elements */
--borderColor-upsell-muted: var(--borderColor-done-muted); /** Subtle border for upsell and promotional content */
--button-danger-bgColor-active: var(--bgColor-danger-emphasis);
--button-danger-bgColor-rest: var(--control-bgColor-rest);
--button-danger-borderColor-active: var(--button-danger-borderColor-hover);
--button-danger-fgColor-active: #ffffff;
--button-danger-fgColor-disabled: #ffb75780;
--button-danger-fgColor-hover: #ffffff;
--button-danger-iconColor-hover: #ffffff;
--button-danger-iconColor-rest: var(--button-danger-fgColor-rest);
--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-rest: var(--control-transparent-bgColor-rest);
--button-invisible-borderColor-rest: var(--control-transparent-borderColor-rest);
--button-outline-bgColor-hover: var(--control-bgColor-hover);
--button-outline-fgColor-active: #ffffff;
--button-primary-bgColor-rest: var(--bgColor-success-emphasis);
--button-primary-borderColor-active: var(--button-primary-borderColor-rest);
--button-primary-borderColor-hover: var(--button-primary-borderColor-rest);
--button-primary-fgColor-disabled: #ffffff66;
--buttonCounter-danger-bgColor-disabled: #8f3c000d;
--buttonCounter-danger-bgColor-hover: #01040926;
--buttonCounter-danger-bgColor-rest: #01040926;
--buttonCounter-danger-fgColor-disabled: #ffb75780;
--buttonCounter-danger-fgColor-hover: #ffffff;
--buttonCounter-danger-fgColor-rest: var(--fgColor-danger);
--buttonCounter-invisible-bgColor-rest: var(--bgColor-neutral-muted);
--buttonCounter-outline-bgColor-disabled: #194fb10d;
--buttonCounter-primary-bgColor-rest: #01040926;
--buttonKeybindingHint-danger-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
--buttonKeybindingHint-danger-borderColor-active: var(--buttonKeybindingHint-danger-borderColor-hover);
--buttonKeybindingHint-default-bgColor-disabled: var(--buttonKeybindingHint-default-bgColor-rest);
--buttonKeybindingHint-default-fgColor-rest: var(--fgColor-muted);
--buttonKeybindingHint-inactive-fgColor: var(--button-inactive-fgColor);
--buttonKeybindingHint-invisible-bgColor-active: var(--control-transparent-bgColor-active);
--buttonKeybindingHint-invisible-bgColor-disabled: var(--button-invisible-bgColor-disabled);
--buttonKeybindingHint-invisible-bgColor-hover: var(--control-transparent-bgColor-hover);
--buttonKeybindingHint-invisible-bgColor-rest: var(--buttonKeybindingHint-default-bgColor-rest);
--buttonKeybindingHint-invisible-fgColor-rest: var(--fgColor-muted);
--card-bgColor: var(--bgColor-muted);
--codeMirror-activeline-bgColor: var(--bgColor-neutral-muted);
--codeMirror-gutterMarker-fgColor-muted: var(--fgColor-muted);
--codeMirror-lineNumber-fgColor: var(--fgColor-muted);
--color-ansi-black: var(--ansi-black); /** Deprecated. Use ansi.black instead. */
--color-ansi-black-bright: var(--ansi-blackBright); /** Deprecated. Use ansi.blackBright instead. */
--color-ansi-blue: var(--ansi-blue); /** Deprecated. Use ansi.blue instead. */
--color-ansi-blue-bright: var(--ansi-blueBright); /** Deprecated. Use ansi.blueBright instead. */
--color-ansi-gray: var(--ansi-gray); /** Deprecated. Use ansi.gray instead. */
--color-ansi-green: var(--ansi-green); /** Deprecated. Use ansi.green instead. */
--color-ansi-green-bright: var(--ansi-greenBright); /** Deprecated. Use ansi.greenBright instead. */
--color-ansi-magenta: var(--ansi-magenta); /** Deprecated. Use ansi.magenta instead. */
--color-ansi-magenta-bright: var(--ansi-magentaBright); /** Deprecated. Use ansi.magentaBright instead. */
--color-ansi-red: var(--ansi-red); /** Deprecated. Use ansi.red instead. */
--color-ansi-red-bright: var(--ansi-redBright); /** Deprecated. Use ansi.redBright instead. */
--color-ansi-white: var(--ansi-white); /** Deprecated. Use ansi.white instead. */
--color-ansi-yellow: var(--ansi-yellow); /** Deprecated. Use ansi.yellow instead. */
--color-ansi-yellow-bright: var(--ansi-yellowBright); /** Deprecated. Use ansi.yellowBright instead. */
--color-prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
--color-prettylights-syntax-brackethighlighter-unmatched: var(--prettylights-syntax-bracketHighlighterUnmatched); /** Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead. */
--color-prettylights-syntax-carriage-return-bg: var(--prettylights-syntax-carriageReturn-bg); /** Deprecated. Use prettylights.syntax.carriageReturn.bg instead. */
--color-prettylights-syntax-carriage-return-text: var(--prettylights-syntax-carriageReturn-text); /** Deprecated. Use prettylights.syntax.carriageReturn.text instead. */
--color-prettylights-syntax-comment: var(--prettylights-syntax-comment); /** Deprecated. Use prettylights.syntax.comment instead. */
--color-prettylights-syntax-constant: var(--prettylights-syntax-constant); /** Deprecated. Use prettylights.syntax.constant instead. */
--color-prettylights-syntax-constant-other-reference-link: var(--prettylights-syntax-constantOtherReferenceLink); /** Deprecated. Use prettylights.syntax.constantOtherReferenceLink instead. */
--color-prettylights-syntax-entity: var(--prettylights-syntax-entity); /** Deprecated. Use prettylights.syntax.entity instead. */
--color-prettylights-syntax-entity-tag: var(--prettylights-syntax-entityTag); /** Deprecated. Use prettylights.syntax.entityTag instead. */
--color-prettylights-syntax-keyword: var(--prettylights-syntax-keyword); /** Deprecated. Use prettylights.syntax.keyword instead. */
--color-prettylights-syntax-markup-bold: var(--prettylights-syntax-markup-bold); /** Deprecated. Use prettylights.syntax.markup.bold instead. */
--color-prettylights-syntax-markup-changed-bg: var(--prettylights-syntax-markup-changed-bg); /** Deprecated. Use prettylights.syntax.markup.changed.bg instead. */
--color-prettylights-syntax-markup-changed-text: var(--prettylights-syntax-markup-changed-text); /** Deprecated. Use prettylights.syntax.markup.changed.text instead. */
--color-prettylights-syntax-markup-deleted-bg: var(--prettylights-syntax-markup-deleted-bg); /** Deprecated. Use prettylights.syntax.markup.deleted.bg instead. */
--color-prettylights-syntax-markup-deleted-text: var(--prettylights-syntax-markup-deleted-text); /** Deprecated. Use prettylights.syntax.markup.deleted.text instead. */
--color-prettylights-syntax-markup-heading: var(--prettylights-syntax-markup-heading); /** Deprecated. Use prettylights.syntax.markup.heading instead. */
--color-prettylights-syntax-markup-ignored-bg: var(--prettylights-syntax-markup-ignored-bg); /** Deprecated. Use prettylights.syntax.markup.ignored.bg instead. */
--color-prettylights-syntax-markup-ignored-text: var(--prettylights-syntax-markup-ignored-text); /** Deprecated. Use prettylights.syntax.markup.ignored.text instead. */
--color-prettylights-syntax-markup-inserted-bg: var(--prettylights-syntax-markup-inserted-bg); /** Deprecated. Use prettylights.syntax.markup.inserted.bg instead. */
--color-prettylights-syntax-markup-inserted-text: var(--prettylights-syntax-markup-inserted-text); /** Deprecated. Use prettylights.syntax.markup.inserted.text instead. */
--color-prettylights-syntax-markup-italic: var(--prettylights-syntax-markup-italic); /** Deprecated. Use prettylights.syntax.markup.italic instead. */
--color-prettylights-syntax-markup-list: var(--prettylights-syntax-markup-list); /** Deprecated. Use prettylights.syntax.markup.list instead. */
--color-prettylights-syntax-meta-diff-range: var(--prettylights-syntax-metaDiffRange); /** Deprecated. Use prettylights.syntax.metaDiffRange instead. */
--color-prettylights-syntax-storage-modifier-import: var(--prettylights-syntax-storageModifierImport); /** Deprecated. Use prettylights.syntax.storageModifierImport instead. */
--color-prettylights-syntax-string: var(--prettylights-syntax-string); /** Deprecated. Use prettylights.syntax.string instead. */
--color-prettylights-syntax-string-regexp: var(--prettylights-syntax-stringRegexp); /** Deprecated. Use prettylights.syntax.stringRegexp instead. */
--color-prettylights-syntax-sublimelinter-gutter-mark: var(--prettylights-syntax-sublimeLinterGutterMark); /** Deprecated. Use prettylights.syntax.sublimeLinterGutterMark instead. */
--color-prettylights-syntax-variable: var(--prettylights-syntax-variable); /** Deprecated. Use prettylights.syntax.variable instead. */
--contribution-default-bgColor-0: #010409;
--contribution-default-borderColor-1: var(--contribution-default-borderColor-0);
--contribution-default-borderColor-2: var(--contribution-default-borderColor-0);
--contribution-default-borderColor-3: var(--contribution-default-borderColor-0);
--contribution-default-borderColor-4: var(--contribution-default-borderColor-0);
--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-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: #010409;
--control-danger-bgColor-active: var(--bgColor-danger-emphasis);
--control-danger-bgColor-hover: var(--bgColor-danger-emphasis);
--control-danger-fgColor-rest: var(--fgColor-danger);
--control-fgColor-disabled: var(--fgColor-disabled);
--control-iconColor-rest: var(--fgColor-muted);
--control-transparent-bgColor-disabled: var(--bgColor-disabled);
--control-transparent-borderColor-active: var(--borderColor-default);
--control-transparent-borderColor-hover: var(--borderColor-default);
--controlKnob-bgColor-checked: #ffffff;
--controlTrack-bgColor-disabled: var(--fgColor-disabled);
--controlTrack-bgColor-rest: #010409;
--controlTrack-borderColor-disabled: var(--fgColor-disabled);
--counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
--counter-bgColor-muted: var(--bgColor-neutral-muted);
--counter-borderColor: var(--borderColor-default);
--diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
--diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
--diffBlob-deletionLine-bgColor: #ff808033;
--diffBlob-emptyLine-bgColor: var(--bgColor-muted);
--diffBlob-emptyNum-bgColor: var(--bgColor-muted);
--diffBlob-hunkLine-fgColor: var(--fgColor-muted);
--fgColor-black: #010409; /** Pure black text */
--fgColor-closed: var(--fgColor-muted); /** Text color for closed state indicators (issues, PRs) */
--fgColor-default: #ffffff; /** Default text color for primary content and headings */
--fgColor-draft: var(--fgColor-neutral); /** Text color for draft state indicators */
--fgColor-onEmphasis: #ffffff; /** Text color for use on emphasis backgrounds */
--fgColor-onInverse: #010409; /** Text color for use on inverse backgrounds */
--fgColor-white: #ffffff; /** Pure white text */
--focus-outline-color: var(--borderColor-accent-emphasis); /** Outline color for focus states on interactive elements */
--header-fgColor-default: #ffffffb3;
--label-auburn-borderColor: var(--label-auburn-fgColor-rest);
--label-blue-borderColor: var(--label-blue-fgColor-rest);
--label-brown-borderColor: var(--label-brown-fgColor-rest);
--label-coral-borderColor: var(--label-coral-fgColor-rest);
--label-cyan-borderColor: var(--label-cyan-fgColor-rest);
--label-gray-borderColor: var(--label-gray-fgColor-rest);
--label-green-borderColor: var(--label-green-fgColor-rest);
--label-indigo-borderColor: var(--label-indigo-fgColor-rest);
--label-lemon-borderColor: var(--label-lemon-fgColor-rest);
--label-lime-borderColor: var(--label-lime-fgColor-rest);
--label-olive-borderColor: var(--label-olive-fgColor-rest);
--label-orange-borderColor: var(--label-orange-fgColor-rest);
--label-pine-borderColor: var(--label-pine-fgColor-rest);
--label-pink-borderColor: var(--label-pink-fgColor-rest);
--label-plum-borderColor: var(--label-plum-fgColor-rest);
--label-purple-borderColor: var(--label-purple-fgColor-rest);
--label-red-borderColor: var(--label-red-fgColor-rest);
--label-teal-borderColor: var(--label-teal-fgColor-rest);
--label-yellow-borderColor: var(--label-yellow-fgColor-rest);
--overlay-bgColor: #010409;
--overlay-borderColor: var(--borderColor-default);
--prettylights-syntax-brackethighlighter-angle: var(--prettylights-syntax-bracketHighlighterAngle); /** Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead. */
--prettylights-syntax-brackethighlighter-unmatched: var(--prettylights-syntax-bracketHighlighterUnmatched); /** Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead. */
--prettylights-syntax-carriage-return-bg: var(--prettylights-syntax-carriageReturn-bg); /** Deprecated. Use prettylights.syntax.carriageReturn.bg instead. */
--prettylights-syntax-carriage-return-text: var(--prettylights-syntax-carriageReturn-text); /** Deprecated. Use prettylights.syntax.carriageReturn.text instead. */
--prettylights-syntax-constant-other-reference-link: var(--prettylights-syntax-constantOtherReferenceLink); /** Deprecated. Use prettylights.syntax.constantOtherReferenceLink instead. */
--prettylights-syntax-entity-tag: var(--prettylights-syntax-entityTag); /** Deprecated. Use prettylights.syntax.entityTag instead. */
--prettylights-syntax-invalidIllegal-bg: var(--bgColor-danger-muted); /** Background color for invalid or illegal code syntax */
--prettylights-syntax-invalidIllegal-text: var(--fgColor-danger); /** Text color for invalid or illegal code syntax */
--prettylights-syntax-meta-diff-range: var(--prettylights-syntax-metaDiffRange); /** Deprecated. Use prettylights.syntax.metaDiffRange instead. */
--prettylights-syntax-storage-modifier-import: var(--prettylights-syntax-storageModifierImport); /** Deprecated. Use prettylights.syntax.storageModifierImport instead. */
--prettylights-syntax-string-regexp: var(--prettylights-syntax-stringRegexp); /** Deprecated. Use prettylights.syntax.stringRegexp instead. */
--prettylights-syntax-sublimelinter-gutter-mark: var(--prettylights-syntax-sublimeLinterGutterMark); /