UNPKG

@primer/primitives

Version:

Typography, spacing, and color primitives for Primer design system

844 lines 121 kB
/** * @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); /