@primer/components
Version:
Primer react components
1,442 lines (1,441 loc) • 198 kB
JavaScript
// this file was prevaled
// This file needs to be a JavaScript file using CommonJS to be compatiable with preval
module.exports = {
"theme": {
"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": "#d0d7de",
"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",
"numText": "#24292f",
"fg": "#24292f",
"numBg": "#FFD7D5",
"lineBg": "#FFEBE9",
"wordBg": "rgba(255,129,130,0.4)"
},
"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)"
},
"canvasDefaultTransparent": "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)"
}
}
}
},
"light_protanopia": {
"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": ["#c0f6ff", "#96e5ff", "#65ccff", "#35adff", "#0088ff", "#0566d5", "#054da9", "#033a86", "#002d68", "#001f50"],
"yellow": ["#fff8c5", "#fae17d", "#eac54f", "#d4a72c", "#bf8700", "#9a6700", "#7d4e00", "#633c01", "#4d2d00", "#3b2300"],
"orange": ["#fff1e5", "#ffd8b5", "#ffb77c", "#fb8f44", "#e16f24", "#bc4c00", "#953800", "#762c00", "#5c2200", "#471700"],
"red": ["#fefe48", "#fee325", "#f8c200", "#e7a100", "#d08002", "#ac5e00", "#8b4600", "#6c3900", "#4c3100", "#2f2900"],
"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": "#ac5e00",
"success": "#0566d5",
"warning": "#9a6700",
"white": "#ffffff"
},
"icon": {
"primary": "#24292f",
"secondary": "#57606a",
"tertiary": "#57606a",
"info": "#0969da",
"danger": "#ac5e00",
"success": "#0566d5",
"warning": "#9a6700"
},
"border": {
"primary": "#d0d7de",
"secondary": "hsla(210,18%,87%,1)",
"tertiary": "#d0d7de",
"overlay": "#d0d7de",
"inverse": "#ffffff",
"info": "#0969da",
"danger": "#ac5e00",
"success": "#0088ff",
"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": "#fefe48",
"dangerInverse": "#ac5e00",
"success": "#c0f6ff",
"successInverse": "#0088ff",
"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": "#ac5e00",
"bg": "#fefe48",
"border": "rgba(231,161,0,0.4)"
},
"success": {
"text": "#24292f",
"icon": "#0566d5",
"bg": "#c0f6ff",
"border": "rgba(53,173,255,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": "#0566d5",
"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(53,173,255,0.4)",
"discussionBgSuccess": "#0088ff",
"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": "#0566d5",
"border": "#0088ff"
},
"warning": {
"text": "#9a6700",
"border": "#bf8700"
},
"danger": {
"text": "#ac5e00",
"border": "#ac5e00"
},
"orange": {
"text": "#bc4c00",
"border": "#bc4c00"
}
},
"input": {
"bg": "#ffffff",
"contrastBg": "#f6f8fa",
"border": "#d0d7de",
"disabledBorder": "#d0d7de",
"warningBorder": "#bf8700",
"errorBorder": "#ac5e00",
"tooltip": {
"success": {
"text": "#24292f",
"bg": "#c0f6ff",
"border": "rgba(53,173,255,0.4)"
},
"warning": {
"text": "#24292f",
"bg": "#fff8c5",
"border": "rgba(212,167,44,0.4)"
},
"error": {
"text": "#24292f",
"bg": "#fefe48",
"border": "rgba(231,161,0,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": "#0088ff",
"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": "#ac5e00",
"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": "#ac5e00",
"additionBg": "#0088ff"
},
"diff": {
"addition": {
"text": "#24292f",
"bg": "#c0f6ff",
"border": "rgba(53,173,255,0.4)"
},
"deletion": {
"text": "#24292f",
"bg": "#fefe48",
"border": "rgba(231,161,0,0.4)"
},
"change": {
"text": "#9a6700",
"bg": "#fff8c5",
"border": "rgba(212,167,44,0.4)"
}
},
"mergeBox": {
"successIconBg": "#0088ff",
"successIconText": "#ffffff",
"successIconBorder": "rgba(0,0,0,0)",
"successIndicatorBg": "#0088ff",
"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": "#ac5e00",
"errorIconText": "#ffffff",
"errorIconBorder": "rgba(0,0,0,0)",
"errorIndicatorBg": "#ac5e00",
"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": "#0088ff",
"border": "rgba(0,0,0,0)"
},
"merged": {
"text": "#ffffff",
"bg": "#8250df",
"border": "rgba(0,0,0,0)"
},
"closed": {
"text": "#ffffff",
"bg": "#ac5e00",
"border": "rgba(0,0,0,0)"
}
},
"diffBlob": {
"numText": "#6e7781",
"numHoverText": "#24292f",
"addition": {
"numHoverText": "#24292f",
"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": {
"numHoverText": "#24292f",
"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": {
"text": "#57606a",
"numBg": "rgba(84,174,255,0.4)",
"lineBg": "#ddf4ff"