Skip to content

Theme reference

The default theme object for Primer React components

See Theming to learn how theming works in Primer React.

Colors in this theme object are imported from Primer Primitives.

{
"animation": {
"easeOutCubic": "cubic-bezier(0.33, 1, 0.68, 1)"
},
"borderWidths": [
0,
"1px"
],
"breakpoints": [
"544px",
"768px",
"1012px",
"1280px"
],
"fonts": {
"normal": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"",
"mono": "SFMono-Regular, Consolas, \"Liberation Mono\", Menlo, Courier, monospace"
},
"fontSizes": [
"12px",
"14px",
"16px",
"20px",
"24px",
"32px",
"40px",
"48px"
],
"fontWeights": {
"light": 300,
"normal": 400,
"semibold": 500,
"bold": 600
},
"lineHeights": {
"condensedUltra": 1,
"condensed": 1.25,
"default": 1.5
},
"radii": [
"0",
"3px",
"6px",
"100px"
],
"sizes": {
"small": "544px",
"medium": "768px",
"large": "1012px",
"xlarge": "1280px"
},
"space": [
"0",
"4px",
"8px",
"16px",
"24px",
"32px",
"40px",
"48px",
"64px",
"80px",
"96px",
"112px",
"128px"
],
"colorSchemes": {
"light": {
"colors": {
"canvasDefaultTransparent": "rgba(255,255,255,0)",
"marketingIcon": {
"primary": "#218bff",
"secondary": "#54aeff"
},
"diffBlob": {
"addition": {
"numText": "#24292f",
"fg": "#24292f",
"numBg": "#CCFFD8",
"lineBg": "#E6FFEC",
"wordBg": "#ABF2BC"
},
"deletion": {
"numText": "#24292f",
"fg": "#24292f",
"numBg": "#FFD7D5",
"lineBg": "#FFEBE9",
"wordBg": "rgba(255,129,130,0.4)"
},
"hunk": {
"numBg": "rgba(84,174,255,0.4)"
},
"expander": {
"icon": "#57606a"
}
},
"diffstat": {
"deletionBorder": "rgba(27,31,36,0.15)",
"additionBorder": "rgba(27,31,36,0.15)",
"additionBg": "#2da44e"
},
"searchKeyword": {
"hl": "#fff8c5"
},
"prettylights": {
"syntax": {
"comment": "#6e7781",
"constant": "#0550ae",
"entity": "#8250df",
"storageModifierImport": "#24292f",
"entityTag": "#116329",
"keyword": "#cf222e",
"string": "#0a3069",
"variable": "#953800",
"brackethighlighterUnmatched": "#82071e",
"invalidIllegalText": "#f6f8fa",
"invalidIllegalBg": "#82071e",
"carriageReturnText": "#f6f8fa",
"carriageReturnBg": "#cf222e",
"stringRegexp": "#116329",
"markupList": "#3b2300",
"markupHeading": "#0550ae",
"markupItalic": "#24292f",
"markupBold": "#24292f",
"markupDeletedText": "#82071e",
"markupDeletedBg": "#FFEBE9",
"markupInsertedText": "#116329",
"markupInsertedBg": "#dafbe1",
"markupChangedText": "#953800",
"markupChangedBg": "#ffd8b5",
"markupIgnoredText": "#eaeef2",
"markupIgnoredBg": "#0550ae",
"metaDiffRange": "#8250df",
"brackethighlighterAngle": "#57606a",
"sublimelinterGutterMark": "#8c959f",
"constantOtherReferenceLink": "#0a3069"
}
},
"codemirror": {
"text": "#24292f",
"bg": "#ffffff",
"guttersBg": "#ffffff",
"guttermarkerText": "#ffffff",
"guttermarkerSubtleText": "#6e7781",
"linenumberText": "#57606a",
"cursor": "#24292f",
"selectionBg": "rgba(84,174,255,0.4)",
"activelineBg": "rgba(234,238,242,0.5)",
"matchingbracketText": "#24292f",
"linesBg": "#ffffff",
"syntax": {
"comment": "#24292f",
"constant": "#0550ae",
"entity": "#8250df",
"keyword": "#cf222e",
"storage": "#cf222e",
"string": "#0a3069",
"support": "#0550ae",
"variable": "#953800"
}
},
"checks": {
"bg": "#24292f",
"textPrimary": "#f6f8fa",
"textSecondary": "#8c959f",
"textLink": "#54aeff",
"btnIcon": "#afb8c1",
"btnHoverIcon": "#f6f8fa",
"btnHoverBg": "rgba(255,255,255,0.125)",
"inputText": "#eaeef2",
"inputPlaceholderText": "#8c959f",
"inputFocusText": "#8c959f",
"inputBg": "#32383f",
"donutError": "#fa4549",
"donutPending": "#bf8700",
"donutSuccess": "#2da44e",
"donutNeutral": "#afb8c1",
"dropdownText": "#afb8c1",
"dropdownBg": "#32383f",
"dropdownBorder": "#424a53",
"dropdownShadow": "rgba(27,31,36,0.3)",
"dropdownHoverText": "#f6f8fa",
"dropdownHoverBg": "#424a53",
"dropdownBtnHoverText": "#f6f8fa",
"dropdownBtnHoverBg": "#32383f",
"scrollbarThumbBg": "#57606a",
"headerLabelText": "#d0d7de",
"headerLabelOpenText": "#f6f8fa",
"headerBorder": "#32383f",
"headerIcon": "#8c959f",
"lineText": "#d0d7de",
"lineNumText": "rgba(140,149,159,0.75)",
"lineTimestampText": "#8c959f",
"lineHoverBg": "#32383f",
"lineSelectedBg": "rgba(33,139,255,0.15)",
"lineSelectedNumText": "#54aeff",
"lineDtFmText": "#24292f",
"lineDtFmBg": "#9a6700",
"gateBg": "rgba(125,78,0,0.15)",
"gateText": "#d0d7de",
"gateWaitingText": "#afb8c1",
"stepHeaderOpenBg": "#32383f",
"stepErrorText": "#ff8182",
"stepWarningText": "#d4a72c",
"loglineText": "#8c959f",
"loglineNumText": "rgba(140,149,159,0.75)",
"loglineDebugText": "#c297ff",
"loglineErrorText": "#d0d7de",
"loglineErrorNumText": "#ff8182",
"loglineErrorBg": "rgba(164,14,38,0.15)",
"loglineWarningText": "#d0d7de",
"loglineWarningNumText": "#d4a72c",
"loglineWarningBg": "rgba(125,78,0,0.15)",
"loglineCommandText": "#54aeff",
"loglineSectionText": "#4ac26b",
"ansi": {
"black": "#24292f",
"blackBright": "#32383f",
"white": "#d0d7de",
"whiteBright": "#d0d7de",
"gray": "#8c959f",
"red": "#ff8182",
"redBright": "#ffaba8",
"green": "#4ac26b",
"greenBright": "#6fdd8b",
"yellow": "#d4a72c",
"yellowBright": "#eac54f",
"blue": "#54aeff",
"blueBright": "#80ccff",
"magenta": "#c297ff",
"magentaBright": "#d8b9ff",
"cyan": "#76e3ea",
"cyanBright": "#b3f0ff"
}
},
"project": {
"headerBg": "#24292f",
"sidebarBg": "#ffffff",
"gradientIn": "#ffffff",
"gradientOut": "rgba(255,255,255,0)"
},
"mktg": {
"btn": {
"bg": "#1b1f23"
}
},
"avatar": {
"bg": "#ffffff",
"border": "rgba(27,31,36,0.15)",
"stackFade": "#afb8c1",
"stackFadeMore": "#d0d7de"
},
"topicTag": {
"border": "rgba(0,0,0,0)"
},
"selectMenu": {
"backdropBorder": "rgba(0,0,0,0)",
"tapHighlight": "rgba(175,184,193,0.5)",
"tapFocusBg": "#b6e3ff"
},
"header": {
"text": "rgba(255,255,255,0.7)",
"bg": "#24292f",
"logo": "#ffffff"
},
"headerSearch": {
"bg": "#24292f",
"border": "#57606a"
},
"sidenav": {
"selectedBg": "#ffffff"
},
"menu": {
"bgActive": "rgba(0,0,0,0)"
},
"input": {
"disabledBg": "rgba(175,184,193,0.2)"
},
"timeline": {
"badgeBg": "#eaeef2"
},
"ansi": {
"black": "#24292f",
"blackBright": "#57606a",
"white": "#6e7781",
"whiteBright": "#8c959f",
"gray": "#6e7781",
"red": "#cf222e",
"redBright": "#a40e26",
"green": "#116329",
"greenBright": "#1a7f37",
"yellow": "#4d2d00",
"yellowBright": "#633c01",
"blue": "#0969da",
"blueBright": "#218bff",
"magenta": "#8250df",
"magentaBright": "#a475f9",
"cyan": "#1b7c83",
"cyanBright": "#3192aa"
},
"btn": {
"text": "#24292f",
"bg": "#f6f8fa",
"border": "rgba(27,31,36,0.15)",
"hoverBg": "#f3f4f6",
"hoverBorder": "rgba(27,31,36,0.15)",
"activeBg": "hsla(220,14%,93%,1)",
"activeBorder": "rgba(27,31,36,0.15)",
"selectedBg": "hsla(220,14%,94%,1)",
"focusBg": "#f6f8fa",
"focusBorder": "rgba(27,31,36,0.15)",
"counterBg": "rgba(27,31,36,0.08)",
"primary": {
"text": "#ffffff",
"bg": "#2da44e",
"border": "rgba(27,31,36,0.15)",
"hoverBg": "#2c974b",
"hoverBorder": "rgba(27,31,36,0.15)",
"selectedBg": "hsla(137,55%,36%,1)",
"disabledText": "rgba(255,255,255,0.8)",
"disabledBg": "#94d3a2",
"disabledBorder": "rgba(27,31,36,0.15)",
"focusBg": "#2da44e",
"focusBorder": "rgba(27,31,36,0.15)",
"icon": "rgba(255,255,255,0.8)",
"counterBg": "rgba(255,255,255,0.2)"
},
"outline": {
"text": "#0969da",
"hoverText": "#ffffff",
"hoverBg": "#0969da",
"hoverBorder": "rgba(27,31,36,0.15)",
"hoverCounterBg": "rgba(255,255,255,0.2)",
"selectedText": "#ffffff",
"selectedBg": "hsla(212,92%,42%,1)",
"selectedBorder": "rgba(27,31,36,0.15)",
"disabledText": "rgba(9,105,218,0.5)",
"disabledBg": "#f6f8fa",
"disabledCounterBg": "rgba(9,105,218,0.05)",
"focusBorder": "rgba(27,31,36,0.15)",
"counterBg": "rgba(9,105,218,0.1)"
},
"danger": {
"text": "#cf222e",
"hoverText": "#ffffff",
"hoverBg": "#a40e26",
"hoverBorder": "rgba(27,31,36,0.15)",
"hoverCounterBg": "rgba(255,255,255,0.2)",
"selectedText": "#ffffff",
"selectedBg": "hsla(356,72%,44%,1)",
"selectedBorder": "rgba(27,31,36,0.15)",
"disabledText": "rgba(207,34,46,0.5)",
"disabledBg": "#f6f8fa",
"disabledCounterBg": "rgba(207,34,46,0.05)",
"focusBorder": "rgba(27,31,36,0.15)",
"counterBg": "rgba(207,34,46,0.1)",
"icon": "#cf222e",
"hoverIcon": "#ffffff"
}
},
"underlinenav": {
"icon": "#6e7781",
"borderHover": "rgba(175,184,193,0.2)"
},
"actionListItem": {
"inlineDivider": "rgba(208,215,222,0.48)",
"default": {
"hoverBg": "rgba(208,215,222,0.32)",
"activeBg": "rgba(208,215,222,0.48)",
"selectedBg": "rgba(208,215,222,0.24)"
},
"danger": {
"hoverBg": "rgba(255,235,233,0.64)",
"activeBg": "#FFEBE9",
"hoverText": "#cf222e"
}
},
"fg": {
"default": "#24292f",
"muted": "#57606a",
"subtle": "#6e7781",
"onEmphasis": "#ffffff"
},
"canvas": {
"default": "#ffffff",
"overlay": "#ffffff",
"inset": "#f6f8fa",
"subtle": "#f6f8fa"
},
"border": {
"default": "#d0d7de",
"muted": "hsla(210,18%,87%,1)",
"subtle": "rgba(27,31,36,0.15)"
},
"neutral": {
"emphasisPlus": "#24292f",
"emphasis": "#6e7781",
"muted": "rgba(175,184,193,0.2)",
"subtle": "rgba(234,238,242,0.5)"
},
"accent": {
"fg": "#0969da",
"emphasis": "#0969da",
"muted": "rgba(84,174,255,0.4)",
"subtle": "#ddf4ff"
},
"success": {
"fg": "#1a7f37",
"emphasis": "#2da44e",
"muted": "rgba(74,194,107,0.4)",
"subtle": "#dafbe1"
},
"attention": {
"fg": "#9a6700",
"emphasis": "#bf8700",
"muted": "rgba(212,167,44,0.4)",
"subtle": "#fff8c5"
},
"severe": {
"fg": "#bc4c00",
"emphasis": "#bc4c00",
"muted": "rgba(251,143,68,0.4)",
"subtle": "#fff1e5"
},
"danger": {
"fg": "#cf222e",
"emphasis": "#cf222e",
"muted": "rgba(255,129,130,0.4)",
"subtle": "#FFEBE9"
},
"done": {
"fg": "#8250df",
"emphasis": "#8250df",
"muted": "rgba(194,151,255,0.4)",
"subtle": "#fbefff"
},
"sponsors": {
"fg": "#bf3989",
"emphasis": "#bf3989",
"muted": "rgba(255,128,200,0.4)",
"subtle": "#ffeff7"
},
"primer": {
"fg": {
"disabled": "#8c959f"
},
"canvas": {
"backdrop": "rgba(27,31,36,0.5)",
"sticky": "rgba(255,255,255,0.95)"
},
"border": {
"active": "#FD8C73",
"contrast": "rgba(27,31,36,0.1)"
}
}
},
"shadows": {
"mktg": {
"btn": {
"shadow": {
"outline": "rgb(0 0 0 / 15%) 0 0 0 1px inset",
"focus": "rgb(0 0 0 / 15%) 0 0 0 4px",
"hover": "0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)",
"hoverMuted": "rgb(0 0 0 / 70%) 0 0 0 2px inset"
}
}
},
"avatar": {
"childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
},
"overlay": {
"shadow": "0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12)"
},
"btn": {
"shadow": "0 1px 0 rgba(27,31,36,0.04)",
"insetShadow": "inset 0 1px 0 rgba(255,255,255,0.25)",
"focusShadow": "0 0 0 3px rgba(9,105,218,0.3)",
"shadowActive": "inset 0 0.15em 0.3em rgba(27,31,36,0.15)",
"shadowInputFocus": "0 0 0 0.2em rgba(9,105,218,0.3)",
"primary": {
"shadow": "0 1px 0 rgba(27,31,36,0.1)",
"insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
"selectedShadow": "inset 0 1px 0 rgba(0,45,17,0.2)",
"focusShadow": "0 0 0 3px rgba(45,164,78,0.4)"
},
"outline": {
"hoverShadow": "0 1px 0 rgba(27,31,36,0.1)",
"hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
"selectedShadow": "inset 0 1px 0 rgba(0,33,85,0.2)",
"focusShadow": "0 0 0 3px rgba(5,80,174,0.4)"
},
"danger": {
"hoverShadow": "0 1px 0 rgba(27,31,36,0.1)",
"hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
"selectedShadow": "inset 0 1px 0 rgba(76,0,20,0.2)",
"focusShadow": "0 0 0 3px rgba(164,14,38,0.4)"
}
},
"shadow": {
"small": "0 1px 0 rgba(27,31,36,0.04)",
"medium": "0 3px 6px rgba(140,149,159,0.15)",
"large": "0 8px 24px rgba(140,149,159,0.2)",
"extraLarge": "0 12px 28px rgba(140,149,159,0.3)"
},
"primer": {
"shadow": {
"highlight": "inset 0 1px 0 rgba(255,255,255,0.25)",
"inset": "inset 0 1px 0 rgba(208,215,222,0.2)",
"focus": "0 0 0 3px rgba(9,105,218,0.3)"
}
}
}
},
"light_high_contrast": {
"colors": {
"canvasDefaultTransparent": "rgba(255,255,255,0)",
"marketingIcon": {
"primary": "#1168e3",
"secondary": "#368cf9"
},
"diffBlob": {
"addition": {
"numText": "#24292F",
"fg": "#ffffff",
"numBg": "#CCFFD8",
"lineBg": "#E6FFEC",
"wordBg": "#055d20"
},
"deletion": {
"numText": "#24292F",
"fg": "#ffffff",
"numBg": "#FFD7D5",
"lineBg": "#fff0ee",
"wordBg": "#a0111f"
},
"hunk": {
"numBg": "#9cd7ff"
},
"expander": {
"icon": "#24292F"
}
},
"diffstat": {
"deletionBorder": "rgba(1,4,9,0.8)",
"additionBorder": "rgba(1,4,9,0.8)",
"additionBg": "#117f32"
},
"searchKeyword": {
"hl": "#fcf7be"
},
"prettylights": {
"syntax": {
"comment": "#67707A",
"constant": "#023b95",
"entity": "#622cbc",
"storageModifierImport": "#24292F",
"entityTag": "#024c1a",
"keyword": "#a0111f",
"string": "#032563",
"variable": "#702c00",
"brackethighlighterUnmatched": "#6e011a",
"invalidIllegalText": "#FFFFFF",
"invalidIllegalBg": "#6e011a",
"carriageReturnText": "#FFFFFF",
"carriageReturnBg": "#a0111f",
"stringRegexp": "#024c1a",
"markupList": "#2e1800",
"markupHeading": "#023b95",
"markupItalic": "#24292F",
"markupBold": "#24292F",
"markupDeletedText": "#6e011a",
"markupDeletedBg": "#fff0ee",
"markupInsertedText": "#024c1a",
"markupInsertedBg": "#d2fedb",
"markupChangedText": "#702c00",
"markupChangedBg": "#ffc67b",
"markupIgnoredText": "#E7ECF0",
"markupIgnoredBg": "#023b95",
"metaDiffRange": "#622cbc",
"brackethighlighterAngle": "#4F5760",
"sublimelinterGutterMark": "#88929D",
"constantOtherReferenceLink": "#032563"
}
},
"codemirror": {
"text": "#24292F",
"bg": "#ffffff",
"guttersBg": "#ffffff",
"guttermarkerText": "#ffffff",
"guttermarkerSubtleText": "#67707A",
"linenumberText": "#24292F",
"cursor": "#24292F",
"selectionBg": "#368cf9",
"activelineBg": "#E7ECF0",
"matchingbracketText": "#24292F",
"linesBg": "#ffffff",
"syntax": {
"comment": "#24292F",
"constant": "#023b95",
"entity": "#622cbc",
"keyword": "#a0111f",
"storage": "#a0111f",
"string": "#032563",
"support": "#023b95",
"variable": "#702c00"
}
},
"checks": {
"bg": "#24292F",
"textPrimary": "#FFFFFF",
"textSecondary": "#88929D",
"textLink": "#368cf9",
"btnIcon": "#ACB6C0",
"btnHoverIcon": "#FFFFFF",
"btnHoverBg": "rgba(255,255,255,0.125)",
"inputText": "#E7ECF0",
"inputPlaceholderText": "#88929D",
"inputFocusText": "#88929D",
"inputBg": "#30363D",
"donutError": "#d5232c",
"donutPending": "#956400",
"donutSuccess": "#117f32",
"donutNeutral": "#ACB6C0",
"dropdownText": "#ACB6C0",
"dropdownBg": "#30363D",
"dropdownBorder": "#3D454E",
"dropdownShadow": "rgba(1,4,9,0.3)",
"dropdownHoverText": "#FFFFFF",
"dropdownHoverBg": "#3D454E",
"dropdownBtnHoverText": "#FFFFFF",
"dropdownBtnHoverBg": "#30363D",
"scrollbarThumbBg": "#4F5760",
"headerLabelText": "#CED5DC",
"headerLabelOpenText": "#FFFFFF",
"headerBorder": "#30363D",
"headerIcon": "#88929D",
"lineText": "#CED5DC",
"lineNumText": "rgba(136,146,157,0.75)",
"lineTimestampText": "#88929D",
"lineHoverBg": "#30363D",
"lineSelectedBg": "rgba(17,104,227,0.15)",
"lineSelectedNumText": "#368cf9",
"lineDtFmText": "#24292F",
"lineDtFmBg": "#744500",
"gateBg": "rgba(96,55,0,0.15)",
"gateText": "#CED5DC",
"gateWaitingText": "#ACB6C0",
"stepHeaderOpenBg": "#30363D",
"stepErrorText": "#ee5a5d",
"stepWarningText": "#b58407",
"loglineText": "#88929D",
"loglineNumText": "rgba(136,146,157,0.75)",
"loglineDebugText": "#a371f7",
"loglineErrorText": "#CED5DC",
"loglineErrorNumText": "#ee5a5d",
"loglineErrorBg": "rgba(134,6,29,0.15)",
"loglineWarningText": "#CED5DC",
"loglineWarningNumText": "#b58407",
"loglineWarningBg": "rgba(96,55,0,0.15)",
"loglineCommandText": "#368cf9",
"loglineSectionText": "#26a148",
"ansi": {
"black": "#24292F",
"blackBright": "#30363D",
"white": "#CED5DC",
"whiteBright": "#CED5DC",
"gray": "#88929D",
"red": "#ee5a5d",
"redBright": "#ff8e8a",
"green": "#26a148",
"greenBright": "#43c663",
"yellow": "#b58407",
"yellowBright": "#d5a824",
"blue": "#368cf9",
"blueBright": "#67b3fd",
"magenta": "#a371f7",
"magentaBright": "#c49bff",
"cyan": "#76e3ea",
"cyanBright": "#b3f0ff"
}
},
"project": {
"headerBg": "#24292F",
"sidebarBg": "#ffffff",
"gradientIn": "#ffffff",
"gradientOut": "rgba(255,255,255,0)"
},
"mktg": {
"btn": {
"bg": "#1b1f23"
}
},
"avatar": {
"bg": "#ffffff",
"border": "rgba(1,4,9,0.8)",
"stackFade": "#ACB6C0",
"stackFadeMore": "#CED5DC"
},
"topicTag": {
"border": "rgba(0,0,0,0)"
},
"selectMenu": {
"backdropBorder": "rgba(0,0,0,0)",
"tapHighlight": "rgba(172,182,192,0.5)",
"tapFocusBg": "#9cd7ff"
},
"header": {
"text": "rgba(255,255,255,0.7)",
"bg": "#24292F",
"logo": "#ffffff"
},
"headerSearch": {
"bg": "#24292F",
"border": "#4F5760"
},
"sidenav": {
"selectedBg": "#ffffff"
},
"menu": {
"bgActive": "rgba(0,0,0,0)"
},
"input": {
"disabledBg": "rgba(172,182,192,0.2)"
},
"timeline": {
"badgeBg": "#E7ECF0"
},
"ansi": {
"black": "#24292F",
"blackBright": "#4F5760",
"white": "#67707A",
"whiteBright": "#88929D",
"gray": "#67707A",
"red": "#a0111f",
"redBright": "#86061d",
"green": "#024c1a",
"greenBright": "#055d20",
"yellow": "#3f2200",
"yellowBright": "#4e2c00",
"blue": "#0349b4",
"blueBright": "#1168e3",
"magenta": "#622cbc",
"magentaBright": "#844ae7",
"cyan": "#1b7c83",
"cyanBright": "#3192aa"
},
"btn": {
"text": "#24292F",
"bg": "#E7ECF0",
"border": "rgba(1,4,9,0.8)",
"hoverBg": "#CED5DC",
"hoverBorder": "rgba(1,4,9,0.8)",
"activeBg": "#ACB6C0",
"activeBorder": "rgba(1,4,9,0.8)",
"selectedBg": "#ACB6C0",
"focusBg": "#CED5DC",
"focusBorder": "rgba(1,4,9,0.8)",
"counterBg": "rgba(1,4,9,0.08)",
"primary": {
"text": "#ffffff",
"bg": "#055d20",
"border": "#013d14",
"hoverBg": "#024c1a",
"hoverBorder": "#013d14",
"selectedBg": "hsla(139,95%,13%,1)",
"disabledText": "rgba(255,255,255,0.8)",
"disabledBg": "#94d3a2",
"disabledBorder": "rgba(1,4,9,0.8)",
"focusBg": "#013d14",
"focusBorder": "#013d14",
"icon": "rgba(255,255,255,0.8)",
"counterBg": "rgba(255,255,255,0.2)"
},
"outline": {
"text": "#023b95",
"hoverText": "#ffffff",
"hoverBg": "#0349b4",
"hoverBorder": "#022f7a",
"hoverCounterBg": "rgba(255,255,255,0.2)",
"selectedText": "#ffffff",
"selectedBg": "#022f7a",
"selectedBorder": "#022f7a",
"disabledText": "rgba(3,73,180,0.5)",
"disabledBg": "#E7ECF0",
"disabledCounterBg": "rgba(3,73,180,0.05)",
"focusBorder": "#022f7a",
"counterBg": "rgba(3,73,180,0.1)"
},
"danger": {
"text": "#86061d",
"hoverText": "#ffffff",
"hoverBg": "#a0111f",
"hoverBorder": "#6e011a",
"hoverCounterBg": "rgba(255,255,255,0.2)",
"selectedText": "#ffffff",
"selectedBg": "#6e011a",
"selectedBorder": "#6e011a",
"disabledText": "rgba(160,17,31,0.5)",
"disabledBg": "#E7ECF0",
"disabledCounterBg": "rgba(160,17,31,0.05)",
"focusBorder": "#6e011a",
"counterBg": "rgba(160,17,31,0.1)",
"icon": "#86061d",
"hoverIcon": "#ffffff"
}
},
"underlinenav": {
"icon": "#67707A",
"borderHover": "rgba(172,182,192,0.2)"
},
"actionListItem": {
"inlineDivider": "rgba(48,54,61,0.48)",
"default": {
"hoverBg": "rgba(206,213,220,0.32)",
"activeBg": "rgba(206,213,220,0.48)",
"selectedBg": "rgba(206,213,220,0.24)"
},
"danger": {
"hoverBg": "rgba(255,240,238,0.64)",
"activeBg": "#fff0ee",
"hoverText": "#a0111f"
}
},
"fg": {
"default": "#24292F",
"muted": "#24292F",
"subtle": "#67707A",
"onEmphasis": "#ffffff"
},
"canvas": {
"default": "#ffffff",
"overlay": "#ffffff",
"inset": "#ffffff",
"subtle": "#E7ECF0"
},
"border": {
"default": "#30363D",
"muted": "#88929D",
"subtle": "rgba(1,4,9,0.8)"
},
"neutral": {
"emphasisPlus": "#24292F",
"emphasis": "#67707A",
"muted": "rgba(172,182,192,0.2)",
"subtle": "#E7ECF0"
},
"accent": {
"fg": "#0349b4",
"emphasis": "#0349b4",
"muted": "#368cf9",
"subtle": "#dff7ff"
},
"success": {
"fg": "#055d20",
"emphasis": "#055d20",
"muted": "#26a148",
"subtle": "#d2fedb"
},
"attention": {
"fg": "#744500",
"emphasis": "#744500",
"muted": "#b58407",
"subtle": "#fcf7be"
},
"severe": {
"fg": "#873800",
"emphasis": "#873800",
"muted": "#dc6d1a",
"subtle": "#fff2d5"
},
"danger": {
"fg": "#a0111f",
"emphasis": "#a0111f",
"muted": "#ee5a5d",
"subtle": "#fff0ee"
},
"done": {
"fg": "#622cbc",
"emphasis": "#622cbc",
"muted": "#a371f7",
"subtle": "#faf0fe"
},
"sponsors": {
"fg": "#971368",
"emphasis": "#971368",
"muted": "#ed4baf",
"subtle": "#feeff7"
},
"primer": {
"fg": {
"disabled": "#88929D"
},
"canvas": {
"backdrop": "rgba(1,4,9,0.5)",
"sticky": "rgba(255,255,255,0.95)"
},
"border": {
"active": "#ef5b48",
"contrast": "rgba(1,4,9,0.1)"
}
}
},
"shadows": {
"mktg": {
"btn": {
"shadow": {
"outline": "rgb(0 0 0 / 15%) 0 0 0 1px inset",
"focus": "rgb(0 0 0 / 15%) 0 0 0 4px",
"hover": "0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)",
"hoverMuted": "rgb(0 0 0 / 70%) 0 0 0 2px inset"
}
}
},
"avatar": {
"childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
},
"overlay": {
"shadow": "0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(61,69,78,0.12)"
},
"btn": {
"shadow": "0 1px 0 rgba(1,4,9,0.04)",
"insetShadow": "inset 0 1px 0 rgba(255,255,255,0.25)",
"focusShadow": "0 0 0 3px rgba(3,73,180,0.3)",
"shadowActive": "inset 0 0.15em 0.3em rgba(1,4,9,0.15)",
"shadowInputFocus": "0 0 0 0.2em rgba(3,73,180,0.3)",
"primary": {
"shadow": "0 1px 0 rgba(1,4,9,0.1)",
"insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
"selectedShadow": "inset 0 1px 0 rgba(0,35,11,0.2)",
"focusShadow": "0 0 0 3px rgba(1,61,20,0.4)"
},
"outline": {
"hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
"hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
"selectedShadow": "inset 0 1px 0 rgba(2,26,74,0.2)",
"focusShadow": "0 0 0 3px rgba(2,59,149,0.4)"
},
"danger": {
"hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
"hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
"selectedShadow": "inset 0 1px 0 rgba(67,0,17,0.2)",
"focusShadow": "0 0 0 3px rgba(134,6,29,0.4)"
}
},
"shadow": {
"small": "0 1px 0 rgba(1,4,9,0.04)",
"medium": "0 3px 6px rgba(136,146,157,0.15)",
"large": "0 8px 24px rgba(136,146,157,0.2)",
"extraLarge": "0 12px 28px rgba(136,146,157,0.3)"
},
"primer": {
"shadow": {
"highlight": "inset 0 1px 0 rgba(255,255,255,0.25)",
"inset": "inset 0 1px 0 rgba(206,213,220,0.2)",
"focus": "0 0 0 3px rgba(3,73,180,0.3)"
}
}
}
},
"light_colorblind": {
"colors": {
"canvasDefaultTransparent": "rgba(255,255,255,0)",
"marketingIcon": {
"primary": "#218bff",
"secondary": "#54aeff"
},
"diffBlob": {
"addition": {
"numText": "#24292f",
"fg": "#24292f",
"numBg": "rgba(53,173,255,0.4)",
"lineBg": "rgba(192,246,255,0.5)",
"wordBg": "rgba(53,173,255,0.4)"
},
"deletion": {
"numText": "#24292f",
"fg": "#24292f",
"numBg": "rgba(231,161,0,0.4)",
"lineBg": "rgba(254,254,72,0.5)",
"wordBg": "rgba(248,194,0,0.5)"
},
"hunk": {
"numBg": "rgba(84,174,255,0.4)"
},
"expander": {
"icon": "#57606a"
}
},
"diffstat": {
"deletionBorder": "rgba(27,31,36,0.15)",
"additionBorder": "rgba(27,31,36,0.15)",
"additionBg": "#0088ff"
},
"searchKeyword": {
"hl": "#fff8c5"
},
"prettylights": {
"syntax": {
"comment": "#6e7781",
"constant": "#0550ae",
"entity": "#8250df",
"storageModifierImport": "#24292f",
"entityTag": "#054da9",
"keyword": "#ac5e00",
"string": "#0a3069",
"variable": "#953800",
"brackethighlighterUnmatched": "#6c3900",
"invalidIllegalText": "#f6f8fa",
"invalidIllegalBg": "#6c3900",
"carriageReturnText": "#f6f8fa",
"carriageReturnBg": "#ac5e00",
"stringRegexp": "#054da9",
"markupList": "#3b2300",
"markupHeading": "#0550ae",
"markupItalic": "#24292f",
"markupBold": "#24292f",
"markupDeletedText": "#6c3900",
"markupDeletedBg": "#fefe48",
"markupInsertedText": "#054da9",
"markupInsertedBg": "#c0f6ff",
"markupChangedText": "#953800",
"markupChangedBg": "#ffd8b5",
"markupIgnoredText": "#eaeef2",
"markupIgnoredBg": "#0550ae",
"metaDiffRange": "#8250df",
"brackethighlighterAngle": "#57606a",
"sublimelinterGutterMark": "#8c959f",
"constantOtherReferenceLink": "#0a3069"
}
},
"codemirror": {
"text": "#24292f",
"bg": "#ffffff",
"guttersBg": "#ffffff",
"guttermarkerText": "#ffffff",
"guttermarkerSubtleText": "#6e7781",
"linenumberText": "#57606a",
"cursor": "#24292f",
"selectionBg": "rgba(84,174,255,0.4)",
"activelineBg": "rgba(234,238,242,0.5)",
"matchingbracketText": "#24292f",
"linesBg": "#ffffff",
"syntax": {
"comment": "#24292f",
"constant": "#0550ae",
"entity": "#8250df",
"keyword": "#ac5e00",
"storage": "#ac5e00",
"string": "#0a3069",
"support": "#0550ae",
"variable": "#953800"
}
},
"checks": {
"bg": "#24292f",
"textPrimary": "#f6f8fa",
"textSecondary": "#8c959f",
"textLink": "#54aeff",
"btnIcon": "#afb8c1",
"btnHoverIcon": "#f6f8fa",
"btnHoverBg": "rgba(255,255,255,0.125)",
"inputText": "#eaeef2",
"inputPlaceholderText": "#8c959f",
"inputFocusText": "#8c959f",
"inputBg": "#32383f",
"donutError": "#d08002",
"donutPending": "#bf8700",
"donutSuccess": "#0088ff",
"donutNeutral": "#afb8c1",
"dropdownText": "#afb8c1",
"dropdownBg": "#32383f",
"dropdownBorder": "#424a53",
"dropdownShadow": "rgba(27,31,36,0.3)",
"dropdownHoverText": "#f6f8fa",
"dropdownHoverBg": "#424a53",
"dropdownBtnHoverText": "#f6f8fa",
"dropdownBtnHoverBg": "#32383f",
"scrollbarThumbBg": "#57606a",
"headerLabelText": "#d0d7de",
"headerLabelOpenText": "#f6f8fa",
"headerBorder": "#32383f",
"headerIcon": "#8c959f",
"lineText": "#d0d7de",
"lineNumText": "rgba(140,149,159,0.75)",
"lineTimestampText": "#8c959f",
"lineHoverBg": "#32383f",
"lineSelectedBg": "rgba(33,139,255,0.15)",
"lineSelectedNumText": "#54aeff",
"lineDtFmText": "#24292f",
"lineDtFmBg": "#9a6700",
"gateBg": "rgba(125,78,0,0.15)",
"gateText": "#d0d7de",
"gateWaitingText": "#afb8c1",
"stepHeaderOpenBg": "#32383f",
"stepErrorText": "#e7a100",
"stepWarningText": "#d4a72c",
"loglineText": "#8c959f",
"loglineNumText": "rgba(140,149,159,0.75)",
"loglineDebugText": "#c297ff",
"loglineErrorText": "#d0d7de",
"loglineErrorNumText": "#e7a100",
"loglineErrorBg": "rgba(139,70,0,0.15)",
"loglineWarningText": "#d0d7de",
"loglineWarningNumText": "#d4a72c",
"loglineWarningBg": "rgba(125,78,0,0.15)",
"loglineCommandText": "#54aeff",
"loglineSectionText": "#35adff",
"ansi": {
"black": "#24292f",
"blackBright": "#32383f",
"white": "#d0d7de",
"whiteBright": "#d0d7de",
"gray": "#8c959f",
"red": "#e7a100",
"redBright": "#f8c200",
"green": "#35adff",
"greenBright": "#65ccff",
"yellow": "#d4a72c",
"yellowBright": "#eac54f",
"blue": "#54aeff",
"blueBright": "#80ccff",
"magenta": "#c297ff",
"magentaBright": "#d8b9ff",
"cyan": "#76e3ea",
"cyanBright": "#b3f0ff"
}
},
"project": {
"headerBg": "#24292f",
"sidebarBg": "#ffffff",
"gradientIn": "#ffffff",
"gradientOut": "rgba(255,255,255,0)"
},
"mktg": {
"btn": {
"bg": "#1b1f23"
}
},
"avatar": {
"bg": "#ffffff",
"border": "rgba(27,31,36,0.15)",
"stackFade": "#afb8c1",
"stackFadeMore": "#d0d7de"
},
"topicTag": {
"border": "rgba(0,0,0,0)"
},
"selectMenu": {
"backdropBorder": "rgba(0,0,0,0)",
"tapHighlight": "rgba(175,184,193,0.5)",
"tapFocusBg": "#b6e3ff"
},
"header": {
"text": "rgba(255,255,255,0.7)",
"bg": "#24292f",
"logo": "#ffffff"
},
"headerSearch": {
"bg": "#24292f",
"border": "#57606a"
},
"sidenav": {
"selectedBg": "#ffffff"
},
"menu": {
"bgActive": "rgba(0,0,0,0)"
},
"input": {
"disabledBg": "rgba(175,184,193,0.2)"
},
"timeline": {
"badgeBg": "#eaeef2"
},
"ansi": {
"black": "#24292f",
"blackBright": "#57606a",
"white": "#6e7781",
"whiteBright": "#8c959f",
"gray": "#6e7781",
"red": "#ac5e00",
"redBright": "#8b4600",
"green": "#054da9",
"greenBright": "#0566d5",
"yellow": "#4d2d00",
"yellowBright": "#633c01",
"blue": "#0969da",
"blueBright": "#218bff",
"magenta": "#8250df",
"magentaBright": "#a475f9",
"cyan": "#1b7c83",
"cyanBright": "#3192aa"
},
"btn": {
"text": "#24292f",
"bg": "#f6f8fa",
"border": "rgba(27,31,36,0.15)",
"hoverBg": "#f3f4f6",
"hoverBorder": "rgba(27,31,36,0.15)",
"activeBg": "hsla(220,14%,93%,1)",
"activeBorder": "rgba(27,31,36,0.15)",
"selectedBg": "hsla(220,14%,94%,1)",
"focusBg": "#f6f8fa",
"focusBorder": "rgba(27,31,36,0.15)",
"counterBg": "rgba(27,31,36,0.08)",
"primary": {
"text": "#ffffff",
"bg": "#0088ff",
"border": "rgba(27,31,36,0.15)",
"hoverBg": "#0566d5",
"hoverBorder": "rgba(27,31,36,0.15)",
"selectedBg": "hsla(212,95%,41%,1)",
"disabledText": "rgba(255,255,255,0.8)",
"disabledBg": "#65ccff",
"disabledBorder": "rgba(27,31,36,0.15)",
"focusBg": "#0088ff",
"focusBorder": "rgba(27,31,36,0.15)",
"icon": "rgba(255,255,255,0.8)",
"counterBg": "rgba(255,255,255,0.2)"
},
"outline": {
"text": "#0969da",
"hoverText": "#ffffff",
"hoverBg": "#0969da",
"hoverBorder": "rgba(27,31,36,0.15)",
"hoverCounterBg": "rgba(255,255,255,0.2)",
"selectedText": "#ffffff",
"selectedBg": "hsla(212,92%,42%,1)",
"selectedBorder": "rgba(27,31,36,0.15)",
"disabledText": "rgba(9,105,218,0.5)",
"disabledBg": "#f6f8fa",
"disabledCounterBg": "rgba(9,105,218,0.05)",
"focusBorder": "rgba(27,31,36,0.15)",
"counterBg": "rgba(9,105,218,0.1)"
},
"danger": {
"text": "#ac5e00",
"hoverText": "#ffffff",
"hoverBg": "#8b4600",
"hoverBorder": "rgba(27,31,36,0.15)",
"hoverCounterBg": "rgba(255,255,255,0.2)",
"selectedText": "#ffffff",
"selectedBg": "hsla(33,100%,31%,1)",
"selectedBorder": "rgba(27,31,36,0.15)",
"disabledText": "rgba(172,94,0,0.5)",
"disabledBg": "#f6f8fa",
"disabledCounterBg": "rgba(172,94,0,0.05)",
"focusBorder": "rgba(27,31,36,0.15)",
"counterBg": "rgba(172,94,0,0.1)",
"icon": "#ac5e00",
"hoverIcon": "#ffffff"
}
},
"underlinenav": {
"icon": "#6e7781",
"borderHover": "rgba(175,184,193,0.2)"
},
"actionListItem": {
"inlineDivider": "rgba(208,215,222,0.48)",
"default": {
"hoverBg": "rgba(208,215,222,0.32)",
"activeBg": "rgba(208,215,222,0.48)",
"selectedBg": "rgba(208,215,222,0.24)"
},
"danger": {
"hoverBg": "rgba(254,254,72,0.64)",
"activeBg": "#fefe48",
"hoverText": "#ac5e00"
}
},
"fg": {
"default": "#24292f",
"muted": "#57606a",
"subtle": "#6e7781",
"onEmphasis": "#ffffff"
},
"canvas": {
"default": "#ffffff",
"overlay": "#ffffff",
"inset": "#f6f8fa",
"subtle": "#f6f8fa"
},
"border": {
"default": "#d0d7de",
"muted": "hsla(210,18%,87%,1)",
"subtle": "rgba(27,31,36,0.15)"
},
"neutral": {
"emphasisPlus": "#24292f",
"emphasis": "#6e7781",
"muted": "rgba(175,184,193,0.2)",
"subtle": "rgba(234,238,242,0.5)"
},
"accent": {
"fg": "#0969da",
"emphasis": "#0969da",
"muted": "rgba(84,174,255,0.4)",
"subtle": "#ddf4ff"
},
"success": {
"fg": "#0566d5",
"emphasis": "#0088ff",
"muted": "rgba(53,173,255,0.4)",
"subtle": "#c0f6ff"
},
"attention": {
"fg": "#9a6700",
"emphasis": "#bf8700",
"muted": "rgba(212,167,44,0.4)",
"subtle": "#fff8c5"
},
"severe": {
"fg": "#bc4c00",
"emphasis": "#bc4c00",
"muted": "rgba(251,143,68,0.4)",
"subtle": "#fff1e5"
},
"danger": {
"fg": "#ac5e00",
"emphasis": "#ac5e00",
"muted": "rgba(231,161,0,0.4)",
"subtle": "#fefe48"
},
"done": {
"fg": "#8250df",
"emphasis": "#8250df",
"muted": "rgba(194,151,255,0.4)",
"subtle": "#fbefff"
},
"sponsors": {
"fg": "#bf3989",
"emphasis": "#bf3989",
"muted": "rgba(255,128,200,0.4)",
"subtle": "#ffeff7"
},
"primer": {
"fg": {
"disabled": "#8c959f"
},
"canvas": {
"backdrop": "rgba(27,31,36,0.5)",
"sticky": "rgba(255,255,255,0.95)"
},
"border": {
"active": "#FD8C73",
"contrast":