Primer React Prototype

Theme reference

{
"colors": {
"scale": {
"black": "#010409",
"white": "#f0f6fc",
"gray": [
"#f0f6fc",
"#c9d1d9",
"#b1bac4",
"#8b949e",
"#6e7681",
"#484f58",
"#30363d",
"#21262d",
"#161b22",
"#0d1117"
],
"blue": [
"#cae8ff",
"#a5d6ff",
"#79c0ff",
"#58a6ff",
"#388bfd",
"#1f6feb",
"#1158c7",
"#0d419d",
"#0c2d6b",
"#051d4d"
],
"green": [
"#aff5b4",
"#7ee787",
"#56d364",
"#3fb950",
"#2ea043",
"#238636",
"#196c2e",
"#0f5323",
"#033a16",
"#04260f"
],
"yellow": [
"#f8e3a1",
"#f2cc60",
"#e3b341",
"#d29922",
"#bb8009",
"#9e6a03",
"#845306",
"#693e00",
"#4b2900",
"#341a00"
],
"orange": [
"#ffdfb6",
"#ffc680",
"#ffa657",
"#f0883e",
"#db6d28",
"#bd561d",
"#9b4215",
"#762d0a",
"#5a1e02",
"#3d1300"
],
"red": [
"#ffdcd7",
"#ffc1ba",
"#ffa198",
"#ff7b72",
"#f85149",
"#da3633",
"#b62324",
"#8e1519",
"#67060c",
"#490202"
],
"purple": [
"#eddeff",
"#e2c5ff",
"#d2a8ff",
"#bc8cff",
"#a371f7",
"#8957e5",
"#6e40c9",
"#553098",
"#3c1e70",
"#271052"
],
"pink": [
"#ffdaec",
"#ffbedd",
"#ff9bce",
"#f778ba",
"#db61a2",
"#bf4b8a",
"#9e3670",
"#7d2457",
"#5e103e",
"#42062a"
]
},
"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": "#484f58",
"inverse": "#0d1117",
"link": "#58a6ff",
"danger": "#f85149",
"success": "#56d364",
"warning": "#e3b341",
"white": "#f0f6fc"
},
"icon": {
"primary": "#c9d1d9",
"secondary": "#6e7681",
"tertiary": "#484f58",
"info": "#79c0ff",
"danger": "#f85149",
"success": "#56d364",
"warning": "#e3b341"
},
"border": {
"primary": "#30363d",
"secondary": "#21262d",
"tertiary": "#6e7681",
"overlay": "#30363d",
"inverse": "#f0f6fc",
"info": "rgba(56,139,253,0.4)",
"danger": "rgba(248,81,73,0.4)",
"success": "rgba(63,185,80,0.4)",
"warning": "rgba(187,128,9,0.4)"
},
"bg": {
"canvas": "#0d1117",
"canvasMobile": "#010409",
"canvasInverse": "#f0f6fc",
"canvasInset": "#06090f",
"primary": "#0d1117",
"secondary": "#0d1117",
"tertiary": "#161b22",
"overlay": "#21262d",
"backdrop": "rgba(1,4,9,0.8)",
"info": "rgba(56,139,253,0.1)",
"infoInverse": "#388bfd",
"danger": "rgba(248,81,73,0.1)",
"dangerInverse": "#da3633",
"success": "rgba(46,160,67,0.1)",
"successInverse": "#2ea043",
"warning": "rgba(187,128,9,0.1)",
"warningInverse": "#bb8009"
},
"shadow": {
"small": "0 0 rgba(0,0,0,0)",
"medium": "0 3px 6px #010409",
"large": "0 8px 24px #010409",
"extraLarge": "0 12px 48px #010409",
"highlight": "0 0 rgba(0,0,0,0)",
"inset": "0 0 rgba(0,0,0,0)"
},
"state": {
"hover": {
"primaryBg": "#1f6feb",
"primaryBorder": "#388bfd",
"primaryText": "#f0f6fc",
"primaryIcon": "#f0f6fc",
"secondaryBg": "#161b22",
"secondaryBorder": "#161b22"
},
"selected": {
"primaryBg": "#1f6feb",
"primaryBorder": "#388bfd",
"primaryText": "#f0f6fc",
"primaryIcon": "#f0f6fc"
},
"focus": {
"border": "#388bfd",
"shadow": "0 0 0 3px #0c2d6b"
}
},
"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": "#79c0ff",
"icon": "#79c0ff",
"bg": "rgba(56,139,253,0.1)",
"border": "rgba(56,139,253,0.4)"
},
"warn": {
"text": "#e3b341",
"icon": "#e3b341",
"bg": "rgba(187,128,9,0.1)",
"border": "rgba(187,128,9,0.4)"
},
"error": {
"text": "#ff7b72",
"icon": "#ff7b72",
"bg": "rgba(248,81,73,0.1)",
"border": "rgba(248,81,73,0.4)"
},
"success": {
"text": "#56d364",
"icon": "#56d364",
"bg": "rgba(46,160,67,0.1)",
"border": "rgba(46,160,67,0.4)"
}
},
"autocomplete": {
"shadow": "0 16px 32px rgba(1,4,9,0.85)",
"rowBorder": "#30363d"
},
"blankslate": {
"icon": "#535c66"
},
"btn": {
"text": "#c9d1d9",
"bg": "#21262d",
"border": "#30363d",
"shadow": "0 0 rgba(0,0,0,0)",
"insetShadow": "0 0 rgba(0,0,0,0)",
"hoverBg": "#30363d",
"hoverBorder": "#8b949e",
"selectedBg": "#161b22",
"focusBg": "#21262d",
"focusBorder": "#8b949e",
"focusShadow": "0 0 0 3px rgba(139,148,158,0.3)",
"shadowActive": "inset 0 0.15em 0.3em rgba(1,4,9,0.15)",
"shadowInputFocus": "0 0 0 0.2em rgba(31,111,235,0.3)",
"primary": {
"text": "#ffffff",
"bg": "#238636",
"border": "#2ea043",
"shadow": "0 0 rgba(0,0,0,0)",
"insetShadow": "0 0 rgba(0,0,0,0)",
"hoverBg": "#2ea043",
"hoverBorder": "#3fb950",
"selectedBg": "#238636",
"selectedShadow": "0 0 rgba(0,0,0,0)",
"disabledText": "rgba(240,246,252,0.5)",
"disabledBg": "rgba(35,134,54,0.6)",
"disabledBorder": "rgba(0,0,0,0)",
"focusBg": "#238636",
"focusBorder": "#3fb950",
"focusShadow": "0 0 0 3px rgba(46,164,79,0.4)",
"icon": "#f0f6fc",
"counterBg": "rgba(240,246,252,0.2)"
},
"outline": {
"text": "#58a6ff",
"hoverText": "#58a6ff",
"hoverBg": "#30363d",
"hoverBorder": "#58a6ff",
"hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
"hoverInsetShadow": "inset 0 1px 0 rgba(240,246,252,0.03)",
"hoverCounterBg": "rgba(240,246,252,0.2)",
"selectedText": "#f0f6fc",
"selectedBg": "#0d419d",
"selectedBorder": "rgba(240,246,252,0.1)",
"selectedShadow": "0 0 rgba(0,0,0,0)",
"disabledText": "rgba(88,166,255,0.5)",
"disabledBg": "#0d1117",
"disabledCounterBg": "rgba(31,111,235,0.05)",
"focusBorder": "#58a6ff",
"focusShadow": "0 0 0 3px rgba(17,88,199,0.4)",
"counterBg": "rgba(31,111,235,0.1)"
},
"danger": {
"text": "#f85149",
"hoverText": "#ffffff",
"hoverBg": "#da3633",
"hoverBorder": "#f85149",
"hoverShadow": "0 0 rgba(0,0,0,0)",
"hoverInsetShadow": "0 0 rgba(0,0,0,0)",
"hoverCounterBg": "rgba(255,255,255,0.2)",
"selectedText": "#ffffff",
"selectedBg": "#b62324",
"selectedBorder": "rgba(240,246,252,0.1)",
"selectedShadow": "0 0 rgba(0,0,0,0)",
"disabledText": "rgba(248,81,73,0.5)",
"disabledBg": "#0d1117",
"disabledCounterBg": "rgba(218,54,51,0.05)",
"focusBorder": "#f85149",
"focusShadow": "0 0 0 3px rgba(182,35,36,0.4)",
"counterBg": "rgba(218,54,51,0.1)",
"icon": "#f85149",
"hoverIcon": "#f0f6fc"
},
"counterBg": "#30363d"
},
"counter": {
"text": "#c9d1d9",
"bg": "#30363d",
"primary": {
"text": "#c9d1d9",
"bg": "#6e7681"
},
"secondary": {
"text": "#8b949e"
}
},
"dropdown": {
"shadow": "0 16px 32px rgba(1,4,9,0.85)"
},
"label": {
"border": "#30363d",
"primary": {
"text": "#b1bac4",
"border": "#6e7681"
},
"secondary": {
"text": "#8b949e",
"border": "#30363d"
},
"info": {
"text": "#388bfd",
"border": "rgba(56,139,253,0.4)"
},
"success": {
"text": "#3fb950",
"border": "rgba(46,160,67,0.4)"
},
"warning": {
"text": "#e3b341",
"border": "rgba(242,211,91,0.4)"
},
"danger": {
"text": "#f85149",
"border": "rgba(248,81,73,0.4)"
},
"orange": {
"text": "#db6d28",
"border": "rgba(219,109,40,0.4)"
}
},
"input": {
"bg": "#0d1117",
"contrastBg": "rgba(1,4,9,0.3)",
"border": "#21262d",
"shadow": "0 0 rgba(0,0,0,0)",
"disabledBg": "#161b22",
"disabledBorder": "#30363d",
"warningBorder": "#d29922",
"errorBorder": "#f85149",
"tooltip": {
"success": {
"text": "#56d364",
"bg": "#101f1b",
"border": "#1c532b"
},
"warning": {
"text": "#e3b341",
"bg": "#1e1c16",
"border": "#5d4411"
},
"error": {
"text": "#ff7b72",
"bg": "#25171c",
"border": "#792e2e"
}
}
},
"avatar": {
"bg": "rgba(240,246,252,0.1)",
"border": "rgba(240,246,252,0.1)",
"stackFade": "#30363d",
"stackFadeMore": "#21262d",
"childShadow": "-2px -2px 0 #0d1117"
},
"toast": {
"text": "#79c0ff",
"bg": "#010409",
"border": "#214981",
"shadow": "0 8px 24px #010409",
"icon": "#79c0ff",
"iconBg": "#121d2e",
"iconBorder": "#214981",
"success": {
"text": "#56d364",
"border": "#1c532c",
"icon": "#56d364",
"iconBg": "#111f1c",
"iconBorder": "#1c532c"
},
"warning": {
"text": "#e3b341",
"border": "#5e4411",
"icon": "#e3b341",
"iconBg": "#1f1c16",
"iconBorder": "#5e4411"
},
"danger": {
"text": "#ff7b72",
"border": "#792e2e",
"icon": "#ff7b72",
"iconBg": "#25171c",
"iconBorder": "#792e2e"
},
"loading": {
"text": "#c9d1d9",
"border": "#30363d",
"icon": "#f0f6fc",
"iconBg": "#30363d",
"iconBorder": "#30363d"
}
},
"timeline": {
"text": "#b1bac4",
"badgeBg": "#0d1117",
"targetBadgeBorder": "#1f6feb",
"targetBadgeShadow": "#0d419d"
},
"selectMenu": {
"borderSecondary": "#30363d",
"shadow": "0 0 18px rgba(1,4,9,0.4)",
"backdropBg": "rgba(1,4,9,0.5)",
"backdropBorder": "#484f58",
"tapHighlight": "rgba(48,54,61,0.5)",
"tapFocusBg": "#0c2d6b"
},
"box": {
"blueBorder": "#0d419d",
"rowYellowBg": "rgba(235,196,64,0.1)",
"rowBlueBg": "rgba(121,192,255,0.1)",
"headerBlueBg": "#0d1117",
"headerBlueBorder": "#30363d",
"borderInfo": "rgba(56,139,253,0.4)",
"bgInfo": "rgba(56,139,253,0.1)",
"borderWarning": "rgba(187,128,9,0.4)",
"bgWarning": "rgba(187,128,9,0.1)"
},
"branchName": {
"text": "#c9d1d9",
"icon": "#b1bac4",
"bg": "rgba(88,166,255,0.1)",
"link": {
"text": "#58a6ff",
"icon": "#58a6ff",
"bg": "rgba(88,166,255,0.1)"
}
},
"markdown": {
"codeBg": "rgba(240,246,252,0.15)",
"frameBorder": "#3b434b",
"blockquoteBorder": "#3b434b",
"tableBorder": "#3b434b",
"tableTrBorder": "#272c32"
},
"menu": {
"headingText": "#8b949e",
"borderActive": "#f78166",
"bgActive": "#161b22"
},
"sidenav": {
"selectedBg": "#21262d",
"borderActive": "#f78166"
},
"header": {
"text": "rgba(240,246,252,0.7)",
"bg": "#161b22",
"logo": "#f0f6fc"
},
"filterItem": {
"barBg": "#12161c"
},
"hiddenTextExpander": {
"bg": "#21262d",
"bgHover": "#30363d"
},
"dragAndDrop": {
"border": "#25292f"
},
"uploadEnabled": {
"border": "#3b434b",
"borderFocused": "#4487ee"
},
"previewableCommentForm": {
"border": "#25292f"
},
"underlinenav": {
"border": "rgba(48,54,61,0)",
"borderHover": "#30363d",
"borderActive": "#f78166",
"text": "#8b949e",
"textHover": "#c9d1d9",
"textActive": "#c9d1d9",
"icon": "#6e7681",
"iconHover": "#c9d1d9",
"iconActive": "#c9d1d9",
"counterText": "#8b949e"
},
"verifiedBadge": {
"text": "#3fb950",
"bg": "rgba(63,185,80,0.1)",
"border": "rgba(63,185,80,0.4)"
},
"socialCount": {
"bg": "#21262d"
},
"tooltip": {
"text": "#f0f6fc",
"bg": "#21262d"
},
"headerSearch": {
"bg": "#0d1117",
"border": "#21262d"
},
"searchKeyword": {
"hl": "rgba(187,128,9,0.4)"
},
"diffstat": {
"neutralBg": "#30363d",
"neutralBorder": "rgba(240,246,252,0.1)",
"deletionBg": "#da3633",
"deletionBorder": "#f85149",
"additionBg": "#238636",
"additionBorder": "#2ea043"
},
"mktg": {
"success": "#29933d",
"info": "#2a7bf3",
"bgShadeGradient": {
"top": "rgba(1,4,9,0.065)",
"bottom": "rgba(1,4,9,0)"
},
"btn": {
"bg": "#1f6feb",
"border": "#1f6feb",
"text": "#f0f6fc",
"icon": "#f0f6fc",
"focusShadow": "0 0 0 3px rgba(31,111,235,0.3)",
"hover": {
"bg": "#388bfd",
"border": "#388bfd"
},
"disabled": {
"bg": "rgba(56,139,253,0.5)",
"border": "rgba(0,0,0,0)",
"text": "rgba(240,246,252,0.5)",
"icon": "rgba(240,246,252,0.5)"
},
"primary": {
"bg": "#238636",
"border": "#238636",
"text": "#f0f6fc",
"icon": "#f0f6fc",
"focusShadow": "0 0 0 3px rgba(35,134,54,0.3)",
"hover": {
"bg": "#2ea043",
"border": "#2ea043"
},
"disabled": {
"bg": "rgba(46,160,67,0.5)",
"border": "rgba(0,0,0,0)",
"text": "rgba(240,246,252,0.5)",
"icon": "rgba(240,246,252,0.5)"
}
},
"outline": {
"bg": "rgba(0,0,0,0)",
"border": "rgba(56,139,253,0.5)",
"text": "#388bfd",
"icon": "#388bfd",
"focusShadow": "0 0 0 3px rgba(56,139,253,0.3)",
"hover": {
"bg": "rgba(0,0,0,0)",
"border": "#388bfd",
"text": "#58a6ff",
"icon": "#58a6ff"
},
"disabled": {
"bg": "rgba(0,0,0,0)",
"border": "rgba(56,139,253,0.2)",
"text": "rgba(56,139,253,0.5)",
"icon": "rgba(56,139,253,0.5)"
}
},
"dark": {
"bg": "rgba(0,0,0,0)",
"border": "rgba(201,209,217,0.5)",
"text": "#c9d1d9",
"icon": "#c9d1d9",
"focusShadow": "0 0 0 3px rgba(201,209,217,0.3)",
"hover": {
"bg": "rgba(201,209,217,0.5)",
"border": "rgba(201,209,217,0.5)",
"text": "#0d1117",
"icon": "#0d1117"
},
"disabled": {
"bg": "rgba(0,0,0,0)",
"border": "rgba(201,209,217,0.2)",
"text": "rgba(201,209,217,0.5)",
"icon": "rgba(201,209,217,0.5)"
}
}
}
},
"filesExplorerIcon": "#6e7681",
"hlAuthorBg": "#051d4d",
"hlAuthorBorder": "#0d419d",
"logoSubdued": "#30363d",
"discussionBorder": "#34513b",
"discussionBgSuccess": "rgba(46,160,67,0.1)",
"actionsWorkflowTableStickyBg": "rgba(13,17,23,0.95)",
"repoLanguageColorBorder": "rgba(240,246,252,0.2)",
"codeSelectionBg": "rgba(121,192,255,0.3)",
"blob": {
"lineHighlightBg": "rgba(210,153,34,0.15)",
"lineHighlightBorder": "#e3b341"
},
"diff": {
"addition": {
"text": "#56d364",
"bg": "rgba(46,160,67,0.2)",
"border": "#196c2e"
},
"deletion": {
"text": "#f85149",
"bg": "rgba(218,54,51,0.2)",
"border": "#b62324"
},
"change": {
"text": "#e3b341",
"bg": "#341a00",
"border": "#9e6a03"
}
},
"diffBlob": {
"numText": "rgba(240,246,252,0.3)",
"numHoverText": "rgba(240,246,252,0.6)",
"addition": {
"numText": "#3fb950",
"numHoverText": "#7ee787",
"numBg": "rgba(46,160,67,0.1)",
"lineBg": "rgba(46,160,67,0.2)",
"wordBg": "rgba(46,160,67,0.55)"
},
"deletion": {
"numText": "#f85149",
"numHoverText": "#ffa198",
"numBg": "rgba(218,54,51,0.1)",
"lineBg": "rgba(218,54,51,0.2)",
"wordBg": "rgba(218,54,51,0.5)"
},
"hunk": {
"text": "#8b949e",
"numBg": "rgba(88,166,255,0.15)",
"lineBg": "rgba(88,166,255,0.1)"
},
"emptyBlockBg": "#161b22",
"selectedLineHighlightBg": "rgba(187,128,9,0.1)",
"selectedLineHighlightBorder": "#bb8009",
"selectedLineHighlightMixBlendMode": "normal",
"expander": {
"icon": "#8b949e",
"hoverIcon": "#f0f6fc",
"hoverBg": "#1f6feb"
},
"commentButton": {
"icon": "#f0f6fc",
"bg": "#1f6feb",
"gradientBg": "#367eed"
}
},
"globalNav": {
"logo": "#f0f6fc",
"bg": "#161b22",
"text": "#c9d1d9",
"icon": "#c9d1d9",
"inputBg": "#0d1117",
"inputBorder": "#21262d",
"inputIcon": "#21262d",
"inputPlaceholder": "#484f58"
},
"calendarGraph": {
"dayBg": "#161b22",
"dayBorder": "rgba(27,31,35,0.06)",
"dayL1Bg": "#003820",
"dayL2Bg": "#00602d",
"dayL3Bg": "#10983d",
"dayL4Bg": "#27d545",
"dayL4Border": "rgba(255,255,255,0.05)",
"dayL3Border": "rgba(255,255,255,0.05)",
"dayL2Border": "rgba(255,255,255,0.05)",
"dayL1Border": "rgba(255,255,255,0.05)"
},
"footerInvertocat": {
"octicon": "#30363d",
"octiconHover": "#6e7681"
},
"prState": {
"draft": {
"text": "#8b949e",
"bg": "rgba(139,148,158,0.1)",
"border": "rgba(139,148,158,0.4)"
},
"open": {
"text": "#3fb950",
"bg": "rgba(63,185,80,0.1)",
"border": "rgba(63,185,80,0.4)"
},
"merged": {
"text": "#a371f7",
"bg": "rgba(188,140,255,0.1)",
"border": "rgba(188,140,255,0.4)"
},
"closed": {
"text": "#f85149",
"bg": "rgba(218,54,51,0.1)",
"border": "rgba(218,54,51,0.4)"
}
},
"topicTag": {
"text": "#58a6ff",
"bg": "rgba(56,139,253,0.1)",
"hoverBg": "rgba(56,139,253,0.2)",
"activeBg": "rgba(56,139,253,0.15)"
},
"mergeBox": {
"successIconBg": "rgba(46,160,67,0.1)",
"successIconText": "#3fb950",
"successIconBorder": "rgba(46,160,67,0.4)",
"successIndicatorBg": "#238636",
"successIndicatorBorder": "#2ea043",
"mergedIconBg": "rgba(188,140,255,0.1)",
"mergedIconText": "#a371f7",
"mergedIconBorder": "rgba(188,140,255,0.4)",
"mergedBoxBorder": "rgba(188,140,255,0.4)",
"neutralIconBg": "rgba(201,209,217,0.1)",
"neutralIconText": "#8b949e",
"neutralIconBorder": "rgba(201,209,217,0.4)",
"neutralIndicatorBg": "#484f58",
"neutralIndicatorBorder": "#6e7681",
"warningIconBg": "rgba(187,128,9,0.1)",
"warningIconText": "#e3b341",
"warningIconBorder": "rgba(187,128,9,0.4)",
"warningBoxBorder": "rgba(187,128,9,0.4)",
"warningMergeHighlight": "rgba(187,128,9,0.1)",
"errorIconBg": "rgba(248,81,73,0.1)",
"errorIconText": "#f85149",
"errorIconBorder": "rgba(248,81,73,0.4)",
"errorIndicatorBg": "#da3633",
"errorIndicatorBorder": "#f85149"
},
"project": {
"cardBg": "#161b22",
"headerBg": "#0d1117",
"sidebarBg": "#161b22",
"gradientIn": "#161b22",
"gradientOut": "rgba(22,27,34,0)"
},
"checks": {
"bg": "#06090f",
"runBorderWidth": "1px",
"containerBorderWidth": "1px",
"textPrimary": "#c9d1d9",
"textSecondary": "#8b949e",
"textLink": "#58a6ff",
"btnIcon": "#6e7681",
"btnHoverIcon": "#c9d1d9",
"btnHoverBg": "#30363d",
"inputText": "#8b949e",
"inputPlaceholderText": "#484f58",
"inputFocusText": "#c9d1d9",
"inputBg": "#0d1117",
"inputShadow": "0 0 0 1px #21262d",
"dropdownText": "#c9d1d9",
"dropdownBg": "#21262d",
"dropdownBorder": "#30363d",
"dropdownHoverText": "#f0f6fc",
"dropdownHoverBg": "#1f6feb",
"dropdownBtnHoverText": "#f0f6fc",
"dropdownBtnHoverBg": "#161b22",
"scrollbarThumbBg": "#30363d",
"headerLabelText": "#8b949e",
"headerLabelOpenText": "#c9d1d9",
"headerBorder": "#21262d",
"headerIcon": "#6e7681",
"lineText": "#8b949e",
"lineNumText": "#8b949e",
"lineTimestampText": "#8b949e",
"lineHoverBg": "#161b22",
"lineSelectedBg": "rgba(56,139,253,0.1)",
"lineSelectedNumText": "#58a6ff",
"lineDtFmText": "#0d1117",
"lineDtFmBg": "#d29922",
"gateBg": "rgba(132,83,6,0.15)",
"gateText": "#8b949e",
"gateWaitingText": "#e3b341",
"stepHeaderOpenBg": "#161b22",
"stepErrorText": "#f85149",
"stepWarningText": "#e3b341",
"loglineText": "#6e7681",
"loglineNumText": "#8b949e",
"loglineDebugText": "#bc8cff",
"loglineErrorText": "#8b949e",
"loglineErrorNumText": "#8b949e",
"loglineErrorBg": "rgba(248,81,73,0.1)",
"loglineWarningText": "#8b949e",
"loglineWarningNumText": "#e3b341",
"loglineWarningBg": "rgba(187,128,9,0.1)",
"loglineCommandText": "#58a6ff",
"loglineSectionText": "#56d364"
},
"introShelf": {
"gradientLeft": "rgba(56,139,253,0.1)",
"gradientRight": "rgba(46,160,67,0.1)",
"gradientIn": "#0d1117",
"gradientOut": "rgba(13,17,23,0)"
},
"marketingIcon": {
"primary": "#79c0ff",
"secondary": "#1f6feb"
},
"prettylights": {
"syntax": {
"comment": "#8b949e",
"constant": "#79c0ff",
"entity": "#d2a8ff",
"storageModifierImport": "#c9d1d9",
"entityTag": "#7ee787",
"keyword": "#ff7b72",
"string": "#a5d6ff",
"variable": "#ffa657",
"brackethighlighterUnmatched": "#f85149",
"invalidIllegalText": "#f0f6fc",
"invalidIllegalBg": "#8e1519",
"carriageReturnText": "#f0f6fc",
"carriageReturnBg": "#b62324",
"stringRegexp": "#7ee787",
"markupList": "#f2cc60",
"markupHeading": "#1f6feb",
"markupItalic": "#c9d1d9",
"markupBold": "#c9d1d9",
"markupDeletedText": "#ffdcd7",
"markupDeletedBg": "#67060c",
"markupInsertedText": "#aff5b4",
"markupInsertedBg": "#033a16",
"markupChangedText": "#ffdfb6",
"markupChangedBg": "#5a1e02",
"markupIgnoredText": "#c9d1d9",
"markupIgnoredBg": "#1158c7",
"metaDiffRange": "#d2a8ff",
"brackethighlighterAngle": "#8b949e",
"sublimelinterGutterMark": "#484f58",
"constantOtherReferenceLink": "#a5d6ff"
}
},
"codemirror": {
"text": "#c9d1d9",
"bg": "#0d1117",
"guttersBg": "#0d1117",
"guttermarkerText": "#0d1117",
"guttermarkerSubtleText": "#6e7681",
"linenumberText": "#8b949e",
"cursor": "#f0f6fc",
"selectionBg": "rgba(121,192,255,0.3)",
"activelineBg": "#161b22",
"matchingbracketText": "#c9d1d9",
"linesBg": "#0d1117",
"syntax": {
"comment": "#8b949e",
"constant": "#79c0ff",
"entity": "#d2a8ff",
"keyword": "#ff7b72",
"storage": "#ff7b72",
"string": "#a5d6ff",
"support": "#79c0ff",
"variable": "#ffa657"
}
},
"ansi": {
"black": "#0d1117",
"blackBright": "#161b22",
"white": "#b1bac4",
"whiteBright": "#b1bac4",
"gray": "#6e7681",
"red": "#ff7b72",
"redBright": "#ffa198",
"green": "#3fb950",
"greenBright": "#56d364",
"yellow": "#d29922",
"yellowBright": "#e3b341",
"blue": "#58a6ff",
"blueBright": "#79c0ff",
"magenta": "#bc8cff",
"magentaBright": "#d2a8ff",
"cyan": "#76e3ea",
"cyanBright": "#b3f0ff"
}
},
"space": [
"0",
"4px",
"8px",
"16px",
"24px",
"32px",
"40px",
"48px",
"64px",
"80px",
"96px",
"112px",
"128px"
],
"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"
],
"lineHeights": {
"condensedUltra": "1",
"condensed": "1.25",
"default": "1.5"
},
"fontWeights": {
"light": 300,
"normal": 400,
"semibold": 500,
"bold": 600
},
"radii": [
"0",
"3px",
"6px",
"100px"
],
"breakpoints": [
"544px",
"768px",
"1012px",
"1280px"
]
}