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": {
"auto": {
"black": "#1b1f24",
"white": "#ffffff",
"gray": [
"#f6f8fa",
"#eaeef2",
"#d0d7de",
"#afb8c1",
"#8c959f",
"#6e7781",
"#57606a",
"#424a53",
"#32383f",
"#24292f"
],
"blue": [
"#ddf4ff",
"#b6e3ff",
"#80ccff",
"#54aeff",
"#218bff",
"#0969da",
"#0550ae",
"#033d8b",
"#0a3069",
"#002155"
],
"green": [
"#dafbe1",
"#aceebb",
"#6fdd8b",
"#4ac26b",
"#2da44e",
"#1a7f37",
"#116329",
"#044f1e",
"#003d16",
"#002d11"
],
"yellow": [
"#fff8c5",
"#fae17d",
"#eac54f",
"#d4a72c",
"#bf8700",
"#9a6700",
"#7d4e00",
"#633c01",
"#4d2d00",
"#3b2300"
],
"orange": [
"#fff1e5",
"#ffd8b5",
"#ffb77c",
"#fb8f44",
"#e16f24",
"#bc4c00",
"#953800",
"#762c00",
"#5c2200",
"#471700"
],
"red": [
"#FFEBE9",
"#ffcecb",
"#ffaba8",
"#ff8182",
"#fa4549",
"#cf222e",
"#a40e26",
"#82071e",
"#660018",
"#4c0014"
],
"purple": [
"#fbefff",
"#ecd8ff",
"#d8b9ff",
"#c297ff",
"#a475f9",
"#8250df",
"#6639ba",
"#512a97",
"#3e1f79",
"#2e1461"
],
"pink": [
"#ffeff7",
"#ffd3eb",
"#ffadda",
"#ff80c8",
"#e85aad",
"#bf3989",
"#99286e",
"#772057",
"#611347",
"#4d0336"
]
},
"text": {
"primary": "#24292f",
"secondary": "#57606a",
"tertiary": "#57606a",
"placeholder": "#6e7781",
"disabled": "#57606a",
"inverse": "#ffffff",
"link": "#0969da",
"danger": "#cf222e",
"success": "#1a7f37",
"warning": "#9a6700",
"white": "#ffffff"
},
"icon": {
"primary": "#24292f",
"secondary": "#57606a",
"tertiary": "#57606a",
"info": "#0969da",
"danger": "#cf222e",
"success": "#1a7f37",
"warning": "#9a6700"
},
"border": {
"primary": "#d0d7de",
"secondary": "hsla(210,18%,87%,1)",
"tertiary": "rgba(175,184,193,0.2)",
"overlay": "#d0d7de",
"inverse": "#ffffff",
"info": "#0969da",
"danger": "#cf222e",
"success": "#2da44e",
"warning": "#bf8700",
"default": "#d0d7de",
"muted": "hsla(210,18%,87%,1)",
"subtle": "rgba(27,31,36,0.15)"
},
"bg": {
"canvas": "#ffffff",
"canvasMobile": "rgba(0,0,0,0)",
"canvasInverse": "#6e7781",
"canvasInset": "#f6f8fa",
"primary": "#ffffff",
"secondary": "#f6f8fa",
"tertiary": "#f6f8fa",
"overlay": "#ffffff",
"backdrop": "rgba(27,31,36,0.5)",
"info": "#ddf4ff",
"infoInverse": "#0969da",
"danger": "#FFEBE9",
"dangerInverse": "#cf222e",
"success": "#dafbe1",
"successInverse": "#2da44e",
"warning": "#fff8c5",
"warningInverse": "#bf8700"
},
"state": {
"hover": {
"primaryBg": "#0969da",
"primaryBorder": "#0969da",
"primaryText": "#ffffff",
"primaryIcon": "#ffffff",
"secondaryBg": "rgba(234,238,242,0.5)",
"secondaryBorder": "rgba(234,238,242,0.5)"
},
"selected": {
"primaryBg": "#0969da",
"primaryBorder": "#0969da",
"primaryText": "#ffffff",
"primaryIcon": "#ffffff"
},
"focus": {
"border": "#0969da"
}
},
"fade": {
"fg10": "rgba(27,31,36,0.1)",
"fg15": "rgba(27,31,36,0.15)",
"fg30": "rgba(27,31,36,0.3)",
"fg50": "rgba(27,31,36,0.5)",
"fg70": "rgba(27,31,36,0.7)",
"fg85": "rgba(27,31,36,0.85)",
"black10": "rgba(27,31,36,0.1)",
"black15": "rgba(27,31,36,0.15)",
"black30": "rgba(27,31,36,0.3)",
"black50": "rgba(27,31,36,0.5)",
"black70": "rgba(27,31,36,0.7)",
"black85": "rgba(27,31,36,0.85)",
"white10": "rgba(255,255,255,0.1)",
"white15": "rgba(255,255,255,0.15)",
"white30": "rgba(255,255,255,0.3)",
"white50": "rgba(255,255,255,0.5)",
"white70": "rgba(255,255,255,0.7)",
"white85": "rgba(255,255,255,0.85)"
},
"alert": {
"info": {
"text": "#24292f",
"icon": "#0969da",
"bg": "#ddf4ff",
"border": "rgba(84,174,255,0.4)"
},
"warn": {
"text": "#24292f",
"icon": "#9a6700",
"bg": "#fff8c5",
"border": "rgba(212,167,44,0.4)"
},
"error": {
"text": "#24292f",
"icon": "#cf222e",
"bg": "#FFEBE9",
"border": "rgba(255,129,130,0.4)"
},
"success": {
"text": "#24292f",
"icon": "#1a7f37",
"bg": "#dafbe1",
"border": "rgba(74,194,107,0.4)"
}
},
"autocomplete": {
"rowBorder": "hsla(210,18%,87%,1)"
},
"blankslate": {
"icon": "#57606a"
},
"counter": {
"text": "#24292f",
"bg": "rgba(175,184,193,0.2)",
"primary": {
"text": "#ffffff",
"bg": "#6e7781"
},
"secondary": {
"text": "#57606a",
"bg": "rgba(234,238,242,0.5)"
}
},
"box": {
"blueBorder": "rgba(84,174,255,0.4)",
"rowYellowBg": "#fff8c5",
"rowBlueBg": "#ddf4ff",
"headerBlueBg": "#ddf4ff",
"headerBlueBorder": "rgba(84,174,255,0.4)",
"borderInfo": "rgba(84,174,255,0.4)",
"bgInfo": "#ddf4ff",
"borderWarning": "rgba(212,167,44,0.4)",
"bgWarning": "#fff8c5"
},
"branchName": {
"text": "#57606a",
"icon": "#57606a",
"bg": "#ddf4ff",
"link": {
"text": "#0969da",
"icon": "#0969da",
"bg": "#ddf4ff"
}
},
"markdown": {
"codeBg": "rgba(175,184,193,0.2)",
"frameBorder": "#d0d7de",
"blockquoteBorder": "#d0d7de",
"tableBorder": "#d0d7de",
"tableTrBorder": "hsla(210,18%,87%,1)"
},
"filterItem": {
"barBg": "rgba(234,238,242,0.5)"
},
"hiddenTextExpander": {
"bg": "rgba(175,184,193,0.2)",
"bgHover": "rgba(84,174,255,0.4)"
},
"dragAndDrop": {
"border": "#d0d7de"
},
"uploadEnabled": {
"border": "#d0d7de",
"borderFocused": "#0969da"
},
"previewableCommentForm": {
"border": "#d0d7de"
},
"verifiedBadge": {
"text": "#1a7f37",
"bg": "#ffffff",
"border": "#d0d7de"
},
"socialCount": {
"bg": "#ffffff"
},
"tooltip": {
"text": "#ffffff",
"bg": "#24292f"
},
"filesExplorerIcon": "#0969da",
"hlAuthorBg": "#ddf4ff",
"hlAuthorBorder": "rgba(84,174,255,0.4)",
"logoSubdued": "rgba(175,184,193,0.2)",
"discussionBorder": "rgba(74,194,107,0.4)",
"discussionBgSuccess": "#2da44e",
"actionsWorkflowTableStickyBg": "rgba(255,255,255,0.95)",
"repoLanguageColorBorder": "rgba(27,31,36,0.1)",
"codeSelectionBg": "rgba(84,174,255,0.4)",
"highlight": {
"text": "#24292f",
"bg": "#fff8c5"
},
"blob": {
"lineHighlightBg": "#fff8c5",
"lineHighlightBorder": "rgba(212,167,44,0.4)"
},
"topicTag": {
"text": "#0969da",
"bg": "#ddf4ff",
"hoverBg": "#0969da",
"activeBg": "#ddf4ff",
"border": "rgba(0,0,0,0)"
},
"footerInvertocat": {
"octicon": "#6e7781",
"octiconHover": "#57606a"
},
"label": {
"border": "#d0d7de",
"primary": {
"text": "#24292f",
"border": "#6e7781"
},
"secondary": {
"text": "#57606a",
"border": "#d0d7de"
},
"info": {
"text": "#0969da",
"border": "#0969da"
},
"success": {
"text": "#1a7f37",
"border": "#2da44e"
},
"warning": {
"text": "#9a6700",
"border": "#bf8700"
},
"danger": {
"text": "#cf222e",
"border": "#cf222e"
},
"orange": {
"text": "#bc4c00",
"border": "#bc4c00"
}
},
"input": {
"bg": "#ffffff",
"contrastBg": "#f6f8fa",
"border": "#d0d7de",
"disabledBorder": "#d0d7de",
"warningBorder": "#bf8700",
"errorBorder": "#cf222e",
"tooltip": {
"success": {
"text": "#24292f",
"bg": "#dafbe1",
"border": "rgba(74,194,107,0.4)"
},
"warning": {
"text": "#24292f",
"bg": "#fff8c5",
"border": "rgba(212,167,44,0.4)"
},
"error": {
"text": "#24292f",
"bg": "#FFEBE9",
"border": "rgba(255,129,130,0.4)"
}
},
"disabledBg": "rgba(175,184,193,0.2)"
},
"toast": {
"text": "#24292f",
"bg": "#ffffff",
"border": "#d0d7de",
"icon": "#ffffff",
"iconBg": "#0969da",
"iconBorder": "rgba(0,0,0,0)",
"success": {
"text": "#24292f",
"border": "#d0d7de",
"icon": "#ffffff",
"iconBg": "#2da44e",
"iconBorder": "rgba(0,0,0,0)"
},
"warning": {
"text": "#24292f",
"border": "#d0d7de",
"icon": "#24292f",
"iconBg": "#bf8700",
"iconBorder": "rgba(0,0,0,0)"
},
"danger": {
"text": "#24292f",
"border": "#d0d7de",
"icon": "#ffffff",
"iconBg": "#cf222e",
"iconBorder": "rgba(0,0,0,0)"
},
"loading": {
"text": "#24292f",
"border": "#d0d7de",
"icon": "#ffffff",
"iconBg": "#6e7781",
"iconBorder": "rgba(0,0,0,0)"
}
},
"timeline": {
"text": "#57606a",
"badgeSuccessBorder": "rgba(0,0,0,0)",
"targetBadgeBorder": "#0969da",
"targetBadgeShadow": "rgba(84,174,255,0.4)",
"badgeBg": "#eaeef2"
},
"diffstat": {
"neutralBg": "rgba(175,184,193,0.2)",
"neutralBorder": "rgba(27,31,36,0.15)",
"deletionBorder": "rgba(27,31,36,0.15)",
"additionBorder": "rgba(27,31,36,0.15)",
"deletionBg": "#cf222e",
"additionBg": "#2da44e"
},
"diff": {
"addition": {
"text": "#24292f",
"bg": "#dafbe1",
"border": "rgba(74,194,107,0.4)"
},
"deletion": {
"text": "#24292f",
"bg": "#FFEBE9",
"border": "rgba(255,129,130,0.4)"
},
"change": {
"text": "#9a6700",
"bg": "#fff8c5",
"border": "rgba(212,167,44,0.4)"
}
},
"mergeBox": {
"successIconBg": "#2da44e",
"successIconText": "#ffffff",
"successIconBorder": "rgba(0,0,0,0)",
"successIndicatorBg": "#2da44e",
"successIndicatorBorder": "rgba(0,0,0,0)",
"mergedIconBg": "#8250df",
"mergedIconText": "#ffffff",
"mergedIconBorder": "rgba(0,0,0,0)",
"mergedBoxBorder": "#8250df",
"neutralIconBg": "#6e7781",
"neutralIconText": "#ffffff",
"neutralIconBorder": "rgba(0,0,0,0)",
"neutralIndicatorBg": "#6e7781",
"neutralIndicatorBorder": "rgba(0,0,0,0)",
"warningIconBg": "#bf8700",
"warningIconText": "#ffffff",
"warningIconBorder": "rgba(0,0,0,0)",
"warningBoxBorder": "#bf8700",
"warningMergeHighlight": "rgba(0,0,0,0)",
"errorIconBg": "#cf222e",
"errorIconText": "#ffffff",
"errorIconBorder": "rgba(0,0,0,0)",
"errorIndicatorBg": "#cf222e",
"errorIndicatorBorder": "rgba(0,0,0,0)"
},
"underlinenav": {
"border": "rgba(0,0,0,0)",
"borderHover": "rgba(175,184,193,0.2)",
"borderActive": "#FD8C73",
"text": "#24292f",
"textHover": "#24292f",
"textActive": "#24292f",
"icon": "#6e7781",
"iconHover": "#6e7781",
"iconActive": "#24292f",
"counterText": "#24292f",
"counterBg": "rgba(175,184,193,0.2)"
},
"selectMenu": {
"borderSecondary": "hsla(210,18%,87%,1)",
"backdropBg": "rgba(27,31,36,0.5)",
"backdropBorder": "rgba(0,0,0,0)",
"tapHighlight": "rgba(175,184,193,0.5)",
"tapFocusBg": "#b6e3ff"
},
"sidenav": {
"borderActive": "#FD8C73",
"selectedBg": "#ffffff"
},
"menu": {
"headingText": "#24292f",
"borderActive": "#FD8C73",
"bgActive": "rgba(0,0,0,0)"
},
"project": {
"cardBg": "#ffffff",
"headerBg": "#24292f",
"sidebarBg": "#ffffff",
"gradientIn": "#ffffff",
"gradientOut": "rgba(255,255,255,0)"
},
"prState": {
"draft": {
"text": "#ffffff",
"bg": "#6e7781",
"border": "rgba(0,0,0,0)"
},
"open": {
"text": "#ffffff",
"bg": "#2da44e",
"border": "rgba(0,0,0,0)"
},
"merged": {
"text": "#ffffff",
"bg": "#8250df",
"border": "rgba(0,0,0,0)"
},
"closed": {
"text": "#ffffff",
"bg": "#cf222e",
"border": "rgba(0,0,0,0)"
}
},
"diffBlob": {
"numText": "#6e7781",
"numHoverText": "#24292f",
"addition": {
"numHoverText": "#24292f",
"numText": "#24292f",
"fg": "#24292f",
"numBg": "#CCFFD8",
"lineBg": "#E6FFEC",
"wordBg": "#ABF2BC"
},
"deletion": {
"numHoverText": "#24292f",
"lineBg": "#FFEBE9",
"wordBg": "rgba(255,129,130,0.4)",
"numText": "#24292f",
"fg": "#24292f",
"numBg": "#FFD7D5"
},
"hunk": {
"text": "#57606a",
"numBg": "rgba(84,174,255,0.4)",
"lineBg": "#ddf4ff"
},
"emptyBlockBg": "rgba(234,238,242,0.5)",
"selectedLineHighlightBg": "#fff8c5",
"selectedLineHighlightBorder": "rgba(212,167,44,0.4)",
"expander": {
"hoverIcon": "#ffffff",
"hoverBg": "#0969da",
"icon": "#57606a"
},
"commentButton": {
"icon": "#ffffff",
"bg": "#0969da",
"gradientBg": "rgba(0,0,0,0)"
}
},
"globalNav": {
"logo": "#ffffff",
"bg": "#24292f",
"text": "#ffffff",
"icon": "#ffffff",
"inputBg": "#f6f8fa",
"inputBorder": "#f6f8fa",
"inputIcon": "#afb8c1",
"inputPlaceholder": "#8c959f"
},
"introShelf": {
"gradientLeft": "#ddf4ff",
"gradientRight": "#dafbe1",
"gradientIn": "#ffffff",
"gradientOut": "rgba(255,255,255,0)"
},
"marketingIcon": {
"primary": "#218bff",
"secondary": "#54aeff"
},
"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"
}
},
"mktg": {
"success": "rgba(36,146,67,1)",
"info": "rgba(19,119,234,1)",
"bgShadeGradient": {
"top": "rgba(27,31,36,0.065)",
"bottom": "rgba(27,31,36,0)"
},
"btn": {
"bg": {
"top": "hsla(228,82%,66%,1)",
"bottom": "#4969ed"
},
"bgOverlay": {
"top": "hsla(228,74%,59%,1)",
"bottom": "#3355e0"
},
"text": "#ffffff",
"primary": {
"bg": {
"top": "hsla(137,56%,46%,1)",
"bottom": "#2ea44f"
},
"bgOverlay": {
"top": "hsla(134,60%,38%,1)",
"bottom": "#22863a"
},
"text": "#ffffff"
},
"enterprise": {
"bg": {
"top": "hsla(249,100%,72%,1)",
"bottom": "#6f57ff"
},
"bgOverlay": {
"top": "hsla(248,65%,63%,1)",
"bottom": "#614eda"
},
"text": "#ffffff"
},
"outline": {
"text": "#4969ed",
"border": "rgba(73,105,237,0.3)",
"hover": {
"text": "#3355e0",
"border": "rgba(51,85,224,0.5)"
},
"focus": {
"border": "#4969ed",
"borderInset": "rgba(73,105,237,0.5)"
}
},
"dark": {
"text": "#ffffff",
"border": "rgba(255,255,255,0.3)",
"hover": {
"text": "#ffffff",
"border": "rgba(255,255,255,0.5)"
},
"focus": {
"border": "#ffffff",
"borderInset": "rgba(255,255,255,0.5)"
}
}
}
},
"avatar": {
"bg": "#ffffff",
"border": "rgba(27,31,36,0.15)",
"stackFade": "#afb8c1",
"stackFadeMore": "#d0d7de"
},
"header": {
"text": "rgba(255,255,255,0.7)",
"bg": "#24292f",
"logo": "#ffffff"
},
"headerSearch": {
"bg": "#24292f",
"border": "#57606a"
},
"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"
}
},
"fg": {
"default": "#24292f",
"muted": "#57606a",
"subtle": "#6e7781",
"onEmphasis": "#ffffff"
},
"canvas": {
"default": "#ffffff",
"overlay": "#ffffff",
"inset": "#f6f8fa",
"subtle": "#f6f8fa"
},
"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": {
"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": {
"shadow": {
"highlight": "inset 0 1px 0 rgba(255,255,255,0.25)",
"inset": "inset 0 1px 0 rgba(208,215,222,0.2)",
"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)"
},
"state": {
"focus": {
"shadow": "0 0 0 3px rgba(9,105,218,0.3)"
}
},
"autocomplete": {
"shadow": "0 3px 6px rgba(140,149,159,0.15)"
},
"dropdown": {
"shadow": "0 8px 24px rgba(140,149,159,0.2)"
},
"input": {
"shadow": "inset 0 1px 0 rgba(208,215,222,0.2)"
},
"toast": {
"shadow": "0 8px 24px rgba(140,149,159,0.2)"
},
"selectMenu": {
"shadow": "0 8px 24px rgba(140,149,159,0.2)"
},
"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)"
}
},
"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)"
}
}
}
},
"dark": {
"colors": {
"auto": {
"black": "#f0f6fc",
"white": "#010409",
"gray": [
"#0d1117",
"#161b22",
"#21262d",
"#30363d",
"#484f58",
"#6e7681",
"#8b949e",
"#b1bac4",
"#c9d1d9",
"#f0f6fc"
],
"blue": [
"#051d4d",
"#0c2d6b",
"#0d419d",
"#1158c7",
"#1f6feb",
"#388bfd",
"#58a6ff",
"#79c0ff",
"#a5d6ff",
"#cae8ff"
],
"green": [
"#04260f",
"#033a16",
"#0f5323",
"#196c2e",
"#238636",
"#2ea043",
"#3fb950",
"#56d364",
"#7ee787",
"#aff5b4"
],
"yellow": [
"#341a00",
"#4b2900",
"#693e00",
"#845306",
"#9e6a03",
"#bb8009",
"#d29922",
"#e3b341",
"#f2cc60",
"#f8e3a1"
],
"orange": [
"#3d1300",
"#5a1e02",
"#762d0a",
"#9b4215",
"#bd561d",
"#db6d28",
"#f0883e",
"#ffa657",
"#ffc680",
"#ffdfb6"
],
"red": [
"#490202",
"#67060c",
"#8e1519",
"#b62324",
"#da3633",
"#f85149",
"#ff7b72",
"#ffa198",
"#ffc1ba",
"#ffdcd7"
],
"purple": [
"#271052",
"#3c1e70",
"#553098",
"#6e40c9",
"#8957e5",
"#a371f7",
"#bc8cff",
"#d2a8ff",
"#e2c5ff",
"#eddeff"
],
"pink": [
"#42062a",
"#5e103e",
"#7d2457",
"#9e3670",
"#bf4b8a",
"#db61a2",
"#f778ba",
"#ff9bce",
"#ffbedd",
"#ffdaec"
]
},
"text": {
"primary": "#c9d1d9",
"secondary": "#8b949e",
"tertiary": "#8b949e",
"placeholder": "#484f58",
"disabled": "#8b949e",
"inverse": "#f0f6fc",
"link": "#58a6ff",
"danger": "#f85149",
"success": "#3fb950",
"warning": "#d29922",
"white": "#f0f6fc"
},
"icon": {
"primary": "#c9d1d9",
"secondary": "#8b949e",
"tertiary": "#8b949e",
"info": "#58a6ff",
"danger": "#f85149",
"success": "#3fb950",
"warning": "#d29922"
},
"border": {
"primary": "#30363d",
"secondary": "#21262d",
"tertiary": "rgba(110,118,129,0.4)",
"overlay": "#30363d",
"inverse": "#f0f6fc",
"info": "#1f6feb",
"danger": "#da3633",
"success": "#238636",
"warning": "#9e6a03",
"default": "#30363d",
"muted": "#21262d",
"subtle": "rgba(240,246,252,0.1)"
},
"bg": {
"canvas": "#0d1117",
"canvasMobile": "rgba(0,0,0,0)",
"canvasInverse": "#6e7681",
"canvasInset": "#010409",
"primary": "#0d1117",
"secondary": "#161b22",
"tertiary": "#161b22",
"overlay": "#161b22",
"backdrop": "rgba(1,4,9,0.8)",
"info": "rgba(56,139,253,0.15)",
"infoInverse": "#1f6feb",
"danger": "rgba(248,81,73,0.15)",
"dangerInverse": "#da3633",
"success": "rgba(46,160,67,0.15)",
"successInverse": "#238636",
"warning": "rgba(187,128,9,0.15)",
"warningInverse": "#9e6a03"
},
"state": {
"hover": {
"primaryBg": "#1f6feb",
"primaryBorder": "#1f6feb",
"primaryText": "#f0f6fc",
"primaryIcon": "#f0f6fc",
"secondaryBg": "rgba(110,118,129,0.1)",
"secondaryBorder": "rgba(110,118,129,0.1)"
},
"selected": {
"primaryBg": "#1f6feb",
"primaryBorder": "#1f6feb",
"primaryText": "#f0f6fc",
"primaryIcon": "#f0f6fc"
},
"focus": {
"border": "#1f6feb"
}
},
"fade": {
"fg10": "rgba(240,246,252,0.1)",
"fg15": "rgba(240,246,252,0.15)",
"fg30": "rgba(240,246,252,0.3)",
"fg50": "rgba(240,246,252,0.5)",
"fg70": "rgba(240,246,252,0.7)",
"fg85": "rgba(240,246,252,0.85)",
"black10": "rgba(1,4,9,0.1)",
"black15": "rgba(1,4,9,0.15)",
"black30": "rgba(1,4,9,0.3)",
"black50": "rgba(1,4,9,0.5)",
"black70": "rgba(1,4,9,0.7)",
"black85": "rgba(1,4,9,0.85)",
"white10": "rgba(240,246,252,0.1)",
"white15": "rgba(240,246,252,0.15)",
"white30": "rgba(240,246,252,0.3)",
"white50": "rgba(240,246,252,0.5)",
"white70": "rgba(240,246,252,0.7)",
"white85": "rgba(240,246,252,0.85)"
},
"alert": {
"info": {
"text": "#c9d1d9",
"icon": "#58a6ff",
"bg": "rgba(56,139,253,0.15)",
"border": "rgba(56,139,253,0.4)"
},
"warn": {
"text": "#c9d1d9",
"icon": "#d29922",
"bg": "rgba(187,128,9,0.15)",
"border": "rgba(187,128,9,0.4)"
},
"error": {
"text": "#c9d1d9",
"icon": "#f85149",
"bg": "rgba(248,81,73,0.15)",
"border": "rgba(248,81,73,0.4)"
},
"success": {
"text": "#c9d1d9",
"icon": "#3fb950",
"bg": "rgba(46,160,67,0.15)",
"border": "rgba(46,160,67,0.4)"
}
},
"autocomplete": {
"rowBorder": "#21262d"
},
"blankslate": {
"icon": "#8b949e"
},
"counter": {
"text": "#c9d1d9",
"bg": "rgba(110,118,129,0.4)",
"primary": {
"text": "#f0f6fc",
"bg": "#6e7681"
},
"secondary": {
"text": "#8b949e",
"bg": "rgba(110,118,129,0.1)"
}
},
"box": {
"blueBorder": "rgba(56,139,253,0.4)",
"rowYellowBg": "rgba(187,128,9,0.15)",
"rowBlueBg": "rgba(56,139,253,0.15)",
"headerBlueBg": "rgba(56,139,253,0.15)",
"headerBlueBorder": "rgba(56,139,253,0.4)",
"borderInfo": "rgba(56,139,253,0.4)",
"bgInfo": "rgba(56,139,253,0.15)",
"borderWarning": "rgba(187,128,9,0.4)",
"bgWarning": "rgba(187,128,9,0.15)"
},
"branchName": {
"text": "#8b949e",
"icon": "#8b949e",
"bg": "rgba(56,139,253,0.15)",
"link": {
"text": "#58a6ff",
"icon": "#58a6ff",
"bg": "rgba(56,139,253,0.15)"
}
},
"markdown": {
"codeBg": "rgba(110,118,129,0.4)",
"frameBorder": "#30363d",
"blockquoteBorder": "#30363d",
"tableBorder": "#30363d",
"tableTrBorder": "#21262d"
},
"filterItem": {
"barBg": "rgba(110,118,129,0.1)"
},
"hiddenTextExpander": {
"bg": "rgba(110,118,129,0.4)",
"bgHover": "rgba(56,139,253,0.4)"
},
"dragAndDrop": {
"border": "#30363d"
},
"uploadEnabled": {
"border": "#30363d",
"borderFocused": "#1f6feb"
},
"previewableCommentForm": {
"border": "#30363d"
},
"verifiedBadge": {
"text": "#3fb950",
"bg": "#0d1117",
"border": "#30363d"
},
"socialCount": {
"bg": "#0d1117"
},
"tooltip": {
"text": "#f0f6fc",
"bg": "#6e7681"
},
"filesExplorerIcon": "#58a6ff",
"hlAuthorBg": "rgba(56,139,253,0.15)",
"hlAuthorBorder": "rgba(56,139,253,0.4)",
"logoSubdued": "rgba(110,118,129,0.4)",
"discussionBorder": "rgba(46,160,67,0.4)",
"discussionBgSuccess": "#238636",
"actionsWorkflowTableStickyBg": "rgba(13,17,23,0.95)",
"repoLanguageColorBorder": "rgba(240,246,252,0.2)",
"codeSelectionBg": "rgba(56,139,253,0.4)",
"highlight": {
"text": "#c9d1d9",
"bg": "rgba(187,128,9,0.15)"
},
"blob": {
"lineHighlightBg": "rgba(187,128,9,0.15)",
"lineHighlightBorder": "rgba(187,128,9,0.4)"
},
"topicTag": {
"text": "#58a6ff",
"bg": "rgba(56,139,253,0.15)",
"hoverBg": "#1f6feb",
"activeBg": "rgba(56,139,253,0.15)",
"border": "rgba(0,0,0,0)"
},
"footerInvertocat": {
"octicon": "#484f58",
"octiconHover": "#8b949e"
},
"label": {
"border": "#30363d",
"primary": {
"text": "#c9d1d9",
"border": "#6e7681"
},
"secondary":