@primer/primitives
Advanced tools
Comparing version 0.0.0-d93cf7b to 0.0.0-da21f4f
@@ -33,8 +33,7 @@ declare const _default: { | ||
inverse: string; | ||
linkPrimary: string; | ||
linkSecondary: string; | ||
linkTertiary: string; | ||
link: string; | ||
danger: string; | ||
success: string; | ||
warning: string; | ||
white: string; | ||
}; | ||
@@ -50,14 +49,2 @@ icon: { | ||
}; | ||
state: { | ||
hoverPrimaryBg: string; | ||
hoverPrimaryBorder: string; | ||
hoverPrimaryText: string; | ||
hoverPrimaryIcon: string; | ||
hoverSecondaryBg: string; | ||
hoverSecondaryBorder: string; | ||
selectedPrimaryBg: string; | ||
selectedPrimaryBorder: string; | ||
selectedPrimaryText: string; | ||
selectedPrimaryIcon: string; | ||
}; | ||
border: { | ||
@@ -95,6 +82,25 @@ primary: string; | ||
extraLarge: string[]; | ||
highlight: string[]; | ||
inset: string[]; | ||
focus: string[]; | ||
highlight: string; | ||
inset: string; | ||
}; | ||
state: { | ||
hover: { | ||
primaryBg: string; | ||
primaryBorder: string; | ||
primaryText: string; | ||
primaryIcon: string; | ||
secondaryBg: string; | ||
secondaryBorder: string; | ||
}; | ||
selected: { | ||
primaryBg: string; | ||
primaryBorder: string; | ||
primaryText: string; | ||
primaryIcon: string; | ||
}; | ||
focus: { | ||
border: string; | ||
shadow: string[]; | ||
}; | ||
}; | ||
fade: { | ||
@@ -119,6 +125,8 @@ black: { | ||
alert: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
info: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
warn: { | ||
@@ -143,2 +151,8 @@ text: string; | ||
}; | ||
autocomplete: { | ||
bg: string; | ||
border: string; | ||
shadow: string[]; | ||
rowBorder: string; | ||
}; | ||
blankslate: { | ||
@@ -148,30 +162,51 @@ icon: string; | ||
btn: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
text: string; | ||
ic: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadow: string; | ||
insetShadow: string; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
selectedBg: string; | ||
focusBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
shadowActive: string[]; | ||
shadowInputFocus: string[]; | ||
primary: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
borderDisabled: string; | ||
text: string; | ||
ic: string; | ||
shadow: string[]; | ||
shadowHighlight: string[]; | ||
shadowSelected: string[]; | ||
bgHover: string; | ||
bgActive: string; | ||
bgDisabled: string; | ||
shadow: string; | ||
insetShadow: string; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
selectedBg: string; | ||
selectedShadow: string; | ||
disabledText: string; | ||
disabledShadow: string[]; | ||
disabledBg: string; | ||
disabledBorder: string; | ||
focusBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
icon: string; | ||
counterBg: string; | ||
}; | ||
inverseOnHover: { | ||
border: string; | ||
shadow: string[]; | ||
shadowInset: string[]; | ||
outline: { | ||
text: string; | ||
hoverText: string; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
hoverShadow: string[]; | ||
hoverInsetShadow: string[]; | ||
hoverCounterBg: string; | ||
selectedText: string; | ||
selectedBg: string; | ||
selectedBorder: string; | ||
selectedShadow: string; | ||
disabledText: string; | ||
disabledBg: string; | ||
disabledCounterBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
counterBg: string; | ||
@@ -181,20 +216,19 @@ }; | ||
text: string; | ||
textDisabled: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadow: string[]; | ||
shadowFocus: string[]; | ||
hoverText: string; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
hoverShadow: string; | ||
hoverInsetShadow: string; | ||
hoverCounterBg: string; | ||
selectedText: string; | ||
selectedBg: string; | ||
selectedBorder: string; | ||
selectedShadow: string; | ||
disabledText: string; | ||
disabledBg: string; | ||
disabledCounterBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
counterBg: string; | ||
counterBgDisabled: string; | ||
}; | ||
outline: { | ||
text: string; | ||
textDisabled: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadow: string[]; | ||
shadowFocus: string[]; | ||
counterBg: string; | ||
counterBgDisabled: string; | ||
}; | ||
counterBg: string; | ||
@@ -205,8 +239,41 @@ }; | ||
bg: string; | ||
primary: { | ||
text: string; | ||
bg: string; | ||
}; | ||
secondary: { | ||
text: string; | ||
}; | ||
}; | ||
dropdown: { | ||
bg: string; | ||
border: string; | ||
shadow: string[]; | ||
}; | ||
topic: { | ||
tagBg: string; | ||
tagBorder: string; | ||
tagText: string; | ||
label: { | ||
border: string; | ||
primary: { | ||
text: string; | ||
border: string; | ||
}; | ||
secondary: { | ||
text: string; | ||
border: string; | ||
}; | ||
info: { | ||
text: string; | ||
border: string; | ||
}; | ||
success: { | ||
text: string; | ||
border: string; | ||
}; | ||
warning: { | ||
text: string; | ||
border: string; | ||
}; | ||
danger: { | ||
text: string; | ||
border: string; | ||
}; | ||
}; | ||
@@ -216,4 +283,25 @@ input: { | ||
contrastBg: string; | ||
shadow: string[]; | ||
shadowFocus: string[]; | ||
border: string; | ||
shadow: string; | ||
disabledBg: string; | ||
disabledBorder: string; | ||
warningBorder: string; | ||
errorBorder: string; | ||
tooltip: { | ||
success: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
warning: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
error: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
}; | ||
}; | ||
@@ -236,4 +324,8 @@ avatar: { | ||
selectMenu: { | ||
bg: string; | ||
border: string; | ||
borderSecondary: string; | ||
shadow: string[]; | ||
backdropBg: string; | ||
shadow: string[]; | ||
backdropBorder: string; | ||
tapHighlight: string; | ||
@@ -249,5 +341,2 @@ tapFocusBg: string; | ||
}; | ||
dropdown: { | ||
border: string; | ||
}; | ||
popover: { | ||
@@ -258,4 +347,9 @@ border: string; | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
icon: string; | ||
link: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
}; | ||
}; | ||
@@ -269,2 +363,13 @@ markdown: { | ||
}; | ||
menu: { | ||
headingText: string; | ||
borderActive: string; | ||
}; | ||
sidenav: { | ||
selectedBg: string; | ||
borderActive: string; | ||
}; | ||
tabnav: { | ||
selectedBg: string; | ||
}; | ||
header: { | ||
@@ -291,7 +396,28 @@ text: string; | ||
border: string; | ||
bg: string; | ||
}; | ||
underlineNav: { | ||
underlinenav: { | ||
border: string; | ||
borderHover: string; | ||
borderActive: string; | ||
text: string; | ||
textHover: string; | ||
textActive: string; | ||
icon: string; | ||
iconHover: string; | ||
iconActive: string; | ||
counterText: string; | ||
}; | ||
verifiedBadge: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
socialCount: { | ||
bg: string; | ||
}; | ||
headerSearch: { | ||
bg: string; | ||
border: string; | ||
}; | ||
iconFolder: string; | ||
@@ -304,2 +430,3 @@ hlAuthorBg: string; | ||
neutralBg: string; | ||
neutralBorder: string; | ||
deletionBg: string; | ||
@@ -336,3 +463,54 @@ deletionBgStrong: string; | ||
}; | ||
footerInvertocat: { | ||
octicon: string; | ||
octiconHover: string; | ||
}; | ||
prState: { | ||
draft: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
open: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
merged: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
closed: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
}; | ||
topicTag: { | ||
text: string; | ||
bg: string; | ||
hoverBg: string; | ||
activeBg: string; | ||
}; | ||
mergeBox: { | ||
successIconBg: string; | ||
successIconText: string; | ||
successIconBorder: string; | ||
mergedIconBg: string; | ||
mergedIconText: string; | ||
mergedIconBorder: string; | ||
mergedBoxBorder: string; | ||
neutralIconBg: string; | ||
neutralIconText: string; | ||
neutralIconBorder: string; | ||
warningIconBg: string; | ||
warningIconText: string; | ||
warningIconBorder: string; | ||
warningBoxBorder: string; | ||
errorIconBg: string; | ||
errorIconText: string; | ||
errorIconBorder: string; | ||
}; | ||
}; | ||
export default _default; |
@@ -5,4 +5,4 @@ "use strict"; | ||
"scale": { | ||
"black": "#0d1117", | ||
"white": "#ffffff", | ||
"black": "#010409", | ||
"white": "#f0f6fc", | ||
"gray": [ | ||
@@ -22,88 +22,88 @@ "#f0f6fc", | ||
"#cae8ff", | ||
"#a1d3ff", | ||
"#75bbff", | ||
"#54a2fb", | ||
"#3f87e9", | ||
"#316ecd", | ||
"#2456aa", | ||
"#0d4189", | ||
"#0b2e63", | ||
"#061e46" | ||
"#a5d6ff", | ||
"#79c0ff", | ||
"#58a6ff", | ||
"#388bfd", | ||
"#1f6feb", | ||
"#1158c7", | ||
"#0d419d", | ||
"#0c2d6b", | ||
"#051d4d" | ||
], | ||
"green": [ | ||
"#b2f4b6", | ||
"#81e38a", | ||
"#58ce65", | ||
"#3ab550", | ||
"#2f9a42", | ||
"#248035", | ||
"#1b662d", | ||
"#144d23", | ||
"#0a3818", | ||
"#aff5b4", | ||
"#7ee787", | ||
"#56d364", | ||
"#3fb950", | ||
"#2ea043", | ||
"#238636", | ||
"#196c2e", | ||
"#0f5323", | ||
"#033a16", | ||
"#04260f" | ||
], | ||
"yellow": [ | ||
"#fef3ae", | ||
"#fde15f", | ||
"#f7d232", | ||
"#eec41a", | ||
"#e2b20d", | ||
"#d79e00", | ||
"#c88d00", | ||
"#b67b00", | ||
"#9b6400", | ||
"#7f4e00" | ||
"#f8e3a1", | ||
"#f2cc60", | ||
"#e3b341", | ||
"#d29922", | ||
"#bb8009", | ||
"#9e6a03", | ||
"#845306", | ||
"#693e00", | ||
"#4b2900", | ||
"#341a00" | ||
], | ||
"orange": [ | ||
"#ffe0bd", | ||
"#ffc17e", | ||
"#ff9f4c", | ||
"#ed802d", | ||
"#d7661d", | ||
"#ba5010", | ||
"#993d06", | ||
"#782b00", | ||
"#591c00", | ||
"#3d1200" | ||
"#ffdfb6", | ||
"#ffc680", | ||
"#ffa657", | ||
"#f0883e", | ||
"#db6d28", | ||
"#bd561d", | ||
"#9b4215", | ||
"#762d0a", | ||
"#5a1e02", | ||
"#3d1300" | ||
], | ||
"red": [ | ||
"#ffdcd9", | ||
"#ffbdba", | ||
"#ff9a96", | ||
"#ff7170", | ||
"#ed4e50", | ||
"#d13339", | ||
"#ac212b", | ||
"#88131f", | ||
"#660614", | ||
"#49000c" | ||
"#ffdcd7", | ||
"#ffc1ba", | ||
"#ffa198", | ||
"#ff7b72", | ||
"#f85149", | ||
"#da3633", | ||
"#b62324", | ||
"#8e1519", | ||
"#67060c", | ||
"#490202" | ||
], | ||
"purple": [ | ||
"#eadfff", | ||
"#d8beff", | ||
"#c2a0fd", | ||
"#ae81fa", | ||
"#9867f0", | ||
"#804eda", | ||
"#673ab8", | ||
"#512c94", | ||
"#3d2071", | ||
"#29154b" | ||
"#eddeff", | ||
"#e2c5ff", | ||
"#d2a8ff", | ||
"#bc8cff", | ||
"#a371f7", | ||
"#8957e5", | ||
"#6e40c9", | ||
"#553098", | ||
"#3c1e70", | ||
"#271052" | ||
], | ||
"pink": [ | ||
"#ffdaed", | ||
"#ffb8dd", | ||
"#ff93cc", | ||
"#f56fb7", | ||
"#db579f", | ||
"#bc4186", | ||
"#98316c", | ||
"#762556", | ||
"#55183e", | ||
"#40092d" | ||
"#ffdaec", | ||
"#ffbedd", | ||
"#ff9bce", | ||
"#f778ba", | ||
"#db61a2", | ||
"#bf4b8a", | ||
"#9e3670", | ||
"#7d2457", | ||
"#5e103e", | ||
"#42062a" | ||
] | ||
}, | ||
"auto": { | ||
"black": "#ffffff", | ||
"white": "#0d1117", | ||
"black": "#f0f6fc", | ||
"white": "#010409", | ||
"gray": [ | ||
@@ -122,11 +122,11 @@ "#0d1117", | ||
"blue": [ | ||
"#061e46", | ||
"#0b2e63", | ||
"#0d4189", | ||
"#2456aa", | ||
"#316ecd", | ||
"#3f87e9", | ||
"#54a2fb", | ||
"#75bbff", | ||
"#a1d3ff", | ||
"#051d4d", | ||
"#0c2d6b", | ||
"#0d419d", | ||
"#1158c7", | ||
"#1f6feb", | ||
"#388bfd", | ||
"#58a6ff", | ||
"#79c0ff", | ||
"#a5d6ff", | ||
"#cae8ff" | ||
@@ -136,71 +136,71 @@ ], | ||
"#04260f", | ||
"#0a3818", | ||
"#144d23", | ||
"#1b662d", | ||
"#248035", | ||
"#2f9a42", | ||
"#3ab550", | ||
"#58ce65", | ||
"#81e38a", | ||
"#b2f4b6" | ||
"#033a16", | ||
"#0f5323", | ||
"#196c2e", | ||
"#238636", | ||
"#2ea043", | ||
"#3fb950", | ||
"#56d364", | ||
"#7ee787", | ||
"#aff5b4" | ||
], | ||
"yellow": [ | ||
"#7f4e00", | ||
"#9b6400", | ||
"#b67b00", | ||
"#c88d00", | ||
"#d79e00", | ||
"#e2b20d", | ||
"#eec41a", | ||
"#f7d232", | ||
"#fde15f", | ||
"#fef3ae" | ||
"#341a00", | ||
"#4b2900", | ||
"#693e00", | ||
"#845306", | ||
"#9e6a03", | ||
"#bb8009", | ||
"#d29922", | ||
"#e3b341", | ||
"#f2cc60", | ||
"#f8e3a1" | ||
], | ||
"orange": [ | ||
"#3d1200", | ||
"#591c00", | ||
"#782b00", | ||
"#993d06", | ||
"#ba5010", | ||
"#d7661d", | ||
"#ed802d", | ||
"#ff9f4c", | ||
"#ffc17e", | ||
"#ffe0bd" | ||
"#3d1300", | ||
"#5a1e02", | ||
"#762d0a", | ||
"#9b4215", | ||
"#bd561d", | ||
"#db6d28", | ||
"#f0883e", | ||
"#ffa657", | ||
"#ffc680", | ||
"#ffdfb6" | ||
], | ||
"red": [ | ||
"#49000c", | ||
"#660614", | ||
"#88131f", | ||
"#ac212b", | ||
"#d13339", | ||
"#ed4e50", | ||
"#ff7170", | ||
"#ff9a96", | ||
"#ffbdba", | ||
"#ffdcd9" | ||
"#490202", | ||
"#67060c", | ||
"#8e1519", | ||
"#b62324", | ||
"#da3633", | ||
"#f85149", | ||
"#ff7b72", | ||
"#ffa198", | ||
"#ffc1ba", | ||
"#ffdcd7" | ||
], | ||
"purple": [ | ||
"#29154b", | ||
"#3d2071", | ||
"#512c94", | ||
"#673ab8", | ||
"#804eda", | ||
"#9867f0", | ||
"#ae81fa", | ||
"#c2a0fd", | ||
"#d8beff", | ||
"#eadfff" | ||
"#271052", | ||
"#3c1e70", | ||
"#553098", | ||
"#6e40c9", | ||
"#8957e5", | ||
"#a371f7", | ||
"#bc8cff", | ||
"#d2a8ff", | ||
"#e2c5ff", | ||
"#eddeff" | ||
], | ||
"pink": [ | ||
"#40092d", | ||
"#55183e", | ||
"#762556", | ||
"#98316c", | ||
"#bc4186", | ||
"#db579f", | ||
"#f56fb7", | ||
"#ff93cc", | ||
"#ffb8dd", | ||
"#ffdaed" | ||
"#42062a", | ||
"#5e103e", | ||
"#7d2457", | ||
"#9e3670", | ||
"#bf4b8a", | ||
"#db61a2", | ||
"#f778ba", | ||
"#ff9bce", | ||
"#ffbedd", | ||
"#ffdaec" | ||
] | ||
@@ -215,8 +215,7 @@ }, | ||
"inverse": "#0d1117", | ||
"linkPrimary": "#54a2fb", | ||
"linkSecondary": "#f0f6fc", | ||
"linkTertiary": "#8b949e", | ||
"danger": "#ed4e50", | ||
"success": "#58ce65", | ||
"warning": "#f7d232" | ||
"link": "#58a6ff", | ||
"danger": "#f85149", | ||
"success": "#56d364", | ||
"warning": "#e3b341", | ||
"white": "#f0f6fc" | ||
}, | ||
@@ -227,19 +226,7 @@ "icon": { | ||
"tertiary": "#484f58", | ||
"info": "#75bbff", | ||
"danger": "#ed4e50", | ||
"success": "#58ce65", | ||
"warning": "#f7d232" | ||
"info": "#79c0ff", | ||
"danger": "#f85149", | ||
"success": "#56d364", | ||
"warning": "#e3b341" | ||
}, | ||
"state": { | ||
"hoverPrimaryBg": "#3f87e9", | ||
"hoverPrimaryBorder": "#3f87e9", | ||
"hoverPrimaryText": "#f0f6fc", | ||
"hoverPrimaryIcon": "#f0f6fc", | ||
"hoverSecondaryBg": "#161b22", | ||
"hoverSecondaryBorder": "#161b22", | ||
"selectedPrimaryBg": "#3f87e9", | ||
"selectedPrimaryBorder": "#3f87e9", | ||
"selectedPrimaryText": "#f0f6fc", | ||
"selectedPrimaryIcon": "#f0f6fc" | ||
}, | ||
"border": { | ||
@@ -249,11 +236,11 @@ "primary": "#30363d", | ||
"tertiary": "#6e7681", | ||
"inverse": "#ffffff", | ||
"info": "#3f87e9", | ||
"danger": "#ed4e50", | ||
"success": "#2f9a42", | ||
"warning": "#f7d232" | ||
"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": "#0d1117", | ||
"canvasMobile": "#010409", | ||
"canvasInverse": "#f0f6fc", | ||
@@ -264,10 +251,10 @@ "primary": "#0d1117", | ||
"overlay": "#0d1117", | ||
"info": "#0b2e63", | ||
"infoInverse": "#3f87e9", | ||
"danger": "#660614", | ||
"dangerInverse": "#ed4e50", | ||
"success": "#0a3818", | ||
"successInverse": "#2f9a42", | ||
"warning": "#b67b00", | ||
"warningInverse": "#f7d232" | ||
"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" | ||
}, | ||
@@ -279,3 +266,3 @@ "shadow": { | ||
"0", | ||
"rgba(72,79,88,0.04)" | ||
"rgba(0,0,0,0)" | ||
], | ||
@@ -286,3 +273,3 @@ "medium": [ | ||
"6px", | ||
"rgba(72,79,88,0.15)" | ||
"#010409" | ||
], | ||
@@ -293,3 +280,3 @@ "large": [ | ||
"24px", | ||
"rgba(72,79,88,0.2)" | ||
"#010409" | ||
], | ||
@@ -300,68 +287,88 @@ "extraLarge": [ | ||
"48px", | ||
"rgba(72,79,88,0.3)" | ||
"#010409" | ||
], | ||
"highlight": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(255,255,255,0.1)" | ||
], | ||
"inset": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(33,38,45,0.2)" | ||
], | ||
"focus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(63,135,233,0.3)" | ||
] | ||
"highlight": "rgba(0,0,0,0)", | ||
"inset": "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": { | ||
"black": { | ||
"10": "rgba(13,17,23,0.1)", | ||
"15": "rgba(13,17,23,0.15)", | ||
"30": "rgba(13,17,23,0.3)", | ||
"50": "rgba(13,17,23,0.5)", | ||
"70": "rgba(13,17,23,0.7)", | ||
"85": "rgba(13,17,23,0.85)" | ||
"10": "rgba(1,4,9,0.1)", | ||
"15": "rgba(1,4,9,0.15)", | ||
"30": "rgba(1,4,9,0.3)", | ||
"50": "rgba(1,4,9,0.5)", | ||
"70": "rgba(1,4,9,0.7)", | ||
"85": "rgba(1,4,9,0.85)" | ||
}, | ||
"white": { | ||
"10": "rgba(255,255,255,0.1)", | ||
"15": "rgba(255,255,255,0.15)", | ||
"30": "rgba(255,255,255,0.3)", | ||
"50": "rgba(255,255,255,0.5)", | ||
"70": "rgba(255,255,255,0.7)", | ||
"85": "rgba(255,255,255,0.85)" | ||
"10": "rgba(240,246,252,0.1)", | ||
"15": "rgba(240,246,252,0.15)", | ||
"30": "rgba(240,246,252,0.3)", | ||
"50": "rgba(240,246,252,0.5)", | ||
"70": "rgba(240,246,252,0.7)", | ||
"85": "rgba(240,246,252,0.85)" | ||
} | ||
}, | ||
"alert": { | ||
"text": "#75bbff", | ||
"icon": "#75bbff", | ||
"bg": "rgba(117,187,255,0.1)", | ||
"border": "rgba(117,187,255,0.4)", | ||
"info": { | ||
"text": "#79c0ff", | ||
"icon": "#79c0ff", | ||
"bg": "rgba(56,139,253,0.1)", | ||
"border": "rgba(56,139,253,0.4)" | ||
}, | ||
"warn": { | ||
"text": "#f2d35b", | ||
"icon": "#f2d35b", | ||
"bg": "rgba(235,196,64,0.1)", | ||
"border": "rgba(235,196,64,0.4)" | ||
"text": "#e3b341", | ||
"icon": "#e3b341", | ||
"bg": "rgba(187,128,9,0.1)", | ||
"border": "rgba(187,128,9,0.4)" | ||
}, | ||
"error": { | ||
"text": "#ff7168", | ||
"icon": "#ff7168", | ||
"bg": "rgba(255,113,112,0.1)", | ||
"border": "rgba(255,113,112,0.4)" | ||
"text": "#ff7b72", | ||
"icon": "#ff7b72", | ||
"bg": "rgba(248,81,73,0.1)", | ||
"border": "rgba(248,81,73,0.4)" | ||
}, | ||
"success": { | ||
"text": "#58ce65", | ||
"icon": "#58ce65", | ||
"bg": "rgba(88,206,101,0.1)", | ||
"border": "rgba(88,206,101,0.4)" | ||
"text": "#56d364", | ||
"icon": "#56d364", | ||
"bg": "rgba(46,160,67,0.1)", | ||
"border": "rgba(46,160,67,0.4)" | ||
} | ||
}, | ||
"autocomplete": { | ||
"bg": "#21262d", | ||
"border": "#484f58", | ||
"shadow": [ | ||
"0", | ||
"16px", | ||
"32px", | ||
"rgba(1,4,9,0.85)" | ||
], | ||
"rowBorder": "#30363d" | ||
}, | ||
"blankslate": { | ||
@@ -371,8 +378,19 @@ "icon": "#535c66" | ||
"btn": { | ||
"bg": "#0d1117", | ||
"border": "rgba(255,255,255,0.15)", | ||
"text": "#f0f6fc", | ||
"ic": "#6e7681", | ||
"bgHover": "#161b22", | ||
"bgActive": "#1a2028", | ||
"bg": "#21262d", | ||
"border": "rgba(240,246,252,0.1)", | ||
"shadow": "rgba(0,0,0,0)", | ||
"insetShadow": "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": [ | ||
@@ -383,3 +401,3 @@ "inset", | ||
"0.3em", | ||
"rgba(13,17,23,0.15)" | ||
"rgba(1,4,9,0.15)" | ||
], | ||
@@ -391,52 +409,41 @@ "shadowInputFocus": [ | ||
"0.2em", | ||
"rgba(49,110,205,0.3)" | ||
"rgba(31,111,235,0.3)" | ||
], | ||
"primary": { | ||
"bg": "#2ea44f", | ||
"border": "rgba(13,17,23,0.15)", | ||
"borderDisabled": "rgba(13,17,23,0.1)", | ||
"text": "#ffffff", | ||
"ic": "rgba(255,255,255,0.8)", | ||
"shadow": [ | ||
"text": "#f0f6fc", | ||
"bg": "#238636", | ||
"border": "#2ea043", | ||
"shadow": "rgba(0,0,0,0)", | ||
"insetShadow": "rgba(0,0,0,0)", | ||
"hoverBg": "#2ea043", | ||
"hoverBorder": "#3fb950", | ||
"selectedBg": "#238636", | ||
"selectedShadow": "rgba(0,0,0,0)", | ||
"disabledText": "rgba(240,246,252,0.5)", | ||
"disabledBg": "#238636", | ||
"disabledBorder": "#238636", | ||
"focusBg": "#238636", | ||
"focusBorder": "#3fb950", | ||
"focusShadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(13,17,23,0.1)" | ||
], | ||
"shadowHighlight": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(255,255,255,0.03)" | ||
], | ||
"shadowSelected": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(4,38,15,0.2)" | ||
], | ||
"bgHover": "#2c974b", | ||
"bgActive": "#2a8f47", | ||
"bgDisabled": "#94d3a2", | ||
"disabledText": "rgba(255,255,255,0.8)", | ||
"disabledShadow": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(46,164,79,0.4)" | ||
], | ||
"counterBg": "rgba(255,255,255,0.2)" | ||
"icon": "#f0f6fc", | ||
"counterBg": "rgba(240,246,252,0.2)" | ||
}, | ||
"inverseOnHover": { | ||
"border": "rgba(255,255,255,0.15)", | ||
"shadow": [ | ||
"outline": { | ||
"text": "#58a6ff", | ||
"hoverText": "#58a6ff", | ||
"hoverBg": "#30363d", | ||
"hoverBorder": "#58a6ff", | ||
"hoverShadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(13,17,23,0.1)" | ||
"rgba(1,4,9,0.1)" | ||
], | ||
"shadowInset": [ | ||
"hoverInsetShadow": [ | ||
"inset", | ||
@@ -446,82 +453,126 @@ "0", | ||
"0", | ||
"rgba(255,255,255,0.03)" | ||
"rgba(240,246,252,0.03)" | ||
], | ||
"counterBg": "rgba(255,255,255,0.2)" | ||
}, | ||
"danger": { | ||
"text": "#ed4e50", | ||
"textDisabled": "rgba(237,78,80,0.5)", | ||
"bgHover": "#ff7170", | ||
"bgActive": "#ff6261", | ||
"shadow": [ | ||
"inset", | ||
"hoverCounterBg": "rgba(240,246,252,0.2)", | ||
"selectedText": "#f0f6fc", | ||
"selectedBg": "#0d419d", | ||
"selectedBorder": "rgba(240,246,252,0.1)", | ||
"selectedShadow": "rgba(0,0,0,0)", | ||
"disabledText": "#58a6ff", | ||
"disabledBg": "#0d1117", | ||
"disabledCounterBg": "rgba(31,111,235,0.05)", | ||
"focusBorder": "#58a6ff", | ||
"focusShadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(73,0,12,0.2)" | ||
], | ||
"shadowFocus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(172,33,43,0.4)" | ||
"rgba(17,88,199,0.4)" | ||
], | ||
"counterBg": "rgba(209,51,57,0.1)", | ||
"counterBgDisabled": "rgba(209,51,57,0.05)" | ||
"counterBg": "rgba(31,111,235,0.1)" | ||
}, | ||
"outline": { | ||
"text": "#3f87e9", | ||
"textDisabled": "rgba(63,135,233,0.5)", | ||
"bgHover": "#54a2fb", | ||
"bgActive": "#459afb", | ||
"shadow": [ | ||
"inset", | ||
"danger": { | ||
"text": "#f85149", | ||
"hoverText": "#f0f6fc", | ||
"hoverBg": "#da3633", | ||
"hoverBorder": "#f85149", | ||
"hoverShadow": "rgba(0,0,0,0)", | ||
"hoverInsetShadow": "rgba(0,0,0,0)", | ||
"hoverCounterBg": "rgba(240,246,252,0.2)", | ||
"selectedText": "#f0f6fc", | ||
"selectedBg": "#b62324", | ||
"selectedBorder": "rgba(240,246,252,0.1)", | ||
"selectedShadow": "rgba(0,0,0,0)", | ||
"disabledText": "#f85149", | ||
"disabledBg": "#0d1117", | ||
"disabledCounterBg": "rgba(218,54,51,0.05)", | ||
"focusBorder": "#f85149", | ||
"focusShadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(6,30,70,0.2)" | ||
], | ||
"shadowFocus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(36,86,170,0.4)" | ||
"rgba(182,35,36,0.4)" | ||
], | ||
"counterBg": "rgba(49,110,205,0.1)", | ||
"counterBgDisabled": "rgba(49,110,205,0.05)" | ||
"counterBg": "rgba(218,54,51,0.1)" | ||
}, | ||
"counterBg": "rgba(13,17,23,0.08)" | ||
"counterBg": "#30363d" | ||
}, | ||
"counter": { | ||
"text": "#f0f6fc", | ||
"bg": "rgba(48,54,61,0.5)", | ||
"border": "rgba(209,213,218,0.5)" | ||
"bg": "#30363d", | ||
"primary": { | ||
"text": "#f0f6fc", | ||
"bg": "#6e7681" | ||
}, | ||
"secondary": { | ||
"text": "#8b949e" | ||
} | ||
}, | ||
"topic": { | ||
"tagBg": "#061e46", | ||
"tagBorder": "#061e46", | ||
"tagText": "#3f87e9" | ||
}, | ||
"input": { | ||
"bg": "#0d1117", | ||
"contrastBg": "#0d1117", | ||
"dropdown": { | ||
"bg": "#21262d", | ||
"border": "#484f58", | ||
"shadow": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"2px", | ||
"rgba(255,255,255,0.075)" | ||
], | ||
"shadowFocus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"0.2em", | ||
"rgba(49,110,205,0.3)" | ||
"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)" | ||
} | ||
}, | ||
"input": { | ||
"bg": "#0d1117", | ||
"contrastBg": "rgba(1,4,9,0.3)", | ||
"border": "rgba(240,246,252,0.1)", | ||
"shadow": "rgba(0,0,0,0)", | ||
"disabledBg": "#161b22", | ||
"disabledBorder": "#30363d", | ||
"warningBorder": "#d29922", | ||
"errorBorder": "#f85149", | ||
"tooltip": { | ||
"success": { | ||
"text": "#56d364", | ||
"bg": "rgba(46,160,67,0.1)", | ||
"border": "rgba(46,160,67,0.4)" | ||
}, | ||
"warning": { | ||
"text": "#e3b341", | ||
"bg": "rgba(187,128,9,0.1)", | ||
"border": "rgba(187,128,9,0.4)" | ||
}, | ||
"error": { | ||
"text": "#ff7b72", | ||
"bg": "rgba(248,81,73,0.1)", | ||
"border": "rgba(248,81,73,0.4)" | ||
} | ||
} | ||
}, | ||
"avatar": { | ||
"border": "rgba(255,255,255,0.1)", | ||
"border": "rgba(240,246,252,0.1)", | ||
"stackFade": "#30363d", | ||
@@ -533,3 +584,3 @@ "stackFadeMore": "#21262d", | ||
"0", | ||
"rgba(255,255,255,0.8)" | ||
"#0d1117" | ||
] | ||
@@ -542,8 +593,10 @@ }, | ||
"text": "#b1bac4", | ||
"badgeBg": "#21262d", | ||
"targetBadgeBorder": "#316ecd", | ||
"targetBadgeShadow": "#0d4189" | ||
"badgeBg": "#0d1117", | ||
"targetBadgeBorder": "#1f6feb", | ||
"targetBadgeShadow": "#0d419d" | ||
}, | ||
"selectMenu": { | ||
"backdropBg": "rgba(13,17,23,0.5)", | ||
"bg": "#21262d", | ||
"border": "#484f58", | ||
"borderSecondary": "#30363d", | ||
"shadow": [ | ||
@@ -553,27 +606,31 @@ "0", | ||
"18px", | ||
"rgba(13,17,23,0.4)" | ||
"rgba(1,4,9,0.4)" | ||
], | ||
"backdropBg": "rgba(1,4,9,0.5)", | ||
"backdropBorder": "#484f58", | ||
"tapHighlight": "rgba(48,54,61,0.5)", | ||
"tapFocusBg": "#0b2e63" | ||
"tapFocusBg": "#0c2d6b" | ||
}, | ||
"box": { | ||
"blueBorder": "#0d4189", | ||
"blueBorder": "#0d419d", | ||
"rowYellowBg": "rgba(235,196,64,0.1)", | ||
"rowBlueBg": "rgba(117,187,255,0.1)", | ||
"rowBlueBg": "rgba(121,192,255,0.1)", | ||
"headerBlueBg": "#0d1117", | ||
"headerBlueBorder": "#30363d" | ||
}, | ||
"dropdown": { | ||
"border": "rgba(13,17,23,0.15)" | ||
}, | ||
"popover": { | ||
"border": "rgba(13,17,23,0.15)" | ||
"border": "rgba(1,4,9,0.15)" | ||
}, | ||
"branchName": { | ||
"text": "rgba(255,255,255,0.6)", | ||
"bg": "#0d3471", | ||
"icon": "#676767" | ||
"text": "#f0f6fc", | ||
"icon": "#b1bac4", | ||
"bg": "rgba(240,246,252,0.1)", | ||
"link": { | ||
"text": "#58a6ff", | ||
"icon": "#58a6ff", | ||
"bg": "rgba(88,166,255,0.1)" | ||
} | ||
}, | ||
"markdown": { | ||
"codeBg": "rgba(255,255,255,0.05)", | ||
"codeBg": "rgba(240,246,252,0.05)", | ||
"frameBorder": "#3b434b", | ||
@@ -584,4 +641,15 @@ "blockquoteBorder": "#3b434b", | ||
}, | ||
"menu": { | ||
"headingText": "#8b949e", | ||
"borderActive": "#f78166" | ||
}, | ||
"sidenav": { | ||
"selectedBg": "#21262d", | ||
"borderActive": "#f78166" | ||
}, | ||
"tabnav": { | ||
"selectedBg": "#0d1117" | ||
}, | ||
"header": { | ||
"text": "rgba(255,255,255,0.7)", | ||
"text": "rgba(240,246,252,0.7)", | ||
"bg": "#161b22", | ||
@@ -602,26 +670,48 @@ "logo": "#f0f6fc" | ||
"border": "#3b434b", | ||
"borderFocused": "#5185d5" | ||
"borderFocused": "#4487ee" | ||
}, | ||
"previewableCommentForm": { | ||
"border": "#25292f" | ||
"border": "#25292f", | ||
"bg": "#161b22" | ||
}, | ||
"underlineNav": { | ||
"textActive": "#ffffff", | ||
"text": "#8b949e" | ||
"underlinenav": { | ||
"border": "rgba(48,54,61,0)", | ||
"borderHover": "#30363d", | ||
"borderActive": "#f78166", | ||
"text": "#8b949e", | ||
"textHover": "#f0f6fc", | ||
"textActive": "#f0f6fc", | ||
"icon": "#6e7681", | ||
"iconHover": "#f0f6fc", | ||
"iconActive": "#f0f6fc", | ||
"counterText": "#8b949e" | ||
}, | ||
"verifiedBadge": { | ||
"text": "#3fb950", | ||
"bg": "rgba(63,185,80,0.1)", | ||
"border": "rgba(63,185,80,0.4)" | ||
}, | ||
"socialCount": { | ||
"bg": "rgba(240,246,252,0.1)" | ||
}, | ||
"headerSearch": { | ||
"bg": "#0d1117", | ||
"border": "#21262d" | ||
}, | ||
"iconFolder": "#6e7681", | ||
"hlAuthorBg": "#061e46", | ||
"hlAuthorBorder": "#0d4189", | ||
"hlAuthorBg": "#051d4d", | ||
"hlAuthorBorder": "#0d419d", | ||
"logoSubdued": "#30363d", | ||
"discussionBorder": "#354c3a", | ||
"discussionBorder": "#34513b", | ||
"diff": { | ||
"neutralBg": "#30363d", | ||
"deletionBg": "#ff7170", | ||
"deletionBgStrong": "#ffffff", | ||
"deletionBorder": "#ffffff", | ||
"deletionBorderStrong": "#ffffff", | ||
"additionBg": "#1e6c2d", | ||
"additionBgStrong": "#ffffff", | ||
"additionBorder": "#ffffff", | ||
"additionBorderStrong": "#ffffff" | ||
"neutralBorder": "rgba(240,246,252,0.1)", | ||
"deletionBg": "#da3633", | ||
"deletionBgStrong": "#f0f6fc", | ||
"deletionBorder": "#f85149", | ||
"deletionBorderStrong": "#f0f6fc", | ||
"additionBg": "#238636", | ||
"additionBgStrong": "#f0f6fc", | ||
"additionBorder": "#2ea043", | ||
"additionBorderStrong": "#f0f6fc" | ||
}, | ||
@@ -649,3 +739,54 @@ "globalNav": { | ||
"dayL1Border": "rgba(27,31,35,0.06)" | ||
}, | ||
"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)", | ||
"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(213,221,229,0.1)", | ||
"neutralIconText": "#8b949e", | ||
"neutralIconBorder": "rgba(213,221,229,0.4)", | ||
"warningIconBg": "rgba(187,128,9,0.1)", | ||
"warningIconText": "#e3b341", | ||
"warningIconBorder": "rgba(187,128,9,0.4)", | ||
"warningBoxBorder": "rgba(187,128,9,0.4)", | ||
"errorIconBg": "rgba(248,81,73,0.1)", | ||
"errorIconText": "#f85149", | ||
"errorIconBorder": "rgba(248,81,73,0.4)" | ||
} | ||
}; |
@@ -34,8 +34,7 @@ declare const _default: { | ||
inverse: string; | ||
linkPrimary: string; | ||
linkSecondary: string; | ||
linkTertiary: string; | ||
link: string; | ||
danger: string; | ||
success: string; | ||
warning: string; | ||
white: string; | ||
}; | ||
@@ -51,14 +50,2 @@ icon: { | ||
}; | ||
state: { | ||
hoverPrimaryBg: string; | ||
hoverPrimaryBorder: string; | ||
hoverPrimaryText: string; | ||
hoverPrimaryIcon: string; | ||
hoverSecondaryBg: string; | ||
hoverSecondaryBorder: string; | ||
selectedPrimaryBg: string; | ||
selectedPrimaryBorder: string; | ||
selectedPrimaryText: string; | ||
selectedPrimaryIcon: string; | ||
}; | ||
border: { | ||
@@ -96,6 +83,25 @@ primary: string; | ||
extraLarge: string[]; | ||
highlight: string[]; | ||
inset: string[]; | ||
focus: string[]; | ||
highlight: string; | ||
inset: string; | ||
}; | ||
state: { | ||
hover: { | ||
primaryBg: string; | ||
primaryBorder: string; | ||
primaryText: string; | ||
primaryIcon: string; | ||
secondaryBg: string; | ||
secondaryBorder: string; | ||
}; | ||
selected: { | ||
primaryBg: string; | ||
primaryBorder: string; | ||
primaryText: string; | ||
primaryIcon: string; | ||
}; | ||
focus: { | ||
border: string; | ||
shadow: string[]; | ||
}; | ||
}; | ||
fade: { | ||
@@ -120,6 +126,8 @@ black: { | ||
alert: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
info: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
warn: { | ||
@@ -144,2 +152,8 @@ text: string; | ||
}; | ||
autocomplete: { | ||
bg: string; | ||
border: string; | ||
shadow: string[]; | ||
rowBorder: string; | ||
}; | ||
blankslate: { | ||
@@ -149,30 +163,51 @@ icon: string; | ||
btn: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
text: string; | ||
ic: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadow: string; | ||
insetShadow: string; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
selectedBg: string; | ||
focusBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
shadowActive: string[]; | ||
shadowInputFocus: string[]; | ||
primary: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
borderDisabled: string; | ||
text: string; | ||
ic: string; | ||
shadow: string[]; | ||
shadowHighlight: string[]; | ||
shadowSelected: string[]; | ||
bgHover: string; | ||
bgActive: string; | ||
bgDisabled: string; | ||
shadow: string; | ||
insetShadow: string; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
selectedBg: string; | ||
selectedShadow: string; | ||
disabledText: string; | ||
disabledShadow: string[]; | ||
disabledBg: string; | ||
disabledBorder: string; | ||
focusBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
icon: string; | ||
counterBg: string; | ||
}; | ||
inverseOnHover: { | ||
border: string; | ||
shadow: string[]; | ||
shadowInset: string[]; | ||
outline: { | ||
text: string; | ||
hoverText: string; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
hoverShadow: string[]; | ||
hoverInsetShadow: string[]; | ||
hoverCounterBg: string; | ||
selectedText: string; | ||
selectedBg: string; | ||
selectedBorder: string; | ||
selectedShadow: string; | ||
disabledText: string; | ||
disabledBg: string; | ||
disabledCounterBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
counterBg: string; | ||
@@ -182,20 +217,19 @@ }; | ||
text: string; | ||
textDisabled: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadow: string[]; | ||
shadowFocus: string[]; | ||
hoverText: string; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
hoverShadow: string; | ||
hoverInsetShadow: string; | ||
hoverCounterBg: string; | ||
selectedText: string; | ||
selectedBg: string; | ||
selectedBorder: string; | ||
selectedShadow: string; | ||
disabledText: string; | ||
disabledBg: string; | ||
disabledCounterBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
counterBg: string; | ||
counterBgDisabled: string; | ||
}; | ||
outline: { | ||
text: string; | ||
textDisabled: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadow: string[]; | ||
shadowFocus: string[]; | ||
counterBg: string; | ||
counterBgDisabled: string; | ||
}; | ||
counterBg: string; | ||
@@ -206,8 +240,41 @@ }; | ||
bg: string; | ||
primary: { | ||
text: string; | ||
bg: string; | ||
}; | ||
secondary: { | ||
text: string; | ||
}; | ||
}; | ||
dropdown: { | ||
bg: string; | ||
border: string; | ||
shadow: string[]; | ||
}; | ||
topic: { | ||
tagBg: string; | ||
tagBorder: string; | ||
tagText: string; | ||
label: { | ||
border: string; | ||
primary: { | ||
text: string; | ||
border: string; | ||
}; | ||
secondary: { | ||
text: string; | ||
border: string; | ||
}; | ||
info: { | ||
text: string; | ||
border: string; | ||
}; | ||
success: { | ||
text: string; | ||
border: string; | ||
}; | ||
warning: { | ||
text: string; | ||
border: string; | ||
}; | ||
danger: { | ||
text: string; | ||
border: string; | ||
}; | ||
}; | ||
@@ -217,4 +284,25 @@ input: { | ||
contrastBg: string; | ||
shadow: string[]; | ||
shadowFocus: string[]; | ||
border: string; | ||
shadow: string; | ||
disabledBg: string; | ||
disabledBorder: string; | ||
warningBorder: string; | ||
errorBorder: string; | ||
tooltip: { | ||
success: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
warning: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
error: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
}; | ||
}; | ||
@@ -237,4 +325,8 @@ avatar: { | ||
selectMenu: { | ||
bg: string; | ||
border: string; | ||
borderSecondary: string; | ||
shadow: string[]; | ||
backdropBg: string; | ||
shadow: string[]; | ||
backdropBorder: string; | ||
tapHighlight: string; | ||
@@ -250,5 +342,2 @@ tapFocusBg: string; | ||
}; | ||
dropdown: { | ||
border: string; | ||
}; | ||
popover: { | ||
@@ -259,4 +348,9 @@ border: string; | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
icon: string; | ||
link: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
}; | ||
}; | ||
@@ -270,2 +364,13 @@ markdown: { | ||
}; | ||
menu: { | ||
headingText: string; | ||
borderActive: string; | ||
}; | ||
sidenav: { | ||
selectedBg: string; | ||
borderActive: string; | ||
}; | ||
tabnav: { | ||
selectedBg: string; | ||
}; | ||
header: { | ||
@@ -292,7 +397,28 @@ text: string; | ||
border: string; | ||
bg: string; | ||
}; | ||
underlineNav: { | ||
underlinenav: { | ||
border: string; | ||
borderHover: string; | ||
borderActive: string; | ||
text: string; | ||
textHover: string; | ||
textActive: string; | ||
icon: string; | ||
iconHover: string; | ||
iconActive: string; | ||
counterText: string; | ||
}; | ||
verifiedBadge: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
socialCount: { | ||
bg: string; | ||
}; | ||
headerSearch: { | ||
bg: string; | ||
border: string; | ||
}; | ||
iconFolder: string; | ||
@@ -305,2 +431,3 @@ hlAuthorBg: string; | ||
neutralBg: string; | ||
neutralBorder: string; | ||
deletionBg: string; | ||
@@ -337,2 +464,53 @@ deletionBgStrong: string; | ||
}; | ||
footerInvertocat: { | ||
octicon: string; | ||
octiconHover: string; | ||
}; | ||
prState: { | ||
draft: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
open: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
merged: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
closed: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
}; | ||
topicTag: { | ||
text: string; | ||
bg: string; | ||
hoverBg: string; | ||
activeBg: string; | ||
}; | ||
mergeBox: { | ||
successIconBg: string; | ||
successIconText: string; | ||
successIconBorder: string; | ||
mergedIconBg: string; | ||
mergedIconText: string; | ||
mergedIconBorder: string; | ||
mergedBoxBorder: string; | ||
neutralIconBg: string; | ||
neutralIconText: string; | ||
neutralIconBorder: string; | ||
warningIconBg: string; | ||
warningIconText: string; | ||
warningIconBorder: string; | ||
warningBoxBorder: string; | ||
errorIconBg: string; | ||
errorIconText: string; | ||
errorIconBorder: string; | ||
}; | ||
}; | ||
@@ -371,8 +549,7 @@ light: { | ||
inverse: string; | ||
linkPrimary: string; | ||
linkSecondary: string; | ||
linkTertiary: string; | ||
link: string; | ||
danger: string; | ||
success: string; | ||
warning: string; | ||
white: string; | ||
}; | ||
@@ -388,14 +565,2 @@ icon: { | ||
}; | ||
state: { | ||
hoverPrimaryBg: string; | ||
hoverPrimaryBorder: string; | ||
hoverPrimaryText: string; | ||
hoverPrimaryIcon: string; | ||
hoverSecondaryBg: string; | ||
hoverSecondaryBorder: string; | ||
selectedPrimaryBg: string; | ||
selectedPrimaryBorder: string; | ||
selectedPrimaryText: string; | ||
selectedPrimaryIcon: string; | ||
}; | ||
border: { | ||
@@ -435,4 +600,23 @@ primary: string; | ||
inset: string[]; | ||
focus: string[]; | ||
}; | ||
state: { | ||
hover: { | ||
primaryBg: string; | ||
primaryBorder: string; | ||
primaryText: string; | ||
primaryIcon: string; | ||
secondaryBg: string; | ||
secondaryBorder: string; | ||
}; | ||
selected: { | ||
primaryBg: string; | ||
primaryBorder: string; | ||
primaryText: string; | ||
primaryIcon: string; | ||
}; | ||
focus: { | ||
border: string; | ||
shadow: string[]; | ||
}; | ||
}; | ||
fade: { | ||
@@ -457,6 +641,8 @@ black: { | ||
alert: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
info: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
warn: { | ||
@@ -481,2 +667,8 @@ text: string; | ||
}; | ||
autocomplete: { | ||
bg: string; | ||
border: string; | ||
shadow: string[]; | ||
rowBorder: string; | ||
}; | ||
blankslate: { | ||
@@ -486,30 +678,51 @@ icon: string; | ||
btn: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
text: string; | ||
ic: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadow: string[]; | ||
insetShadow: string[]; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
selectedBg: string; | ||
focusBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
shadowActive: string[]; | ||
shadowInputFocus: string[]; | ||
primary: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
borderDisabled: string; | ||
text: string; | ||
ic: string; | ||
shadow: string[]; | ||
shadowHighlight: string[]; | ||
shadowSelected: string[]; | ||
bgHover: string; | ||
bgActive: string; | ||
bgDisabled: string; | ||
insetShadow: string[]; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
selectedBg: string; | ||
selectedShadow: string[]; | ||
disabledText: string; | ||
disabledShadow: string[]; | ||
disabledBg: string; | ||
disabledBorder: string; | ||
focusBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
icon: string; | ||
counterBg: string; | ||
}; | ||
inverseOnHover: { | ||
border: string; | ||
shadow: string[]; | ||
shadowInset: string[]; | ||
outline: { | ||
text: string; | ||
hoverText: string; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
hoverShadow: string[]; | ||
hoverInsetShadow: string[]; | ||
hoverCounterBg: string; | ||
selectedText: string; | ||
selectedBg: string; | ||
selectedBorder: string; | ||
selectedShadow: string[]; | ||
disabledText: string; | ||
disabledBg: string; | ||
disabledCounterBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
counterBg: string; | ||
@@ -519,20 +732,19 @@ }; | ||
text: string; | ||
textDisabled: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadow: string[]; | ||
shadowFocus: string[]; | ||
hoverText: string; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
hoverShadow: string[]; | ||
hoverInsetShadow: string[]; | ||
hoverCounterBg: string; | ||
selectedText: string; | ||
selectedBg: string; | ||
selectedBorder: string; | ||
selectedShadow: string[]; | ||
disabledText: string; | ||
disabledBg: string; | ||
disabledCounterBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
counterBg: string; | ||
counterBgDisabled: string; | ||
}; | ||
outline: { | ||
text: string; | ||
textDisabled: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadow: string[]; | ||
shadowFocus: string[]; | ||
counterBg: string; | ||
counterBgDisabled: string; | ||
}; | ||
counterBg: string; | ||
@@ -543,8 +755,41 @@ }; | ||
bg: string; | ||
primary: { | ||
text: string; | ||
bg: string; | ||
}; | ||
secondary: { | ||
text: string; | ||
}; | ||
}; | ||
dropdown: { | ||
bg: string; | ||
border: string; | ||
shadow: string[]; | ||
}; | ||
topic: { | ||
tagBg: string; | ||
tagBorder: string; | ||
tagText: string; | ||
label: { | ||
border: string; | ||
primary: { | ||
text: string; | ||
border: string; | ||
}; | ||
secondary: { | ||
text: string; | ||
border: string; | ||
}; | ||
info: { | ||
text: string; | ||
border: string; | ||
}; | ||
success: { | ||
text: string; | ||
border: string; | ||
}; | ||
warning: { | ||
text: string; | ||
border: string; | ||
}; | ||
danger: { | ||
text: string; | ||
border: string; | ||
}; | ||
}; | ||
@@ -554,4 +799,25 @@ input: { | ||
contrastBg: string; | ||
border: string; | ||
shadow: string[]; | ||
shadowFocus: string[]; | ||
disabledBg: string; | ||
disabledBorder: string; | ||
warningBorder: string; | ||
errorBorder: string; | ||
tooltip: { | ||
success: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
warning: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
error: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
}; | ||
}; | ||
@@ -574,4 +840,8 @@ avatar: { | ||
selectMenu: { | ||
bg: string; | ||
border: string; | ||
borderSecondary: string; | ||
shadow: string[]; | ||
backdropBg: string; | ||
shadow: string[]; | ||
backdropBorder: string; | ||
tapHighlight: string; | ||
@@ -587,5 +857,2 @@ tapFocusBg: string; | ||
}; | ||
dropdown: { | ||
border: string; | ||
}; | ||
popover: { | ||
@@ -596,4 +863,9 @@ border: string; | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
icon: string; | ||
link: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
}; | ||
}; | ||
@@ -607,2 +879,13 @@ markdown: { | ||
}; | ||
menu: { | ||
headingText: string; | ||
borderActive: string; | ||
}; | ||
sidenav: { | ||
selectedBg: string; | ||
borderActive: string; | ||
}; | ||
tabnav: { | ||
selectedBg: string; | ||
}; | ||
header: { | ||
@@ -629,7 +912,28 @@ text: string; | ||
border: string; | ||
bg: string; | ||
}; | ||
underlineNav: { | ||
underlinenav: { | ||
border: string; | ||
borderHover: string; | ||
borderActive: string; | ||
text: string; | ||
textHover: string; | ||
textActive: string; | ||
icon: string; | ||
iconHover: string; | ||
iconActive: string; | ||
counterText: string; | ||
}; | ||
verifiedBadge: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
socialCount: { | ||
bg: string; | ||
}; | ||
headerSearch: { | ||
bg: string; | ||
border: string; | ||
}; | ||
iconFolder: string; | ||
@@ -642,2 +946,3 @@ hlAuthorBg: string; | ||
neutralBg: string; | ||
neutralBorder: string; | ||
deletionBg: string; | ||
@@ -674,4 +979,55 @@ deletionBgStrong: string; | ||
}; | ||
footerInvertocat: { | ||
octicon: string; | ||
octiconHover: string; | ||
}; | ||
prState: { | ||
draft: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
open: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
merged: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
closed: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
}; | ||
topicTag: { | ||
text: string; | ||
bg: string; | ||
hoverBg: string; | ||
activeBg: string; | ||
}; | ||
mergeBox: { | ||
successIconBg: string; | ||
successIconText: string; | ||
successIconBorder: string; | ||
mergedIconBg: string; | ||
mergedIconText: string; | ||
mergedIconBorder: string; | ||
mergedBoxBorder: string; | ||
neutralIconBg: string; | ||
neutralIconText: string; | ||
neutralIconBorder: string; | ||
warningIconBg: string; | ||
warningIconText: string; | ||
warningIconBorder: string; | ||
warningBoxBorder: string; | ||
errorIconBg: string; | ||
errorIconText: string; | ||
errorIconBorder: string; | ||
}; | ||
}; | ||
}; | ||
export default _default; |
@@ -33,8 +33,7 @@ declare const _default: { | ||
inverse: string; | ||
linkPrimary: string; | ||
linkSecondary: string; | ||
linkTertiary: string; | ||
link: string; | ||
danger: string; | ||
success: string; | ||
warning: string; | ||
white: string; | ||
}; | ||
@@ -50,14 +49,2 @@ icon: { | ||
}; | ||
state: { | ||
hoverPrimaryBg: string; | ||
hoverPrimaryBorder: string; | ||
hoverPrimaryText: string; | ||
hoverPrimaryIcon: string; | ||
hoverSecondaryBg: string; | ||
hoverSecondaryBorder: string; | ||
selectedPrimaryBg: string; | ||
selectedPrimaryBorder: string; | ||
selectedPrimaryText: string; | ||
selectedPrimaryIcon: string; | ||
}; | ||
border: { | ||
@@ -97,4 +84,23 @@ primary: string; | ||
inset: string[]; | ||
focus: string[]; | ||
}; | ||
state: { | ||
hover: { | ||
primaryBg: string; | ||
primaryBorder: string; | ||
primaryText: string; | ||
primaryIcon: string; | ||
secondaryBg: string; | ||
secondaryBorder: string; | ||
}; | ||
selected: { | ||
primaryBg: string; | ||
primaryBorder: string; | ||
primaryText: string; | ||
primaryIcon: string; | ||
}; | ||
focus: { | ||
border: string; | ||
shadow: string[]; | ||
}; | ||
}; | ||
fade: { | ||
@@ -119,6 +125,8 @@ black: { | ||
alert: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
info: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
warn: { | ||
@@ -143,2 +151,8 @@ text: string; | ||
}; | ||
autocomplete: { | ||
bg: string; | ||
border: string; | ||
shadow: string[]; | ||
rowBorder: string; | ||
}; | ||
blankslate: { | ||
@@ -148,30 +162,51 @@ icon: string; | ||
btn: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
text: string; | ||
ic: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadow: string[]; | ||
insetShadow: string[]; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
selectedBg: string; | ||
focusBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
shadowActive: string[]; | ||
shadowInputFocus: string[]; | ||
primary: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
borderDisabled: string; | ||
text: string; | ||
ic: string; | ||
shadow: string[]; | ||
shadowHighlight: string[]; | ||
shadowSelected: string[]; | ||
bgHover: string; | ||
bgActive: string; | ||
bgDisabled: string; | ||
insetShadow: string[]; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
selectedBg: string; | ||
selectedShadow: string[]; | ||
disabledText: string; | ||
disabledShadow: string[]; | ||
disabledBg: string; | ||
disabledBorder: string; | ||
focusBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
icon: string; | ||
counterBg: string; | ||
}; | ||
inverseOnHover: { | ||
border: string; | ||
shadow: string[]; | ||
shadowInset: string[]; | ||
outline: { | ||
text: string; | ||
hoverText: string; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
hoverShadow: string[]; | ||
hoverInsetShadow: string[]; | ||
hoverCounterBg: string; | ||
selectedText: string; | ||
selectedBg: string; | ||
selectedBorder: string; | ||
selectedShadow: string[]; | ||
disabledText: string; | ||
disabledBg: string; | ||
disabledCounterBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
counterBg: string; | ||
@@ -181,20 +216,19 @@ }; | ||
text: string; | ||
textDisabled: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadow: string[]; | ||
shadowFocus: string[]; | ||
hoverText: string; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
hoverShadow: string[]; | ||
hoverInsetShadow: string[]; | ||
hoverCounterBg: string; | ||
selectedText: string; | ||
selectedBg: string; | ||
selectedBorder: string; | ||
selectedShadow: string[]; | ||
disabledText: string; | ||
disabledBg: string; | ||
disabledCounterBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
counterBg: string; | ||
counterBgDisabled: string; | ||
}; | ||
outline: { | ||
text: string; | ||
textDisabled: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadow: string[]; | ||
shadowFocus: string[]; | ||
counterBg: string; | ||
counterBgDisabled: string; | ||
}; | ||
counterBg: string; | ||
@@ -205,8 +239,41 @@ }; | ||
bg: string; | ||
primary: { | ||
text: string; | ||
bg: string; | ||
}; | ||
secondary: { | ||
text: string; | ||
}; | ||
}; | ||
dropdown: { | ||
bg: string; | ||
border: string; | ||
shadow: string[]; | ||
}; | ||
topic: { | ||
tagBg: string; | ||
tagBorder: string; | ||
tagText: string; | ||
label: { | ||
border: string; | ||
primary: { | ||
text: string; | ||
border: string; | ||
}; | ||
secondary: { | ||
text: string; | ||
border: string; | ||
}; | ||
info: { | ||
text: string; | ||
border: string; | ||
}; | ||
success: { | ||
text: string; | ||
border: string; | ||
}; | ||
warning: { | ||
text: string; | ||
border: string; | ||
}; | ||
danger: { | ||
text: string; | ||
border: string; | ||
}; | ||
}; | ||
@@ -216,4 +283,25 @@ input: { | ||
contrastBg: string; | ||
border: string; | ||
shadow: string[]; | ||
shadowFocus: string[]; | ||
disabledBg: string; | ||
disabledBorder: string; | ||
warningBorder: string; | ||
errorBorder: string; | ||
tooltip: { | ||
success: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
warning: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
error: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
}; | ||
}; | ||
@@ -236,4 +324,8 @@ avatar: { | ||
selectMenu: { | ||
bg: string; | ||
border: string; | ||
borderSecondary: string; | ||
shadow: string[]; | ||
backdropBg: string; | ||
shadow: string[]; | ||
backdropBorder: string; | ||
tapHighlight: string; | ||
@@ -249,5 +341,2 @@ tapFocusBg: string; | ||
}; | ||
dropdown: { | ||
border: string; | ||
}; | ||
popover: { | ||
@@ -258,4 +347,9 @@ border: string; | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
icon: string; | ||
link: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
}; | ||
}; | ||
@@ -269,2 +363,13 @@ markdown: { | ||
}; | ||
menu: { | ||
headingText: string; | ||
borderActive: string; | ||
}; | ||
sidenav: { | ||
selectedBg: string; | ||
borderActive: string; | ||
}; | ||
tabnav: { | ||
selectedBg: string; | ||
}; | ||
header: { | ||
@@ -291,7 +396,28 @@ text: string; | ||
border: string; | ||
bg: string; | ||
}; | ||
underlineNav: { | ||
underlinenav: { | ||
border: string; | ||
borderHover: string; | ||
borderActive: string; | ||
text: string; | ||
textHover: string; | ||
textActive: string; | ||
icon: string; | ||
iconHover: string; | ||
iconActive: string; | ||
counterText: string; | ||
}; | ||
verifiedBadge: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
socialCount: { | ||
bg: string; | ||
}; | ||
headerSearch: { | ||
bg: string; | ||
border: string; | ||
}; | ||
iconFolder: string; | ||
@@ -304,2 +430,3 @@ hlAuthorBg: string; | ||
neutralBg: string; | ||
neutralBorder: string; | ||
deletionBg: string; | ||
@@ -336,3 +463,54 @@ deletionBgStrong: string; | ||
}; | ||
footerInvertocat: { | ||
octicon: string; | ||
octiconHover: string; | ||
}; | ||
prState: { | ||
draft: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
open: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
merged: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
closed: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
}; | ||
topicTag: { | ||
text: string; | ||
bg: string; | ||
hoverBg: string; | ||
activeBg: string; | ||
}; | ||
mergeBox: { | ||
successIconBg: string; | ||
successIconText: string; | ||
successIconBorder: string; | ||
mergedIconBg: string; | ||
mergedIconText: string; | ||
mergedIconBorder: string; | ||
mergedBoxBorder: string; | ||
neutralIconBg: string; | ||
neutralIconText: string; | ||
neutralIconBorder: string; | ||
warningIconBg: string; | ||
warningIconText: string; | ||
warningIconBorder: string; | ||
warningBoxBorder: string; | ||
errorIconBg: string; | ||
errorIconText: string; | ||
errorIconBorder: string; | ||
}; | ||
}; | ||
export default _default; |
@@ -211,8 +211,7 @@ "use strict"; | ||
"inverse": "#ffffff", | ||
"linkPrimary": "#0366d6", | ||
"linkSecondary": "#24292e", | ||
"linkTertiary": "#586069", | ||
"link": "#0366d6", | ||
"danger": "#cb2431", | ||
"success": "#22863a", | ||
"warning": "#b08800" | ||
"warning": "#b08800", | ||
"white": "#ffffff" | ||
}, | ||
@@ -228,14 +227,2 @@ "icon": { | ||
}, | ||
"state": { | ||
"hoverPrimaryBg": "#0366d6", | ||
"hoverPrimaryBorder": "#0366d6", | ||
"hoverPrimaryText": "#ffffff", | ||
"hoverPrimaryIcon": "#ffffff", | ||
"hoverSecondaryBg": "#f6f8fa", | ||
"hoverSecondaryBorder": "#f6f8fa", | ||
"selectedPrimaryBg": "#0366d6", | ||
"selectedPrimaryBorder": "#0366d6", | ||
"selectedPrimaryText": "#ffffff", | ||
"selectedPrimaryIcon": "#ffffff" | ||
}, | ||
"border": { | ||
@@ -306,11 +293,30 @@ "primary": "#e1e4e8", | ||
"rgba(225,228,232,0.2)" | ||
], | ||
"focus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(3,102,214,0.3)" | ||
] | ||
}, | ||
"state": { | ||
"hover": { | ||
"primaryBg": "#0366d6", | ||
"primaryBorder": "#0366d6", | ||
"primaryText": "#ffffff", | ||
"primaryIcon": "#ffffff", | ||
"secondaryBg": "#f6f8fa", | ||
"secondaryBorder": "#f6f8fa" | ||
}, | ||
"selected": { | ||
"primaryBg": "#0366d6", | ||
"primaryBorder": "#0366d6", | ||
"primaryText": "#ffffff", | ||
"primaryIcon": "#ffffff" | ||
}, | ||
"focus": { | ||
"border": "#0366d6", | ||
"shadow": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(3,102,214,0.3)" | ||
] | ||
} | ||
}, | ||
"fade": { | ||
@@ -335,6 +341,8 @@ "black": { | ||
"alert": { | ||
"text": "#24292e", | ||
"icon": "rgba(4,66,137,0.6)", | ||
"bg": "#dbedff", | ||
"border": "rgba(4,66,137,0.2)", | ||
"info": { | ||
"text": "#24292e", | ||
"icon": "rgba(4,66,137,0.6)", | ||
"bg": "#dbedff", | ||
"border": "rgba(4,66,137,0.2)" | ||
}, | ||
"warn": { | ||
@@ -359,2 +367,13 @@ "text": "#24292e", | ||
}, | ||
"autocomplete": { | ||
"bg": "#ffffff", | ||
"border": "#e1e4e8", | ||
"shadow": [ | ||
"0", | ||
"3px", | ||
"6px", | ||
"rgba(149,157,165,0.15)" | ||
], | ||
"rowBorder": "#eaecef" | ||
}, | ||
"blankslate": { | ||
@@ -364,8 +383,30 @@ "icon": "#a3aab1" | ||
"btn": { | ||
"text": "#24292e", | ||
"bg": "#fafbfc", | ||
"border": "rgba(27,31,35,0.15)", | ||
"text": "#24292e", | ||
"ic": "#6a737d", | ||
"bgHover": "#f3f4f6", | ||
"bgActive": "#edeff2", | ||
"shadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(27,31,35,0.04)" | ||
], | ||
"insetShadow": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(255,255,255,0.25)" | ||
], | ||
"hoverBg": "#f3f4f6", | ||
"hoverBorder": "rgba(27,31,35,0.15)", | ||
"selectedBg": "#edeff2", | ||
"focusBg": "#fafbfc", | ||
"focusBorder": "rgba(27,31,35,0.15)", | ||
"focusShadow": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(3,102,214,0.3)" | ||
], | ||
"shadowActive": [ | ||
@@ -386,7 +427,5 @@ "inset", | ||
"primary": { | ||
"text": "#ffffff", | ||
"bg": "#2ea44f", | ||
"border": "rgba(27,31,35,0.15)", | ||
"borderDisabled": "rgba(27,31,35,0.1)", | ||
"text": "#ffffff", | ||
"ic": "rgba(255,255,255,0.8)", | ||
"shadow": [ | ||
@@ -398,3 +437,3 @@ "0", | ||
], | ||
"shadowHighlight": [ | ||
"insetShadow": [ | ||
"inset", | ||
@@ -406,3 +445,6 @@ "0", | ||
], | ||
"shadowSelected": [ | ||
"hoverBg": "#2c974b", | ||
"hoverBorder": "rgba(27,31,35,0.15)", | ||
"selectedBg": "#2a8f47", | ||
"selectedShadow": [ | ||
"inset", | ||
@@ -414,7 +456,8 @@ "0", | ||
], | ||
"bgHover": "#2c974b", | ||
"bgActive": "#2a8f47", | ||
"bgDisabled": "#94d3a2", | ||
"disabledText": "rgba(255,255,255,0.8)", | ||
"disabledShadow": [ | ||
"disabledBg": "#94d3a2", | ||
"disabledBorder": "rgba(27,31,35,0.1)", | ||
"focusBg": "#2ea44f", | ||
"focusBorder": "rgba(27,31,35,0.15)", | ||
"focusShadow": [ | ||
"0", | ||
@@ -426,7 +469,11 @@ "0", | ||
], | ||
"icon": "rgba(255,255,255,0.8)", | ||
"counterBg": "rgba(255,255,255,0.2)" | ||
}, | ||
"inverseOnHover": { | ||
"border": "rgba(27,31,35,0.15)", | ||
"shadow": [ | ||
"outline": { | ||
"text": "#0366d6", | ||
"hoverText": "#ffffff", | ||
"hoverBg": "#0366d6", | ||
"hoverBorder": "rgba(27,31,35,0.15)", | ||
"hoverShadow": [ | ||
"0", | ||
@@ -437,3 +484,3 @@ "1px", | ||
], | ||
"shadowInset": [ | ||
"hoverInsetShadow": [ | ||
"inset", | ||
@@ -445,10 +492,7 @@ "0", | ||
], | ||
"counterBg": "rgba(255,255,255,0.2)" | ||
}, | ||
"danger": { | ||
"text": "#d73a49", | ||
"textDisabled": "rgba(215,58,73,0.5)", | ||
"bgHover": "#cb2431", | ||
"bgActive": "#be222e", | ||
"shadow": [ | ||
"hoverCounterBg": "rgba(255,255,255,0.2)", | ||
"selectedText": "#ffffff", | ||
"selectedBg": "#035fc7", | ||
"selectedBorder": "rgba(27,31,35,0.15)", | ||
"selectedShadow": [ | ||
"inset", | ||
@@ -458,5 +502,9 @@ "0", | ||
"0", | ||
"rgba(134,24,29,0.2)" | ||
"rgba(5,38,76,0.2)" | ||
], | ||
"shadowFocus": [ | ||
"disabledText": "rgba(3,102,214,0.5)", | ||
"disabledBg": "#fafbfc", | ||
"disabledCounterBg": "rgba(3,102,214,0.05)", | ||
"focusBorder": "rgba(27,31,35,0.15)", | ||
"focusShadow": [ | ||
"0", | ||
@@ -466,13 +514,18 @@ "0", | ||
"3px", | ||
"rgba(203,36,49,0.4)" | ||
"rgba(0,92,197,0.4)" | ||
], | ||
"counterBg": "rgba(215,58,73,0.1)", | ||
"counterBgDisabled": "rgba(215,58,73,0.05)" | ||
"counterBg": "rgba(3,102,214,0.1)" | ||
}, | ||
"outline": { | ||
"text": "#0366d6", | ||
"textDisabled": "rgba(3,102,214,0.5)", | ||
"bgHover": "#0366d6", | ||
"bgActive": "#035fc7", | ||
"shadow": [ | ||
"danger": { | ||
"text": "#d73a49", | ||
"hoverText": "#ffffff", | ||
"hoverBg": "#cb2431", | ||
"hoverBorder": "rgba(27,31,35,0.15)", | ||
"hoverShadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(27,31,35,0.1)" | ||
], | ||
"hoverInsetShadow": [ | ||
"inset", | ||
@@ -482,13 +535,27 @@ "0", | ||
"0", | ||
"rgba(5,38,76,0.2)" | ||
"rgba(255,255,255,0.03)" | ||
], | ||
"shadowFocus": [ | ||
"hoverCounterBg": "rgba(255,255,255,0.2)", | ||
"selectedText": "#ffffff", | ||
"selectedBg": "#d42d3d", | ||
"selectedBorder": "rgba(27,31,35,0.15)", | ||
"selectedShadow": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(134,24,29,0.2)" | ||
], | ||
"disabledText": "rgba(215,58,73,0.5)", | ||
"disabledBg": "#fafbfc", | ||
"disabledCounterBg": "rgba(215,58,73,0.05)", | ||
"focusBorder": "rgba(27,31,35,0.15)", | ||
"focusShadow": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(0,92,197,0.4)" | ||
"rgba(203,36,49,0.4)" | ||
], | ||
"counterBg": "rgba(3,102,214,0.1)", | ||
"counterBgDisabled": "rgba(3,102,214,0.05)" | ||
"counterBg": "rgba(215,58,73,0.1)" | ||
}, | ||
@@ -500,12 +567,51 @@ "counterBg": "rgba(27,31,35,0.08)" | ||
"bg": "rgba(209,213,218,0.5)", | ||
"border": "rgba(209,213,218,0.5)" | ||
"primary": { | ||
"text": "#ffffff", | ||
"bg": "#6a737d" | ||
}, | ||
"secondary": { | ||
"text": "#6a737d" | ||
} | ||
}, | ||
"topic": { | ||
"tagBg": "#f1f8ff", | ||
"tagBorder": "#f1f8ff", | ||
"tagText": "#0366d6" | ||
"dropdown": { | ||
"bg": "#ffffff", | ||
"border": "#e1e4e8", | ||
"shadow": [ | ||
"0", | ||
"8px", | ||
"24px", | ||
"rgba(149,157,165,0.2)" | ||
] | ||
}, | ||
"label": { | ||
"border": "#e1e4e8", | ||
"primary": { | ||
"text": "#24292e", | ||
"border": "#6a737d" | ||
}, | ||
"secondary": { | ||
"text": "#586069", | ||
"border": "#e1e4e8" | ||
}, | ||
"info": { | ||
"text": "#0366d6", | ||
"border": "#0366d6" | ||
}, | ||
"success": { | ||
"text": "#22863a", | ||
"border": "#28a745" | ||
}, | ||
"warning": { | ||
"text": "#735c0f", | ||
"border": "#b08800" | ||
}, | ||
"danger": { | ||
"text": "#d73a49", | ||
"border": "#cb2431" | ||
} | ||
}, | ||
"input": { | ||
"bg": "#ffffff", | ||
"contrastBg": "#fafbfc", | ||
"border": "#e1e4e8", | ||
"shadow": [ | ||
@@ -518,12 +624,26 @@ "inset", | ||
], | ||
"shadowFocus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"0.2em", | ||
"rgba(3,102,214,0.3)" | ||
] | ||
"disabledBg": "#ffffff", | ||
"disabledBorder": "#e1e4e8", | ||
"warningBorder": "#f9c513", | ||
"errorBorder": "#cb2431", | ||
"tooltip": { | ||
"success": { | ||
"text": "#144620", | ||
"bg": "#dcffe4", | ||
"border": "#34d058" | ||
}, | ||
"warning": { | ||
"text": "#735c0f", | ||
"bg": "#fff5b1", | ||
"border": "#f9c513" | ||
}, | ||
"error": { | ||
"text": "#86181d", | ||
"bg": "#ffeef0", | ||
"border": "#f97583" | ||
} | ||
} | ||
}, | ||
"avatar": { | ||
"border": "rgba(27,31,35,0.1)", | ||
"border": "rgba(0,0,0,0)", | ||
"stackFade": "#d1d5da", | ||
@@ -548,3 +668,5 @@ "stackFadeMore": "#e1e4e8", | ||
"selectMenu": { | ||
"backdropBg": "rgba(27,31,35,0.5)", | ||
"bg": "#ffffff", | ||
"border": "#e1e4e8", | ||
"borderSecondary": "#eaecef", | ||
"shadow": [ | ||
@@ -556,2 +678,4 @@ "0", | ||
], | ||
"backdropBg": "rgba(27,31,35,0.5)", | ||
"backdropBorder": "rgba(0,0,0,0)", | ||
"tapHighlight": "rgba(209,213,218,0.5)", | ||
@@ -567,5 +691,2 @@ "tapFocusBg": "#dbedff" | ||
}, | ||
"dropdown": { | ||
"border": "rgba(27,31,35,0.15)" | ||
}, | ||
"popover": { | ||
@@ -576,4 +697,9 @@ "border": "rgba(27,31,35,0.15)" | ||
"text": "rgba(27,31,35,0.6)", | ||
"icon": "#a8bbd0", | ||
"bg": "#eaf5ff", | ||
"icon": "#a8bbd0" | ||
"link": { | ||
"text": "#0366d6", | ||
"icon": "#a8bbd0", | ||
"bg": "#eaf5ff" | ||
} | ||
}, | ||
@@ -587,2 +713,13 @@ "markdown": { | ||
}, | ||
"menu": { | ||
"headingText": "#24292e", | ||
"borderActive": "#f9826c" | ||
}, | ||
"sidenav": { | ||
"selectedBg": "#ffffff", | ||
"borderActive": "#f9826c" | ||
}, | ||
"tabnav": { | ||
"selectedBg": "#ffffff" | ||
}, | ||
"header": { | ||
@@ -608,8 +745,29 @@ "text": "rgba(255,255,255,0.7)", | ||
"previewableCommentForm": { | ||
"border": "#c3c8cf" | ||
"border": "#c3c8cf", | ||
"bg": "#ffffff" | ||
}, | ||
"underlineNav": { | ||
"underlinenav": { | ||
"border": "rgba(209,213,218,0)", | ||
"borderHover": "#d1d5da", | ||
"borderActive": "#f9826c", | ||
"text": "#24292e", | ||
"textHover": "#24292e", | ||
"textActive": "#24292e", | ||
"text": "#24292e" | ||
"icon": "#959da5", | ||
"iconHover": "#959da5", | ||
"iconActive": "#24292e", | ||
"counterText": "#24292e" | ||
}, | ||
"verifiedBadge": { | ||
"text": "#22863a", | ||
"bg": "#ffffff", | ||
"border": "#e1e4e8" | ||
}, | ||
"socialCount": { | ||
"bg": "#ffffff" | ||
}, | ||
"headerSearch": { | ||
"bg": "#24292e", | ||
"border": "#444d56" | ||
}, | ||
"iconFolder": "#79b8ff", | ||
@@ -622,9 +780,10 @@ "hlAuthorBg": "#f1f8ff", | ||
"neutralBg": "#d1d5da", | ||
"deletionBg": "#cb2431", | ||
"neutralBorder": "#d1d5da", | ||
"deletionBg": "#d73a49", | ||
"deletionBgStrong": "#1b1f23", | ||
"deletionBorder": "#1b1f23", | ||
"deletionBorder": "#d73a49", | ||
"deletionBorderStrong": "#1b1f23", | ||
"additionBg": "#2cbe4e", | ||
"additionBg": "#28a745", | ||
"additionBgStrong": "#1b1f23", | ||
"additionBorder": "#1b1f23", | ||
"additionBorder": "#28a745", | ||
"additionBorderStrong": "#1b1f23" | ||
@@ -653,3 +812,54 @@ }, | ||
"dayL1Border": "rgba(27,31,35,0.06)" | ||
}, | ||
"footerInvertocat": { | ||
"octicon": "#d1d5da", | ||
"octiconHover": "#6a737d" | ||
}, | ||
"prState": { | ||
"draft": { | ||
"text": "#ffffff", | ||
"bg": "#6a737d", | ||
"border": "rgba(0,0,0,0)" | ||
}, | ||
"open": { | ||
"text": "#ffffff", | ||
"bg": "#28a745", | ||
"border": "rgba(0,0,0,0)" | ||
}, | ||
"merged": { | ||
"text": "#ffffff", | ||
"bg": "#6f42c1", | ||
"border": "rgba(0,0,0,0)" | ||
}, | ||
"closed": { | ||
"text": "#ffffff", | ||
"bg": "#d73a49", | ||
"border": "rgba(0,0,0,0)" | ||
} | ||
}, | ||
"topicTag": { | ||
"text": "#0366d6", | ||
"bg": "#f1f8ff", | ||
"hoverBg": "#ddeeff", | ||
"activeBg": "#e7f3ff" | ||
}, | ||
"mergeBox": { | ||
"successIconBg": "#28a745", | ||
"successIconText": "#ffffff", | ||
"successIconBorder": "rgba(0,0,0,0)", | ||
"mergedIconBg": "#6f42c1", | ||
"mergedIconText": "#ffffff", | ||
"mergedIconBorder": "rgba(0,0,0,0)", | ||
"mergedBoxBorder": "#6f42c1", | ||
"neutralIconBg": "#6a737d", | ||
"neutralIconText": "#ffffff", | ||
"neutralIconBorder": "rgba(0,0,0,0)", | ||
"warningIconBg": "#dbab09", | ||
"warningIconText": "#ffffff", | ||
"warningIconBorder": "rgba(0,0,0,0)", | ||
"warningBoxBorder": "#ffd33d", | ||
"errorIconBg": "#d73a49", | ||
"errorIconText": "#ffffff", | ||
"errorIconBorder": "rgba(0,0,0,0)" | ||
} | ||
}; |
@@ -35,8 +35,7 @@ declare const _default: { | ||
inverse: string; | ||
linkPrimary: string; | ||
linkSecondary: string; | ||
linkTertiary: string; | ||
link: string; | ||
danger: string; | ||
success: string; | ||
warning: string; | ||
white: string; | ||
}; | ||
@@ -52,14 +51,2 @@ icon: { | ||
}; | ||
state: { | ||
hoverPrimaryBg: string; | ||
hoverPrimaryBorder: string; | ||
hoverPrimaryText: string; | ||
hoverPrimaryIcon: string; | ||
hoverSecondaryBg: string; | ||
hoverSecondaryBorder: string; | ||
selectedPrimaryBg: string; | ||
selectedPrimaryBorder: string; | ||
selectedPrimaryText: string; | ||
selectedPrimaryIcon: string; | ||
}; | ||
border: { | ||
@@ -97,6 +84,25 @@ primary: string; | ||
extraLarge: string[]; | ||
highlight: string[]; | ||
inset: string[]; | ||
focus: string[]; | ||
highlight: string; | ||
inset: string; | ||
}; | ||
state: { | ||
hover: { | ||
primaryBg: string; | ||
primaryBorder: string; | ||
primaryText: string; | ||
primaryIcon: string; | ||
secondaryBg: string; | ||
secondaryBorder: string; | ||
}; | ||
selected: { | ||
primaryBg: string; | ||
primaryBorder: string; | ||
primaryText: string; | ||
primaryIcon: string; | ||
}; | ||
focus: { | ||
border: string; | ||
shadow: string[]; | ||
}; | ||
}; | ||
fade: { | ||
@@ -121,6 +127,8 @@ black: { | ||
alert: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
info: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
warn: { | ||
@@ -145,2 +153,8 @@ text: string; | ||
}; | ||
autocomplete: { | ||
bg: string; | ||
border: string; | ||
shadow: string[]; | ||
rowBorder: string; | ||
}; | ||
blankslate: { | ||
@@ -150,30 +164,51 @@ icon: string; | ||
btn: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
text: string; | ||
ic: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadow: string; | ||
insetShadow: string; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
selectedBg: string; | ||
focusBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
shadowActive: string[]; | ||
shadowInputFocus: string[]; | ||
primary: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
borderDisabled: string; | ||
text: string; | ||
ic: string; | ||
shadow: string[]; | ||
shadowHighlight: string[]; | ||
shadowSelected: string[]; | ||
bgHover: string; | ||
bgActive: string; | ||
bgDisabled: string; | ||
shadow: string; | ||
insetShadow: string; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
selectedBg: string; | ||
selectedShadow: string; | ||
disabledText: string; | ||
disabledShadow: string[]; | ||
disabledBg: string; | ||
disabledBorder: string; | ||
focusBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
icon: string; | ||
counterBg: string; | ||
}; | ||
inverseOnHover: { | ||
border: string; | ||
shadow: string[]; | ||
shadowInset: string[]; | ||
outline: { | ||
text: string; | ||
hoverText: string; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
hoverShadow: string[]; | ||
hoverInsetShadow: string[]; | ||
hoverCounterBg: string; | ||
selectedText: string; | ||
selectedBg: string; | ||
selectedBorder: string; | ||
selectedShadow: string; | ||
disabledText: string; | ||
disabledBg: string; | ||
disabledCounterBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
counterBg: string; | ||
@@ -183,20 +218,19 @@ }; | ||
text: string; | ||
textDisabled: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadow: string[]; | ||
shadowFocus: string[]; | ||
hoverText: string; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
hoverShadow: string; | ||
hoverInsetShadow: string; | ||
hoverCounterBg: string; | ||
selectedText: string; | ||
selectedBg: string; | ||
selectedBorder: string; | ||
selectedShadow: string; | ||
disabledText: string; | ||
disabledBg: string; | ||
disabledCounterBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
counterBg: string; | ||
counterBgDisabled: string; | ||
}; | ||
outline: { | ||
text: string; | ||
textDisabled: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadow: string[]; | ||
shadowFocus: string[]; | ||
counterBg: string; | ||
counterBgDisabled: string; | ||
}; | ||
counterBg: string; | ||
@@ -207,8 +241,41 @@ }; | ||
bg: string; | ||
primary: { | ||
text: string; | ||
bg: string; | ||
}; | ||
secondary: { | ||
text: string; | ||
}; | ||
}; | ||
dropdown: { | ||
bg: string; | ||
border: string; | ||
shadow: string[]; | ||
}; | ||
topic: { | ||
tagBg: string; | ||
tagBorder: string; | ||
tagText: string; | ||
label: { | ||
border: string; | ||
primary: { | ||
text: string; | ||
border: string; | ||
}; | ||
secondary: { | ||
text: string; | ||
border: string; | ||
}; | ||
info: { | ||
text: string; | ||
border: string; | ||
}; | ||
success: { | ||
text: string; | ||
border: string; | ||
}; | ||
warning: { | ||
text: string; | ||
border: string; | ||
}; | ||
danger: { | ||
text: string; | ||
border: string; | ||
}; | ||
}; | ||
@@ -218,4 +285,25 @@ input: { | ||
contrastBg: string; | ||
shadow: string[]; | ||
shadowFocus: string[]; | ||
border: string; | ||
shadow: string; | ||
disabledBg: string; | ||
disabledBorder: string; | ||
warningBorder: string; | ||
errorBorder: string; | ||
tooltip: { | ||
success: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
warning: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
error: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
}; | ||
}; | ||
@@ -238,4 +326,8 @@ avatar: { | ||
selectMenu: { | ||
bg: string; | ||
border: string; | ||
borderSecondary: string; | ||
shadow: string[]; | ||
backdropBg: string; | ||
shadow: string[]; | ||
backdropBorder: string; | ||
tapHighlight: string; | ||
@@ -251,5 +343,2 @@ tapFocusBg: string; | ||
}; | ||
dropdown: { | ||
border: string; | ||
}; | ||
popover: { | ||
@@ -260,4 +349,9 @@ border: string; | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
icon: string; | ||
link: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
}; | ||
}; | ||
@@ -271,2 +365,13 @@ markdown: { | ||
}; | ||
menu: { | ||
headingText: string; | ||
borderActive: string; | ||
}; | ||
sidenav: { | ||
selectedBg: string; | ||
borderActive: string; | ||
}; | ||
tabnav: { | ||
selectedBg: string; | ||
}; | ||
header: { | ||
@@ -293,7 +398,28 @@ text: string; | ||
border: string; | ||
bg: string; | ||
}; | ||
underlineNav: { | ||
underlinenav: { | ||
border: string; | ||
borderHover: string; | ||
borderActive: string; | ||
text: string; | ||
textHover: string; | ||
textActive: string; | ||
icon: string; | ||
iconHover: string; | ||
iconActive: string; | ||
counterText: string; | ||
}; | ||
verifiedBadge: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
socialCount: { | ||
bg: string; | ||
}; | ||
headerSearch: { | ||
bg: string; | ||
border: string; | ||
}; | ||
iconFolder: string; | ||
@@ -306,2 +432,3 @@ hlAuthorBg: string; | ||
neutralBg: string; | ||
neutralBorder: string; | ||
deletionBg: string; | ||
@@ -338,2 +465,53 @@ deletionBgStrong: string; | ||
}; | ||
footerInvertocat: { | ||
octicon: string; | ||
octiconHover: string; | ||
}; | ||
prState: { | ||
draft: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
open: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
merged: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
closed: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
}; | ||
topicTag: { | ||
text: string; | ||
bg: string; | ||
hoverBg: string; | ||
activeBg: string; | ||
}; | ||
mergeBox: { | ||
successIconBg: string; | ||
successIconText: string; | ||
successIconBorder: string; | ||
mergedIconBg: string; | ||
mergedIconText: string; | ||
mergedIconBorder: string; | ||
mergedBoxBorder: string; | ||
neutralIconBg: string; | ||
neutralIconText: string; | ||
neutralIconBorder: string; | ||
warningIconBg: string; | ||
warningIconText: string; | ||
warningIconBorder: string; | ||
warningBoxBorder: string; | ||
errorIconBg: string; | ||
errorIconText: string; | ||
errorIconBorder: string; | ||
}; | ||
}; | ||
@@ -372,8 +550,7 @@ light: { | ||
inverse: string; | ||
linkPrimary: string; | ||
linkSecondary: string; | ||
linkTertiary: string; | ||
link: string; | ||
danger: string; | ||
success: string; | ||
warning: string; | ||
white: string; | ||
}; | ||
@@ -389,14 +566,2 @@ icon: { | ||
}; | ||
state: { | ||
hoverPrimaryBg: string; | ||
hoverPrimaryBorder: string; | ||
hoverPrimaryText: string; | ||
hoverPrimaryIcon: string; | ||
hoverSecondaryBg: string; | ||
hoverSecondaryBorder: string; | ||
selectedPrimaryBg: string; | ||
selectedPrimaryBorder: string; | ||
selectedPrimaryText: string; | ||
selectedPrimaryIcon: string; | ||
}; | ||
border: { | ||
@@ -436,4 +601,23 @@ primary: string; | ||
inset: string[]; | ||
focus: string[]; | ||
}; | ||
state: { | ||
hover: { | ||
primaryBg: string; | ||
primaryBorder: string; | ||
primaryText: string; | ||
primaryIcon: string; | ||
secondaryBg: string; | ||
secondaryBorder: string; | ||
}; | ||
selected: { | ||
primaryBg: string; | ||
primaryBorder: string; | ||
primaryText: string; | ||
primaryIcon: string; | ||
}; | ||
focus: { | ||
border: string; | ||
shadow: string[]; | ||
}; | ||
}; | ||
fade: { | ||
@@ -458,6 +642,8 @@ black: { | ||
alert: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
info: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
warn: { | ||
@@ -482,2 +668,8 @@ text: string; | ||
}; | ||
autocomplete: { | ||
bg: string; | ||
border: string; | ||
shadow: string[]; | ||
rowBorder: string; | ||
}; | ||
blankslate: { | ||
@@ -487,30 +679,51 @@ icon: string; | ||
btn: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
text: string; | ||
ic: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadow: string[]; | ||
insetShadow: string[]; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
selectedBg: string; | ||
focusBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
shadowActive: string[]; | ||
shadowInputFocus: string[]; | ||
primary: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
borderDisabled: string; | ||
text: string; | ||
ic: string; | ||
shadow: string[]; | ||
shadowHighlight: string[]; | ||
shadowSelected: string[]; | ||
bgHover: string; | ||
bgActive: string; | ||
bgDisabled: string; | ||
insetShadow: string[]; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
selectedBg: string; | ||
selectedShadow: string[]; | ||
disabledText: string; | ||
disabledShadow: string[]; | ||
disabledBg: string; | ||
disabledBorder: string; | ||
focusBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
icon: string; | ||
counterBg: string; | ||
}; | ||
inverseOnHover: { | ||
border: string; | ||
shadow: string[]; | ||
shadowInset: string[]; | ||
outline: { | ||
text: string; | ||
hoverText: string; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
hoverShadow: string[]; | ||
hoverInsetShadow: string[]; | ||
hoverCounterBg: string; | ||
selectedText: string; | ||
selectedBg: string; | ||
selectedBorder: string; | ||
selectedShadow: string[]; | ||
disabledText: string; | ||
disabledBg: string; | ||
disabledCounterBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
counterBg: string; | ||
@@ -520,20 +733,19 @@ }; | ||
text: string; | ||
textDisabled: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadow: string[]; | ||
shadowFocus: string[]; | ||
hoverText: string; | ||
hoverBg: string; | ||
hoverBorder: string; | ||
hoverShadow: string[]; | ||
hoverInsetShadow: string[]; | ||
hoverCounterBg: string; | ||
selectedText: string; | ||
selectedBg: string; | ||
selectedBorder: string; | ||
selectedShadow: string[]; | ||
disabledText: string; | ||
disabledBg: string; | ||
disabledCounterBg: string; | ||
focusBorder: string; | ||
focusShadow: string[]; | ||
counterBg: string; | ||
counterBgDisabled: string; | ||
}; | ||
outline: { | ||
text: string; | ||
textDisabled: string; | ||
bgHover: string; | ||
bgActive: string; | ||
shadow: string[]; | ||
shadowFocus: string[]; | ||
counterBg: string; | ||
counterBgDisabled: string; | ||
}; | ||
counterBg: string; | ||
@@ -544,8 +756,41 @@ }; | ||
bg: string; | ||
primary: { | ||
text: string; | ||
bg: string; | ||
}; | ||
secondary: { | ||
text: string; | ||
}; | ||
}; | ||
dropdown: { | ||
bg: string; | ||
border: string; | ||
shadow: string[]; | ||
}; | ||
topic: { | ||
tagBg: string; | ||
tagBorder: string; | ||
tagText: string; | ||
label: { | ||
border: string; | ||
primary: { | ||
text: string; | ||
border: string; | ||
}; | ||
secondary: { | ||
text: string; | ||
border: string; | ||
}; | ||
info: { | ||
text: string; | ||
border: string; | ||
}; | ||
success: { | ||
text: string; | ||
border: string; | ||
}; | ||
warning: { | ||
text: string; | ||
border: string; | ||
}; | ||
danger: { | ||
text: string; | ||
border: string; | ||
}; | ||
}; | ||
@@ -555,4 +800,25 @@ input: { | ||
contrastBg: string; | ||
border: string; | ||
shadow: string[]; | ||
shadowFocus: string[]; | ||
disabledBg: string; | ||
disabledBorder: string; | ||
warningBorder: string; | ||
errorBorder: string; | ||
tooltip: { | ||
success: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
warning: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
error: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
}; | ||
}; | ||
@@ -575,4 +841,8 @@ avatar: { | ||
selectMenu: { | ||
bg: string; | ||
border: string; | ||
borderSecondary: string; | ||
shadow: string[]; | ||
backdropBg: string; | ||
shadow: string[]; | ||
backdropBorder: string; | ||
tapHighlight: string; | ||
@@ -588,5 +858,2 @@ tapFocusBg: string; | ||
}; | ||
dropdown: { | ||
border: string; | ||
}; | ||
popover: { | ||
@@ -597,4 +864,9 @@ border: string; | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
icon: string; | ||
link: { | ||
text: string; | ||
icon: string; | ||
bg: string; | ||
}; | ||
}; | ||
@@ -608,2 +880,13 @@ markdown: { | ||
}; | ||
menu: { | ||
headingText: string; | ||
borderActive: string; | ||
}; | ||
sidenav: { | ||
selectedBg: string; | ||
borderActive: string; | ||
}; | ||
tabnav: { | ||
selectedBg: string; | ||
}; | ||
header: { | ||
@@ -630,7 +913,28 @@ text: string; | ||
border: string; | ||
bg: string; | ||
}; | ||
underlineNav: { | ||
underlinenav: { | ||
border: string; | ||
borderHover: string; | ||
borderActive: string; | ||
text: string; | ||
textHover: string; | ||
textActive: string; | ||
icon: string; | ||
iconHover: string; | ||
iconActive: string; | ||
counterText: string; | ||
}; | ||
verifiedBadge: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
socialCount: { | ||
bg: string; | ||
}; | ||
headerSearch: { | ||
bg: string; | ||
border: string; | ||
}; | ||
iconFolder: string; | ||
@@ -643,2 +947,3 @@ hlAuthorBg: string; | ||
neutralBg: string; | ||
neutralBorder: string; | ||
deletionBg: string; | ||
@@ -675,2 +980,53 @@ deletionBgStrong: string; | ||
}; | ||
footerInvertocat: { | ||
octicon: string; | ||
octiconHover: string; | ||
}; | ||
prState: { | ||
draft: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
open: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
merged: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
closed: { | ||
text: string; | ||
bg: string; | ||
border: string; | ||
}; | ||
}; | ||
topicTag: { | ||
text: string; | ||
bg: string; | ||
hoverBg: string; | ||
activeBg: string; | ||
}; | ||
mergeBox: { | ||
successIconBg: string; | ||
successIconText: string; | ||
successIconBorder: string; | ||
mergedIconBg: string; | ||
mergedIconText: string; | ||
mergedIconBorder: string; | ||
mergedBoxBorder: string; | ||
neutralIconBg: string; | ||
neutralIconText: string; | ||
neutralIconBorder: string; | ||
warningIconBg: string; | ||
warningIconText: string; | ||
warningIconBorder: string; | ||
warningBoxBorder: string; | ||
errorIconBg: string; | ||
errorIconText: string; | ||
errorIconBorder: string; | ||
}; | ||
}; | ||
@@ -677,0 +1033,0 @@ }; |
{ | ||
"scale": { | ||
"black": "#0d1117", | ||
"white": "#ffffff", | ||
"black": "#010409", | ||
"white": "#f0f6fc", | ||
"gray": [ | ||
@@ -19,88 +19,88 @@ "#f0f6fc", | ||
"#cae8ff", | ||
"#a1d3ff", | ||
"#75bbff", | ||
"#54a2fb", | ||
"#3f87e9", | ||
"#316ecd", | ||
"#2456aa", | ||
"#0d4189", | ||
"#0b2e63", | ||
"#061e46" | ||
"#a5d6ff", | ||
"#79c0ff", | ||
"#58a6ff", | ||
"#388bfd", | ||
"#1f6feb", | ||
"#1158c7", | ||
"#0d419d", | ||
"#0c2d6b", | ||
"#051d4d" | ||
], | ||
"green": [ | ||
"#b2f4b6", | ||
"#81e38a", | ||
"#58ce65", | ||
"#3ab550", | ||
"#2f9a42", | ||
"#248035", | ||
"#1b662d", | ||
"#144d23", | ||
"#0a3818", | ||
"#aff5b4", | ||
"#7ee787", | ||
"#56d364", | ||
"#3fb950", | ||
"#2ea043", | ||
"#238636", | ||
"#196c2e", | ||
"#0f5323", | ||
"#033a16", | ||
"#04260f" | ||
], | ||
"yellow": [ | ||
"#fef3ae", | ||
"#fde15f", | ||
"#f7d232", | ||
"#eec41a", | ||
"#e2b20d", | ||
"#d79e00", | ||
"#c88d00", | ||
"#b67b00", | ||
"#9b6400", | ||
"#7f4e00" | ||
"#f8e3a1", | ||
"#f2cc60", | ||
"#e3b341", | ||
"#d29922", | ||
"#bb8009", | ||
"#9e6a03", | ||
"#845306", | ||
"#693e00", | ||
"#4b2900", | ||
"#341a00" | ||
], | ||
"orange": [ | ||
"#ffe0bd", | ||
"#ffc17e", | ||
"#ff9f4c", | ||
"#ed802d", | ||
"#d7661d", | ||
"#ba5010", | ||
"#993d06", | ||
"#782b00", | ||
"#591c00", | ||
"#3d1200" | ||
"#ffdfb6", | ||
"#ffc680", | ||
"#ffa657", | ||
"#f0883e", | ||
"#db6d28", | ||
"#bd561d", | ||
"#9b4215", | ||
"#762d0a", | ||
"#5a1e02", | ||
"#3d1300" | ||
], | ||
"red": [ | ||
"#ffdcd9", | ||
"#ffbdba", | ||
"#ff9a96", | ||
"#ff7170", | ||
"#ed4e50", | ||
"#d13339", | ||
"#ac212b", | ||
"#88131f", | ||
"#660614", | ||
"#49000c" | ||
"#ffdcd7", | ||
"#ffc1ba", | ||
"#ffa198", | ||
"#ff7b72", | ||
"#f85149", | ||
"#da3633", | ||
"#b62324", | ||
"#8e1519", | ||
"#67060c", | ||
"#490202" | ||
], | ||
"purple": [ | ||
"#eadfff", | ||
"#d8beff", | ||
"#c2a0fd", | ||
"#ae81fa", | ||
"#9867f0", | ||
"#804eda", | ||
"#673ab8", | ||
"#512c94", | ||
"#3d2071", | ||
"#29154b" | ||
"#eddeff", | ||
"#e2c5ff", | ||
"#d2a8ff", | ||
"#bc8cff", | ||
"#a371f7", | ||
"#8957e5", | ||
"#6e40c9", | ||
"#553098", | ||
"#3c1e70", | ||
"#271052" | ||
], | ||
"pink": [ | ||
"#ffdaed", | ||
"#ffb8dd", | ||
"#ff93cc", | ||
"#f56fb7", | ||
"#db579f", | ||
"#bc4186", | ||
"#98316c", | ||
"#762556", | ||
"#55183e", | ||
"#40092d" | ||
"#ffdaec", | ||
"#ffbedd", | ||
"#ff9bce", | ||
"#f778ba", | ||
"#db61a2", | ||
"#bf4b8a", | ||
"#9e3670", | ||
"#7d2457", | ||
"#5e103e", | ||
"#42062a" | ||
] | ||
}, | ||
"auto": { | ||
"black": "#ffffff", | ||
"white": "#0d1117", | ||
"black": "#f0f6fc", | ||
"white": "#010409", | ||
"gray": [ | ||
@@ -119,11 +119,11 @@ "#0d1117", | ||
"blue": [ | ||
"#061e46", | ||
"#0b2e63", | ||
"#0d4189", | ||
"#2456aa", | ||
"#316ecd", | ||
"#3f87e9", | ||
"#54a2fb", | ||
"#75bbff", | ||
"#a1d3ff", | ||
"#051d4d", | ||
"#0c2d6b", | ||
"#0d419d", | ||
"#1158c7", | ||
"#1f6feb", | ||
"#388bfd", | ||
"#58a6ff", | ||
"#79c0ff", | ||
"#a5d6ff", | ||
"#cae8ff" | ||
@@ -133,71 +133,71 @@ ], | ||
"#04260f", | ||
"#0a3818", | ||
"#144d23", | ||
"#1b662d", | ||
"#248035", | ||
"#2f9a42", | ||
"#3ab550", | ||
"#58ce65", | ||
"#81e38a", | ||
"#b2f4b6" | ||
"#033a16", | ||
"#0f5323", | ||
"#196c2e", | ||
"#238636", | ||
"#2ea043", | ||
"#3fb950", | ||
"#56d364", | ||
"#7ee787", | ||
"#aff5b4" | ||
], | ||
"yellow": [ | ||
"#7f4e00", | ||
"#9b6400", | ||
"#b67b00", | ||
"#c88d00", | ||
"#d79e00", | ||
"#e2b20d", | ||
"#eec41a", | ||
"#f7d232", | ||
"#fde15f", | ||
"#fef3ae" | ||
"#341a00", | ||
"#4b2900", | ||
"#693e00", | ||
"#845306", | ||
"#9e6a03", | ||
"#bb8009", | ||
"#d29922", | ||
"#e3b341", | ||
"#f2cc60", | ||
"#f8e3a1" | ||
], | ||
"orange": [ | ||
"#3d1200", | ||
"#591c00", | ||
"#782b00", | ||
"#993d06", | ||
"#ba5010", | ||
"#d7661d", | ||
"#ed802d", | ||
"#ff9f4c", | ||
"#ffc17e", | ||
"#ffe0bd" | ||
"#3d1300", | ||
"#5a1e02", | ||
"#762d0a", | ||
"#9b4215", | ||
"#bd561d", | ||
"#db6d28", | ||
"#f0883e", | ||
"#ffa657", | ||
"#ffc680", | ||
"#ffdfb6" | ||
], | ||
"red": [ | ||
"#49000c", | ||
"#660614", | ||
"#88131f", | ||
"#ac212b", | ||
"#d13339", | ||
"#ed4e50", | ||
"#ff7170", | ||
"#ff9a96", | ||
"#ffbdba", | ||
"#ffdcd9" | ||
"#490202", | ||
"#67060c", | ||
"#8e1519", | ||
"#b62324", | ||
"#da3633", | ||
"#f85149", | ||
"#ff7b72", | ||
"#ffa198", | ||
"#ffc1ba", | ||
"#ffdcd7" | ||
], | ||
"purple": [ | ||
"#29154b", | ||
"#3d2071", | ||
"#512c94", | ||
"#673ab8", | ||
"#804eda", | ||
"#9867f0", | ||
"#ae81fa", | ||
"#c2a0fd", | ||
"#d8beff", | ||
"#eadfff" | ||
"#271052", | ||
"#3c1e70", | ||
"#553098", | ||
"#6e40c9", | ||
"#8957e5", | ||
"#a371f7", | ||
"#bc8cff", | ||
"#d2a8ff", | ||
"#e2c5ff", | ||
"#eddeff" | ||
], | ||
"pink": [ | ||
"#40092d", | ||
"#55183e", | ||
"#762556", | ||
"#98316c", | ||
"#bc4186", | ||
"#db579f", | ||
"#f56fb7", | ||
"#ff93cc", | ||
"#ffb8dd", | ||
"#ffdaed" | ||
"#42062a", | ||
"#5e103e", | ||
"#7d2457", | ||
"#9e3670", | ||
"#bf4b8a", | ||
"#db61a2", | ||
"#f778ba", | ||
"#ff9bce", | ||
"#ffbedd", | ||
"#ffdaec" | ||
] | ||
@@ -212,8 +212,7 @@ }, | ||
"inverse": "#0d1117", | ||
"linkPrimary": "#54a2fb", | ||
"linkSecondary": "#f0f6fc", | ||
"linkTertiary": "#8b949e", | ||
"danger": "#ed4e50", | ||
"success": "#58ce65", | ||
"warning": "#f7d232" | ||
"link": "#58a6ff", | ||
"danger": "#f85149", | ||
"success": "#56d364", | ||
"warning": "#e3b341", | ||
"white": "#f0f6fc" | ||
}, | ||
@@ -224,19 +223,7 @@ "icon": { | ||
"tertiary": "#484f58", | ||
"info": "#75bbff", | ||
"danger": "#ed4e50", | ||
"success": "#58ce65", | ||
"warning": "#f7d232" | ||
"info": "#79c0ff", | ||
"danger": "#f85149", | ||
"success": "#56d364", | ||
"warning": "#e3b341" | ||
}, | ||
"state": { | ||
"hoverPrimaryBg": "#3f87e9", | ||
"hoverPrimaryBorder": "#3f87e9", | ||
"hoverPrimaryText": "#f0f6fc", | ||
"hoverPrimaryIcon": "#f0f6fc", | ||
"hoverSecondaryBg": "#161b22", | ||
"hoverSecondaryBorder": "#161b22", | ||
"selectedPrimaryBg": "#3f87e9", | ||
"selectedPrimaryBorder": "#3f87e9", | ||
"selectedPrimaryText": "#f0f6fc", | ||
"selectedPrimaryIcon": "#f0f6fc" | ||
}, | ||
"border": { | ||
@@ -246,11 +233,11 @@ "primary": "#30363d", | ||
"tertiary": "#6e7681", | ||
"inverse": "#ffffff", | ||
"info": "#3f87e9", | ||
"danger": "#ed4e50", | ||
"success": "#2f9a42", | ||
"warning": "#f7d232" | ||
"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": "#0d1117", | ||
"canvasMobile": "#010409", | ||
"canvasInverse": "#f0f6fc", | ||
@@ -261,10 +248,10 @@ "primary": "#0d1117", | ||
"overlay": "#0d1117", | ||
"info": "#0b2e63", | ||
"infoInverse": "#3f87e9", | ||
"danger": "#660614", | ||
"dangerInverse": "#ed4e50", | ||
"success": "#0a3818", | ||
"successInverse": "#2f9a42", | ||
"warning": "#b67b00", | ||
"warningInverse": "#f7d232" | ||
"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" | ||
}, | ||
@@ -276,3 +263,3 @@ "shadow": { | ||
"0", | ||
"rgba(72,79,88,0.04)" | ||
"rgba(0,0,0,0)" | ||
], | ||
@@ -283,3 +270,3 @@ "medium": [ | ||
"6px", | ||
"rgba(72,79,88,0.15)" | ||
"#010409" | ||
], | ||
@@ -290,3 +277,3 @@ "large": [ | ||
"24px", | ||
"rgba(72,79,88,0.2)" | ||
"#010409" | ||
], | ||
@@ -297,68 +284,88 @@ "extraLarge": [ | ||
"48px", | ||
"rgba(72,79,88,0.3)" | ||
"#010409" | ||
], | ||
"highlight": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(255,255,255,0.1)" | ||
], | ||
"inset": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(33,38,45,0.2)" | ||
], | ||
"focus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(63,135,233,0.3)" | ||
] | ||
"highlight": "rgba(0,0,0,0)", | ||
"inset": "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": { | ||
"black": { | ||
"10": "rgba(13,17,23,0.1)", | ||
"15": "rgba(13,17,23,0.15)", | ||
"30": "rgba(13,17,23,0.3)", | ||
"50": "rgba(13,17,23,0.5)", | ||
"70": "rgba(13,17,23,0.7)", | ||
"85": "rgba(13,17,23,0.85)" | ||
"10": "rgba(1,4,9,0.1)", | ||
"15": "rgba(1,4,9,0.15)", | ||
"30": "rgba(1,4,9,0.3)", | ||
"50": "rgba(1,4,9,0.5)", | ||
"70": "rgba(1,4,9,0.7)", | ||
"85": "rgba(1,4,9,0.85)" | ||
}, | ||
"white": { | ||
"10": "rgba(255,255,255,0.1)", | ||
"15": "rgba(255,255,255,0.15)", | ||
"30": "rgba(255,255,255,0.3)", | ||
"50": "rgba(255,255,255,0.5)", | ||
"70": "rgba(255,255,255,0.7)", | ||
"85": "rgba(255,255,255,0.85)" | ||
"10": "rgba(240,246,252,0.1)", | ||
"15": "rgba(240,246,252,0.15)", | ||
"30": "rgba(240,246,252,0.3)", | ||
"50": "rgba(240,246,252,0.5)", | ||
"70": "rgba(240,246,252,0.7)", | ||
"85": "rgba(240,246,252,0.85)" | ||
} | ||
}, | ||
"alert": { | ||
"text": "#75bbff", | ||
"icon": "#75bbff", | ||
"bg": "rgba(117,187,255,0.1)", | ||
"border": "rgba(117,187,255,0.4)", | ||
"info": { | ||
"text": "#79c0ff", | ||
"icon": "#79c0ff", | ||
"bg": "rgba(56,139,253,0.1)", | ||
"border": "rgba(56,139,253,0.4)" | ||
}, | ||
"warn": { | ||
"text": "#f2d35b", | ||
"icon": "#f2d35b", | ||
"bg": "rgba(235,196,64,0.1)", | ||
"border": "rgba(235,196,64,0.4)" | ||
"text": "#e3b341", | ||
"icon": "#e3b341", | ||
"bg": "rgba(187,128,9,0.1)", | ||
"border": "rgba(187,128,9,0.4)" | ||
}, | ||
"error": { | ||
"text": "#ff7168", | ||
"icon": "#ff7168", | ||
"bg": "rgba(255,113,112,0.1)", | ||
"border": "rgba(255,113,112,0.4)" | ||
"text": "#ff7b72", | ||
"icon": "#ff7b72", | ||
"bg": "rgba(248,81,73,0.1)", | ||
"border": "rgba(248,81,73,0.4)" | ||
}, | ||
"success": { | ||
"text": "#58ce65", | ||
"icon": "#58ce65", | ||
"bg": "rgba(88,206,101,0.1)", | ||
"border": "rgba(88,206,101,0.4)" | ||
"text": "#56d364", | ||
"icon": "#56d364", | ||
"bg": "rgba(46,160,67,0.1)", | ||
"border": "rgba(46,160,67,0.4)" | ||
} | ||
}, | ||
"autocomplete": { | ||
"bg": "#21262d", | ||
"border": "#484f58", | ||
"shadow": [ | ||
"0", | ||
"16px", | ||
"32px", | ||
"rgba(1,4,9,0.85)" | ||
], | ||
"rowBorder": "#30363d" | ||
}, | ||
"blankslate": { | ||
@@ -368,8 +375,19 @@ "icon": "#535c66" | ||
"btn": { | ||
"bg": "#0d1117", | ||
"border": "rgba(255,255,255,0.15)", | ||
"text": "#f0f6fc", | ||
"ic": "#6e7681", | ||
"bgHover": "#161b22", | ||
"bgActive": "#1a2028", | ||
"bg": "#21262d", | ||
"border": "rgba(240,246,252,0.1)", | ||
"shadow": "rgba(0,0,0,0)", | ||
"insetShadow": "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": [ | ||
@@ -380,3 +398,3 @@ "inset", | ||
"0.3em", | ||
"rgba(13,17,23,0.15)" | ||
"rgba(1,4,9,0.15)" | ||
], | ||
@@ -388,52 +406,41 @@ "shadowInputFocus": [ | ||
"0.2em", | ||
"rgba(49,110,205,0.3)" | ||
"rgba(31,111,235,0.3)" | ||
], | ||
"primary": { | ||
"bg": "#2ea44f", | ||
"border": "rgba(13,17,23,0.15)", | ||
"borderDisabled": "rgba(13,17,23,0.1)", | ||
"text": "#ffffff", | ||
"ic": "rgba(255,255,255,0.8)", | ||
"shadow": [ | ||
"text": "#f0f6fc", | ||
"bg": "#238636", | ||
"border": "#2ea043", | ||
"shadow": "rgba(0,0,0,0)", | ||
"insetShadow": "rgba(0,0,0,0)", | ||
"hoverBg": "#2ea043", | ||
"hoverBorder": "#3fb950", | ||
"selectedBg": "#238636", | ||
"selectedShadow": "rgba(0,0,0,0)", | ||
"disabledText": "rgba(240,246,252,0.5)", | ||
"disabledBg": "#238636", | ||
"disabledBorder": "#238636", | ||
"focusBg": "#238636", | ||
"focusBorder": "#3fb950", | ||
"focusShadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(13,17,23,0.1)" | ||
], | ||
"shadowHighlight": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(255,255,255,0.03)" | ||
], | ||
"shadowSelected": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(4,38,15,0.2)" | ||
], | ||
"bgHover": "#2c974b", | ||
"bgActive": "#2a8f47", | ||
"bgDisabled": "#94d3a2", | ||
"disabledText": "rgba(255,255,255,0.8)", | ||
"disabledShadow": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(46,164,79,0.4)" | ||
], | ||
"counterBg": "rgba(255,255,255,0.2)" | ||
"icon": "#f0f6fc", | ||
"counterBg": "rgba(240,246,252,0.2)" | ||
}, | ||
"inverseOnHover": { | ||
"border": "rgba(255,255,255,0.15)", | ||
"shadow": [ | ||
"outline": { | ||
"text": "#58a6ff", | ||
"hoverText": "#58a6ff", | ||
"hoverBg": "#30363d", | ||
"hoverBorder": "#58a6ff", | ||
"hoverShadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(13,17,23,0.1)" | ||
"rgba(1,4,9,0.1)" | ||
], | ||
"shadowInset": [ | ||
"hoverInsetShadow": [ | ||
"inset", | ||
@@ -443,82 +450,126 @@ "0", | ||
"0", | ||
"rgba(255,255,255,0.03)" | ||
"rgba(240,246,252,0.03)" | ||
], | ||
"counterBg": "rgba(255,255,255,0.2)" | ||
}, | ||
"danger": { | ||
"text": "#ed4e50", | ||
"textDisabled": "rgba(237,78,80,0.5)", | ||
"bgHover": "#ff7170", | ||
"bgActive": "#ff6261", | ||
"shadow": [ | ||
"inset", | ||
"hoverCounterBg": "rgba(240,246,252,0.2)", | ||
"selectedText": "#f0f6fc", | ||
"selectedBg": "#0d419d", | ||
"selectedBorder": "rgba(240,246,252,0.1)", | ||
"selectedShadow": "rgba(0,0,0,0)", | ||
"disabledText": "#58a6ff", | ||
"disabledBg": "#0d1117", | ||
"disabledCounterBg": "rgba(31,111,235,0.05)", | ||
"focusBorder": "#58a6ff", | ||
"focusShadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(73,0,12,0.2)" | ||
], | ||
"shadowFocus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(172,33,43,0.4)" | ||
"rgba(17,88,199,0.4)" | ||
], | ||
"counterBg": "rgba(209,51,57,0.1)", | ||
"counterBgDisabled": "rgba(209,51,57,0.05)" | ||
"counterBg": "rgba(31,111,235,0.1)" | ||
}, | ||
"outline": { | ||
"text": "#3f87e9", | ||
"textDisabled": "rgba(63,135,233,0.5)", | ||
"bgHover": "#54a2fb", | ||
"bgActive": "#459afb", | ||
"shadow": [ | ||
"inset", | ||
"danger": { | ||
"text": "#f85149", | ||
"hoverText": "#f0f6fc", | ||
"hoverBg": "#da3633", | ||
"hoverBorder": "#f85149", | ||
"hoverShadow": "rgba(0,0,0,0)", | ||
"hoverInsetShadow": "rgba(0,0,0,0)", | ||
"hoverCounterBg": "rgba(240,246,252,0.2)", | ||
"selectedText": "#f0f6fc", | ||
"selectedBg": "#b62324", | ||
"selectedBorder": "rgba(240,246,252,0.1)", | ||
"selectedShadow": "rgba(0,0,0,0)", | ||
"disabledText": "#f85149", | ||
"disabledBg": "#0d1117", | ||
"disabledCounterBg": "rgba(218,54,51,0.05)", | ||
"focusBorder": "#f85149", | ||
"focusShadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(6,30,70,0.2)" | ||
], | ||
"shadowFocus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(36,86,170,0.4)" | ||
"rgba(182,35,36,0.4)" | ||
], | ||
"counterBg": "rgba(49,110,205,0.1)", | ||
"counterBgDisabled": "rgba(49,110,205,0.05)" | ||
"counterBg": "rgba(218,54,51,0.1)" | ||
}, | ||
"counterBg": "rgba(13,17,23,0.08)" | ||
"counterBg": "#30363d" | ||
}, | ||
"counter": { | ||
"text": "#f0f6fc", | ||
"bg": "rgba(48,54,61,0.5)", | ||
"border": "rgba(209,213,218,0.5)" | ||
"bg": "#30363d", | ||
"primary": { | ||
"text": "#f0f6fc", | ||
"bg": "#6e7681" | ||
}, | ||
"secondary": { | ||
"text": "#8b949e" | ||
} | ||
}, | ||
"topic": { | ||
"tagBg": "#061e46", | ||
"tagBorder": "#061e46", | ||
"tagText": "#3f87e9" | ||
}, | ||
"input": { | ||
"bg": "#0d1117", | ||
"contrastBg": "#0d1117", | ||
"dropdown": { | ||
"bg": "#21262d", | ||
"border": "#484f58", | ||
"shadow": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"2px", | ||
"rgba(255,255,255,0.075)" | ||
], | ||
"shadowFocus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"0.2em", | ||
"rgba(49,110,205,0.3)" | ||
"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)" | ||
} | ||
}, | ||
"input": { | ||
"bg": "#0d1117", | ||
"contrastBg": "rgba(1,4,9,0.3)", | ||
"border": "rgba(240,246,252,0.1)", | ||
"shadow": "rgba(0,0,0,0)", | ||
"disabledBg": "#161b22", | ||
"disabledBorder": "#30363d", | ||
"warningBorder": "#d29922", | ||
"errorBorder": "#f85149", | ||
"tooltip": { | ||
"success": { | ||
"text": "#56d364", | ||
"bg": "rgba(46,160,67,0.1)", | ||
"border": "rgba(46,160,67,0.4)" | ||
}, | ||
"warning": { | ||
"text": "#e3b341", | ||
"bg": "rgba(187,128,9,0.1)", | ||
"border": "rgba(187,128,9,0.4)" | ||
}, | ||
"error": { | ||
"text": "#ff7b72", | ||
"bg": "rgba(248,81,73,0.1)", | ||
"border": "rgba(248,81,73,0.4)" | ||
} | ||
} | ||
}, | ||
"avatar": { | ||
"border": "rgba(255,255,255,0.1)", | ||
"border": "rgba(240,246,252,0.1)", | ||
"stackFade": "#30363d", | ||
@@ -530,3 +581,3 @@ "stackFadeMore": "#21262d", | ||
"0", | ||
"rgba(255,255,255,0.8)" | ||
"#0d1117" | ||
] | ||
@@ -539,8 +590,10 @@ }, | ||
"text": "#b1bac4", | ||
"badgeBg": "#21262d", | ||
"targetBadgeBorder": "#316ecd", | ||
"targetBadgeShadow": "#0d4189" | ||
"badgeBg": "#0d1117", | ||
"targetBadgeBorder": "#1f6feb", | ||
"targetBadgeShadow": "#0d419d" | ||
}, | ||
"selectMenu": { | ||
"backdropBg": "rgba(13,17,23,0.5)", | ||
"bg": "#21262d", | ||
"border": "#484f58", | ||
"borderSecondary": "#30363d", | ||
"shadow": [ | ||
@@ -550,27 +603,31 @@ "0", | ||
"18px", | ||
"rgba(13,17,23,0.4)" | ||
"rgba(1,4,9,0.4)" | ||
], | ||
"backdropBg": "rgba(1,4,9,0.5)", | ||
"backdropBorder": "#484f58", | ||
"tapHighlight": "rgba(48,54,61,0.5)", | ||
"tapFocusBg": "#0b2e63" | ||
"tapFocusBg": "#0c2d6b" | ||
}, | ||
"box": { | ||
"blueBorder": "#0d4189", | ||
"blueBorder": "#0d419d", | ||
"rowYellowBg": "rgba(235,196,64,0.1)", | ||
"rowBlueBg": "rgba(117,187,255,0.1)", | ||
"rowBlueBg": "rgba(121,192,255,0.1)", | ||
"headerBlueBg": "#0d1117", | ||
"headerBlueBorder": "#30363d" | ||
}, | ||
"dropdown": { | ||
"border": "rgba(13,17,23,0.15)" | ||
}, | ||
"popover": { | ||
"border": "rgba(13,17,23,0.15)" | ||
"border": "rgba(1,4,9,0.15)" | ||
}, | ||
"branchName": { | ||
"text": "rgba(255,255,255,0.6)", | ||
"bg": "#0d3471", | ||
"icon": "#676767" | ||
"text": "#f0f6fc", | ||
"icon": "#b1bac4", | ||
"bg": "rgba(240,246,252,0.1)", | ||
"link": { | ||
"text": "#58a6ff", | ||
"icon": "#58a6ff", | ||
"bg": "rgba(88,166,255,0.1)" | ||
} | ||
}, | ||
"markdown": { | ||
"codeBg": "rgba(255,255,255,0.05)", | ||
"codeBg": "rgba(240,246,252,0.05)", | ||
"frameBorder": "#3b434b", | ||
@@ -581,4 +638,15 @@ "blockquoteBorder": "#3b434b", | ||
}, | ||
"menu": { | ||
"headingText": "#8b949e", | ||
"borderActive": "#f78166" | ||
}, | ||
"sidenav": { | ||
"selectedBg": "#21262d", | ||
"borderActive": "#f78166" | ||
}, | ||
"tabnav": { | ||
"selectedBg": "#0d1117" | ||
}, | ||
"header": { | ||
"text": "rgba(255,255,255,0.7)", | ||
"text": "rgba(240,246,252,0.7)", | ||
"bg": "#161b22", | ||
@@ -599,26 +667,48 @@ "logo": "#f0f6fc" | ||
"border": "#3b434b", | ||
"borderFocused": "#5185d5" | ||
"borderFocused": "#4487ee" | ||
}, | ||
"previewableCommentForm": { | ||
"border": "#25292f" | ||
"border": "#25292f", | ||
"bg": "#161b22" | ||
}, | ||
"underlineNav": { | ||
"textActive": "#ffffff", | ||
"text": "#8b949e" | ||
"underlinenav": { | ||
"border": "rgba(48,54,61,0)", | ||
"borderHover": "#30363d", | ||
"borderActive": "#f78166", | ||
"text": "#8b949e", | ||
"textHover": "#f0f6fc", | ||
"textActive": "#f0f6fc", | ||
"icon": "#6e7681", | ||
"iconHover": "#f0f6fc", | ||
"iconActive": "#f0f6fc", | ||
"counterText": "#8b949e" | ||
}, | ||
"verifiedBadge": { | ||
"text": "#3fb950", | ||
"bg": "rgba(63,185,80,0.1)", | ||
"border": "rgba(63,185,80,0.4)" | ||
}, | ||
"socialCount": { | ||
"bg": "rgba(240,246,252,0.1)" | ||
}, | ||
"headerSearch": { | ||
"bg": "#0d1117", | ||
"border": "#21262d" | ||
}, | ||
"iconFolder": "#6e7681", | ||
"hlAuthorBg": "#061e46", | ||
"hlAuthorBorder": "#0d4189", | ||
"hlAuthorBg": "#051d4d", | ||
"hlAuthorBorder": "#0d419d", | ||
"logoSubdued": "#30363d", | ||
"discussionBorder": "#354c3a", | ||
"discussionBorder": "#34513b", | ||
"diff": { | ||
"neutralBg": "#30363d", | ||
"deletionBg": "#ff7170", | ||
"deletionBgStrong": "#ffffff", | ||
"deletionBorder": "#ffffff", | ||
"deletionBorderStrong": "#ffffff", | ||
"additionBg": "#1e6c2d", | ||
"additionBgStrong": "#ffffff", | ||
"additionBorder": "#ffffff", | ||
"additionBorderStrong": "#ffffff" | ||
"neutralBorder": "rgba(240,246,252,0.1)", | ||
"deletionBg": "#da3633", | ||
"deletionBgStrong": "#f0f6fc", | ||
"deletionBorder": "#f85149", | ||
"deletionBorderStrong": "#f0f6fc", | ||
"additionBg": "#238636", | ||
"additionBgStrong": "#f0f6fc", | ||
"additionBorder": "#2ea043", | ||
"additionBorderStrong": "#f0f6fc" | ||
}, | ||
@@ -646,3 +736,54 @@ "globalNav": { | ||
"dayL1Border": "rgba(27,31,35,0.06)" | ||
}, | ||
"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)", | ||
"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(213,221,229,0.1)", | ||
"neutralIconText": "#8b949e", | ||
"neutralIconBorder": "rgba(213,221,229,0.4)", | ||
"warningIconBg": "rgba(187,128,9,0.1)", | ||
"warningIconText": "#e3b341", | ||
"warningIconBorder": "rgba(187,128,9,0.4)", | ||
"warningBoxBorder": "rgba(187,128,9,0.4)", | ||
"errorIconBg": "rgba(248,81,73,0.1)", | ||
"errorIconText": "#f85149", | ||
"errorIconBorder": "rgba(248,81,73,0.4)" | ||
} | ||
} |
@@ -209,8 +209,7 @@ { | ||
"inverse": "#ffffff", | ||
"linkPrimary": "#0366d6", | ||
"linkSecondary": "#24292e", | ||
"linkTertiary": "#586069", | ||
"link": "#0366d6", | ||
"danger": "#cb2431", | ||
"success": "#22863a", | ||
"warning": "#b08800" | ||
"warning": "#b08800", | ||
"white": "#ffffff" | ||
}, | ||
@@ -226,14 +225,2 @@ "icon": { | ||
}, | ||
"state": { | ||
"hoverPrimaryBg": "#0366d6", | ||
"hoverPrimaryBorder": "#0366d6", | ||
"hoverPrimaryText": "#ffffff", | ||
"hoverPrimaryIcon": "#ffffff", | ||
"hoverSecondaryBg": "#f6f8fa", | ||
"hoverSecondaryBorder": "#f6f8fa", | ||
"selectedPrimaryBg": "#0366d6", | ||
"selectedPrimaryBorder": "#0366d6", | ||
"selectedPrimaryText": "#ffffff", | ||
"selectedPrimaryIcon": "#ffffff" | ||
}, | ||
"border": { | ||
@@ -304,11 +291,30 @@ "primary": "#e1e4e8", | ||
"rgba(225,228,232,0.2)" | ||
], | ||
"focus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(3,102,214,0.3)" | ||
] | ||
}, | ||
"state": { | ||
"hover": { | ||
"primaryBg": "#0366d6", | ||
"primaryBorder": "#0366d6", | ||
"primaryText": "#ffffff", | ||
"primaryIcon": "#ffffff", | ||
"secondaryBg": "#f6f8fa", | ||
"secondaryBorder": "#f6f8fa" | ||
}, | ||
"selected": { | ||
"primaryBg": "#0366d6", | ||
"primaryBorder": "#0366d6", | ||
"primaryText": "#ffffff", | ||
"primaryIcon": "#ffffff" | ||
}, | ||
"focus": { | ||
"border": "#0366d6", | ||
"shadow": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(3,102,214,0.3)" | ||
] | ||
} | ||
}, | ||
"fade": { | ||
@@ -333,6 +339,8 @@ "black": { | ||
"alert": { | ||
"text": "#24292e", | ||
"icon": "rgba(4,66,137,0.6)", | ||
"bg": "#dbedff", | ||
"border": "rgba(4,66,137,0.2)", | ||
"info": { | ||
"text": "#24292e", | ||
"icon": "rgba(4,66,137,0.6)", | ||
"bg": "#dbedff", | ||
"border": "rgba(4,66,137,0.2)" | ||
}, | ||
"warn": { | ||
@@ -357,2 +365,13 @@ "text": "#24292e", | ||
}, | ||
"autocomplete": { | ||
"bg": "#ffffff", | ||
"border": "#e1e4e8", | ||
"shadow": [ | ||
"0", | ||
"3px", | ||
"6px", | ||
"rgba(149,157,165,0.15)" | ||
], | ||
"rowBorder": "#eaecef" | ||
}, | ||
"blankslate": { | ||
@@ -362,8 +381,30 @@ "icon": "#a3aab1" | ||
"btn": { | ||
"text": "#24292e", | ||
"bg": "#fafbfc", | ||
"border": "rgba(27,31,35,0.15)", | ||
"text": "#24292e", | ||
"ic": "#6a737d", | ||
"bgHover": "#f3f4f6", | ||
"bgActive": "#edeff2", | ||
"shadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(27,31,35,0.04)" | ||
], | ||
"insetShadow": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(255,255,255,0.25)" | ||
], | ||
"hoverBg": "#f3f4f6", | ||
"hoverBorder": "rgba(27,31,35,0.15)", | ||
"selectedBg": "#edeff2", | ||
"focusBg": "#fafbfc", | ||
"focusBorder": "rgba(27,31,35,0.15)", | ||
"focusShadow": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(3,102,214,0.3)" | ||
], | ||
"shadowActive": [ | ||
@@ -384,7 +425,5 @@ "inset", | ||
"primary": { | ||
"text": "#ffffff", | ||
"bg": "#2ea44f", | ||
"border": "rgba(27,31,35,0.15)", | ||
"borderDisabled": "rgba(27,31,35,0.1)", | ||
"text": "#ffffff", | ||
"ic": "rgba(255,255,255,0.8)", | ||
"shadow": [ | ||
@@ -396,3 +435,3 @@ "0", | ||
], | ||
"shadowHighlight": [ | ||
"insetShadow": [ | ||
"inset", | ||
@@ -404,3 +443,6 @@ "0", | ||
], | ||
"shadowSelected": [ | ||
"hoverBg": "#2c974b", | ||
"hoverBorder": "rgba(27,31,35,0.15)", | ||
"selectedBg": "#2a8f47", | ||
"selectedShadow": [ | ||
"inset", | ||
@@ -412,7 +454,8 @@ "0", | ||
], | ||
"bgHover": "#2c974b", | ||
"bgActive": "#2a8f47", | ||
"bgDisabled": "#94d3a2", | ||
"disabledText": "rgba(255,255,255,0.8)", | ||
"disabledShadow": [ | ||
"disabledBg": "#94d3a2", | ||
"disabledBorder": "rgba(27,31,35,0.1)", | ||
"focusBg": "#2ea44f", | ||
"focusBorder": "rgba(27,31,35,0.15)", | ||
"focusShadow": [ | ||
"0", | ||
@@ -424,7 +467,11 @@ "0", | ||
], | ||
"icon": "rgba(255,255,255,0.8)", | ||
"counterBg": "rgba(255,255,255,0.2)" | ||
}, | ||
"inverseOnHover": { | ||
"border": "rgba(27,31,35,0.15)", | ||
"shadow": [ | ||
"outline": { | ||
"text": "#0366d6", | ||
"hoverText": "#ffffff", | ||
"hoverBg": "#0366d6", | ||
"hoverBorder": "rgba(27,31,35,0.15)", | ||
"hoverShadow": [ | ||
"0", | ||
@@ -435,3 +482,3 @@ "1px", | ||
], | ||
"shadowInset": [ | ||
"hoverInsetShadow": [ | ||
"inset", | ||
@@ -443,10 +490,7 @@ "0", | ||
], | ||
"counterBg": "rgba(255,255,255,0.2)" | ||
}, | ||
"danger": { | ||
"text": "#d73a49", | ||
"textDisabled": "rgba(215,58,73,0.5)", | ||
"bgHover": "#cb2431", | ||
"bgActive": "#be222e", | ||
"shadow": [ | ||
"hoverCounterBg": "rgba(255,255,255,0.2)", | ||
"selectedText": "#ffffff", | ||
"selectedBg": "#035fc7", | ||
"selectedBorder": "rgba(27,31,35,0.15)", | ||
"selectedShadow": [ | ||
"inset", | ||
@@ -456,5 +500,9 @@ "0", | ||
"0", | ||
"rgba(134,24,29,0.2)" | ||
"rgba(5,38,76,0.2)" | ||
], | ||
"shadowFocus": [ | ||
"disabledText": "rgba(3,102,214,0.5)", | ||
"disabledBg": "#fafbfc", | ||
"disabledCounterBg": "rgba(3,102,214,0.05)", | ||
"focusBorder": "rgba(27,31,35,0.15)", | ||
"focusShadow": [ | ||
"0", | ||
@@ -464,13 +512,18 @@ "0", | ||
"3px", | ||
"rgba(203,36,49,0.4)" | ||
"rgba(0,92,197,0.4)" | ||
], | ||
"counterBg": "rgba(215,58,73,0.1)", | ||
"counterBgDisabled": "rgba(215,58,73,0.05)" | ||
"counterBg": "rgba(3,102,214,0.1)" | ||
}, | ||
"outline": { | ||
"text": "#0366d6", | ||
"textDisabled": "rgba(3,102,214,0.5)", | ||
"bgHover": "#0366d6", | ||
"bgActive": "#035fc7", | ||
"shadow": [ | ||
"danger": { | ||
"text": "#d73a49", | ||
"hoverText": "#ffffff", | ||
"hoverBg": "#cb2431", | ||
"hoverBorder": "rgba(27,31,35,0.15)", | ||
"hoverShadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(27,31,35,0.1)" | ||
], | ||
"hoverInsetShadow": [ | ||
"inset", | ||
@@ -480,13 +533,27 @@ "0", | ||
"0", | ||
"rgba(5,38,76,0.2)" | ||
"rgba(255,255,255,0.03)" | ||
], | ||
"shadowFocus": [ | ||
"hoverCounterBg": "rgba(255,255,255,0.2)", | ||
"selectedText": "#ffffff", | ||
"selectedBg": "#d42d3d", | ||
"selectedBorder": "rgba(27,31,35,0.15)", | ||
"selectedShadow": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(134,24,29,0.2)" | ||
], | ||
"disabledText": "rgba(215,58,73,0.5)", | ||
"disabledBg": "#fafbfc", | ||
"disabledCounterBg": "rgba(215,58,73,0.05)", | ||
"focusBorder": "rgba(27,31,35,0.15)", | ||
"focusShadow": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(0,92,197,0.4)" | ||
"rgba(203,36,49,0.4)" | ||
], | ||
"counterBg": "rgba(3,102,214,0.1)", | ||
"counterBgDisabled": "rgba(3,102,214,0.05)" | ||
"counterBg": "rgba(215,58,73,0.1)" | ||
}, | ||
@@ -498,12 +565,51 @@ "counterBg": "rgba(27,31,35,0.08)" | ||
"bg": "rgba(209,213,218,0.5)", | ||
"border": "rgba(209,213,218,0.5)" | ||
"primary": { | ||
"text": "#ffffff", | ||
"bg": "#6a737d" | ||
}, | ||
"secondary": { | ||
"text": "#6a737d" | ||
} | ||
}, | ||
"topic": { | ||
"tagBg": "#f1f8ff", | ||
"tagBorder": "#f1f8ff", | ||
"tagText": "#0366d6" | ||
"dropdown": { | ||
"bg": "#ffffff", | ||
"border": "#e1e4e8", | ||
"shadow": [ | ||
"0", | ||
"8px", | ||
"24px", | ||
"rgba(149,157,165,0.2)" | ||
] | ||
}, | ||
"label": { | ||
"border": "#e1e4e8", | ||
"primary": { | ||
"text": "#24292e", | ||
"border": "#6a737d" | ||
}, | ||
"secondary": { | ||
"text": "#586069", | ||
"border": "#e1e4e8" | ||
}, | ||
"info": { | ||
"text": "#0366d6", | ||
"border": "#0366d6" | ||
}, | ||
"success": { | ||
"text": "#22863a", | ||
"border": "#28a745" | ||
}, | ||
"warning": { | ||
"text": "#735c0f", | ||
"border": "#b08800" | ||
}, | ||
"danger": { | ||
"text": "#d73a49", | ||
"border": "#cb2431" | ||
} | ||
}, | ||
"input": { | ||
"bg": "#ffffff", | ||
"contrastBg": "#fafbfc", | ||
"border": "#e1e4e8", | ||
"shadow": [ | ||
@@ -516,12 +622,26 @@ "inset", | ||
], | ||
"shadowFocus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"0.2em", | ||
"rgba(3,102,214,0.3)" | ||
] | ||
"disabledBg": "#ffffff", | ||
"disabledBorder": "#e1e4e8", | ||
"warningBorder": "#f9c513", | ||
"errorBorder": "#cb2431", | ||
"tooltip": { | ||
"success": { | ||
"text": "#144620", | ||
"bg": "#dcffe4", | ||
"border": "#34d058" | ||
}, | ||
"warning": { | ||
"text": "#735c0f", | ||
"bg": "#fff5b1", | ||
"border": "#f9c513" | ||
}, | ||
"error": { | ||
"text": "#86181d", | ||
"bg": "#ffeef0", | ||
"border": "#f97583" | ||
} | ||
} | ||
}, | ||
"avatar": { | ||
"border": "rgba(27,31,35,0.1)", | ||
"border": "rgba(0,0,0,0)", | ||
"stackFade": "#d1d5da", | ||
@@ -546,3 +666,5 @@ "stackFadeMore": "#e1e4e8", | ||
"selectMenu": { | ||
"backdropBg": "rgba(27,31,35,0.5)", | ||
"bg": "#ffffff", | ||
"border": "#e1e4e8", | ||
"borderSecondary": "#eaecef", | ||
"shadow": [ | ||
@@ -554,2 +676,4 @@ "0", | ||
], | ||
"backdropBg": "rgba(27,31,35,0.5)", | ||
"backdropBorder": "rgba(0,0,0,0)", | ||
"tapHighlight": "rgba(209,213,218,0.5)", | ||
@@ -565,5 +689,2 @@ "tapFocusBg": "#dbedff" | ||
}, | ||
"dropdown": { | ||
"border": "rgba(27,31,35,0.15)" | ||
}, | ||
"popover": { | ||
@@ -574,4 +695,9 @@ "border": "rgba(27,31,35,0.15)" | ||
"text": "rgba(27,31,35,0.6)", | ||
"icon": "#a8bbd0", | ||
"bg": "#eaf5ff", | ||
"icon": "#a8bbd0" | ||
"link": { | ||
"text": "#0366d6", | ||
"icon": "#a8bbd0", | ||
"bg": "#eaf5ff" | ||
} | ||
}, | ||
@@ -585,2 +711,13 @@ "markdown": { | ||
}, | ||
"menu": { | ||
"headingText": "#24292e", | ||
"borderActive": "#f9826c" | ||
}, | ||
"sidenav": { | ||
"selectedBg": "#ffffff", | ||
"borderActive": "#f9826c" | ||
}, | ||
"tabnav": { | ||
"selectedBg": "#ffffff" | ||
}, | ||
"header": { | ||
@@ -606,8 +743,29 @@ "text": "rgba(255,255,255,0.7)", | ||
"previewableCommentForm": { | ||
"border": "#c3c8cf" | ||
"border": "#c3c8cf", | ||
"bg": "#ffffff" | ||
}, | ||
"underlineNav": { | ||
"underlinenav": { | ||
"border": "rgba(209,213,218,0)", | ||
"borderHover": "#d1d5da", | ||
"borderActive": "#f9826c", | ||
"text": "#24292e", | ||
"textHover": "#24292e", | ||
"textActive": "#24292e", | ||
"text": "#24292e" | ||
"icon": "#959da5", | ||
"iconHover": "#959da5", | ||
"iconActive": "#24292e", | ||
"counterText": "#24292e" | ||
}, | ||
"verifiedBadge": { | ||
"text": "#22863a", | ||
"bg": "#ffffff", | ||
"border": "#e1e4e8" | ||
}, | ||
"socialCount": { | ||
"bg": "#ffffff" | ||
}, | ||
"headerSearch": { | ||
"bg": "#24292e", | ||
"border": "#444d56" | ||
}, | ||
"iconFolder": "#79b8ff", | ||
@@ -620,9 +778,10 @@ "hlAuthorBg": "#f1f8ff", | ||
"neutralBg": "#d1d5da", | ||
"deletionBg": "#cb2431", | ||
"neutralBorder": "#d1d5da", | ||
"deletionBg": "#d73a49", | ||
"deletionBgStrong": "#1b1f23", | ||
"deletionBorder": "#1b1f23", | ||
"deletionBorder": "#d73a49", | ||
"deletionBorderStrong": "#1b1f23", | ||
"additionBg": "#2cbe4e", | ||
"additionBg": "#28a745", | ||
"additionBgStrong": "#1b1f23", | ||
"additionBorder": "#1b1f23", | ||
"additionBorder": "#28a745", | ||
"additionBorderStrong": "#1b1f23" | ||
@@ -651,3 +810,54 @@ }, | ||
"dayL1Border": "rgba(27,31,35,0.06)" | ||
}, | ||
"footerInvertocat": { | ||
"octicon": "#d1d5da", | ||
"octiconHover": "#6a737d" | ||
}, | ||
"prState": { | ||
"draft": { | ||
"text": "#ffffff", | ||
"bg": "#6a737d", | ||
"border": "rgba(0,0,0,0)" | ||
}, | ||
"open": { | ||
"text": "#ffffff", | ||
"bg": "#28a745", | ||
"border": "rgba(0,0,0,0)" | ||
}, | ||
"merged": { | ||
"text": "#ffffff", | ||
"bg": "#6f42c1", | ||
"border": "rgba(0,0,0,0)" | ||
}, | ||
"closed": { | ||
"text": "#ffffff", | ||
"bg": "#d73a49", | ||
"border": "rgba(0,0,0,0)" | ||
} | ||
}, | ||
"topicTag": { | ||
"text": "#0366d6", | ||
"bg": "#f1f8ff", | ||
"hoverBg": "#ddeeff", | ||
"activeBg": "#e7f3ff" | ||
}, | ||
"mergeBox": { | ||
"successIconBg": "#28a745", | ||
"successIconText": "#ffffff", | ||
"successIconBorder": "rgba(0,0,0,0)", | ||
"mergedIconBg": "#6f42c1", | ||
"mergedIconText": "#ffffff", | ||
"mergedIconBorder": "rgba(0,0,0,0)", | ||
"mergedBoxBorder": "#6f42c1", | ||
"neutralIconBg": "#6a737d", | ||
"neutralIconText": "#ffffff", | ||
"neutralIconBorder": "rgba(0,0,0,0)", | ||
"warningIconBg": "#dbab09", | ||
"warningIconText": "#ffffff", | ||
"warningIconBorder": "rgba(0,0,0,0)", | ||
"warningBoxBorder": "#ffd33d", | ||
"errorIconBg": "#d73a49", | ||
"errorIconText": "#ffffff", | ||
"errorIconBorder": "rgba(0,0,0,0)" | ||
} | ||
} |
export default { | ||
"scale": { | ||
"black": "#0d1117", | ||
"white": "#ffffff", | ||
"black": "#010409", | ||
"white": "#f0f6fc", | ||
"gray": [ | ||
@@ -19,88 +19,88 @@ "#f0f6fc", | ||
"#cae8ff", | ||
"#a1d3ff", | ||
"#75bbff", | ||
"#54a2fb", | ||
"#3f87e9", | ||
"#316ecd", | ||
"#2456aa", | ||
"#0d4189", | ||
"#0b2e63", | ||
"#061e46" | ||
"#a5d6ff", | ||
"#79c0ff", | ||
"#58a6ff", | ||
"#388bfd", | ||
"#1f6feb", | ||
"#1158c7", | ||
"#0d419d", | ||
"#0c2d6b", | ||
"#051d4d" | ||
], | ||
"green": [ | ||
"#b2f4b6", | ||
"#81e38a", | ||
"#58ce65", | ||
"#3ab550", | ||
"#2f9a42", | ||
"#248035", | ||
"#1b662d", | ||
"#144d23", | ||
"#0a3818", | ||
"#aff5b4", | ||
"#7ee787", | ||
"#56d364", | ||
"#3fb950", | ||
"#2ea043", | ||
"#238636", | ||
"#196c2e", | ||
"#0f5323", | ||
"#033a16", | ||
"#04260f" | ||
], | ||
"yellow": [ | ||
"#fef3ae", | ||
"#fde15f", | ||
"#f7d232", | ||
"#eec41a", | ||
"#e2b20d", | ||
"#d79e00", | ||
"#c88d00", | ||
"#b67b00", | ||
"#9b6400", | ||
"#7f4e00" | ||
"#f8e3a1", | ||
"#f2cc60", | ||
"#e3b341", | ||
"#d29922", | ||
"#bb8009", | ||
"#9e6a03", | ||
"#845306", | ||
"#693e00", | ||
"#4b2900", | ||
"#341a00" | ||
], | ||
"orange": [ | ||
"#ffe0bd", | ||
"#ffc17e", | ||
"#ff9f4c", | ||
"#ed802d", | ||
"#d7661d", | ||
"#ba5010", | ||
"#993d06", | ||
"#782b00", | ||
"#591c00", | ||
"#3d1200" | ||
"#ffdfb6", | ||
"#ffc680", | ||
"#ffa657", | ||
"#f0883e", | ||
"#db6d28", | ||
"#bd561d", | ||
"#9b4215", | ||
"#762d0a", | ||
"#5a1e02", | ||
"#3d1300" | ||
], | ||
"red": [ | ||
"#ffdcd9", | ||
"#ffbdba", | ||
"#ff9a96", | ||
"#ff7170", | ||
"#ed4e50", | ||
"#d13339", | ||
"#ac212b", | ||
"#88131f", | ||
"#660614", | ||
"#49000c" | ||
"#ffdcd7", | ||
"#ffc1ba", | ||
"#ffa198", | ||
"#ff7b72", | ||
"#f85149", | ||
"#da3633", | ||
"#b62324", | ||
"#8e1519", | ||
"#67060c", | ||
"#490202" | ||
], | ||
"purple": [ | ||
"#eadfff", | ||
"#d8beff", | ||
"#c2a0fd", | ||
"#ae81fa", | ||
"#9867f0", | ||
"#804eda", | ||
"#673ab8", | ||
"#512c94", | ||
"#3d2071", | ||
"#29154b" | ||
"#eddeff", | ||
"#e2c5ff", | ||
"#d2a8ff", | ||
"#bc8cff", | ||
"#a371f7", | ||
"#8957e5", | ||
"#6e40c9", | ||
"#553098", | ||
"#3c1e70", | ||
"#271052" | ||
], | ||
"pink": [ | ||
"#ffdaed", | ||
"#ffb8dd", | ||
"#ff93cc", | ||
"#f56fb7", | ||
"#db579f", | ||
"#bc4186", | ||
"#98316c", | ||
"#762556", | ||
"#55183e", | ||
"#40092d" | ||
"#ffdaec", | ||
"#ffbedd", | ||
"#ff9bce", | ||
"#f778ba", | ||
"#db61a2", | ||
"#bf4b8a", | ||
"#9e3670", | ||
"#7d2457", | ||
"#5e103e", | ||
"#42062a" | ||
] | ||
}, | ||
"auto": { | ||
"black": "#ffffff", | ||
"white": "#0d1117", | ||
"black": "#f0f6fc", | ||
"white": "#010409", | ||
"gray": [ | ||
@@ -119,11 +119,11 @@ "#0d1117", | ||
"blue": [ | ||
"#061e46", | ||
"#0b2e63", | ||
"#0d4189", | ||
"#2456aa", | ||
"#316ecd", | ||
"#3f87e9", | ||
"#54a2fb", | ||
"#75bbff", | ||
"#a1d3ff", | ||
"#051d4d", | ||
"#0c2d6b", | ||
"#0d419d", | ||
"#1158c7", | ||
"#1f6feb", | ||
"#388bfd", | ||
"#58a6ff", | ||
"#79c0ff", | ||
"#a5d6ff", | ||
"#cae8ff" | ||
@@ -133,71 +133,71 @@ ], | ||
"#04260f", | ||
"#0a3818", | ||
"#144d23", | ||
"#1b662d", | ||
"#248035", | ||
"#2f9a42", | ||
"#3ab550", | ||
"#58ce65", | ||
"#81e38a", | ||
"#b2f4b6" | ||
"#033a16", | ||
"#0f5323", | ||
"#196c2e", | ||
"#238636", | ||
"#2ea043", | ||
"#3fb950", | ||
"#56d364", | ||
"#7ee787", | ||
"#aff5b4" | ||
], | ||
"yellow": [ | ||
"#7f4e00", | ||
"#9b6400", | ||
"#b67b00", | ||
"#c88d00", | ||
"#d79e00", | ||
"#e2b20d", | ||
"#eec41a", | ||
"#f7d232", | ||
"#fde15f", | ||
"#fef3ae" | ||
"#341a00", | ||
"#4b2900", | ||
"#693e00", | ||
"#845306", | ||
"#9e6a03", | ||
"#bb8009", | ||
"#d29922", | ||
"#e3b341", | ||
"#f2cc60", | ||
"#f8e3a1" | ||
], | ||
"orange": [ | ||
"#3d1200", | ||
"#591c00", | ||
"#782b00", | ||
"#993d06", | ||
"#ba5010", | ||
"#d7661d", | ||
"#ed802d", | ||
"#ff9f4c", | ||
"#ffc17e", | ||
"#ffe0bd" | ||
"#3d1300", | ||
"#5a1e02", | ||
"#762d0a", | ||
"#9b4215", | ||
"#bd561d", | ||
"#db6d28", | ||
"#f0883e", | ||
"#ffa657", | ||
"#ffc680", | ||
"#ffdfb6" | ||
], | ||
"red": [ | ||
"#49000c", | ||
"#660614", | ||
"#88131f", | ||
"#ac212b", | ||
"#d13339", | ||
"#ed4e50", | ||
"#ff7170", | ||
"#ff9a96", | ||
"#ffbdba", | ||
"#ffdcd9" | ||
"#490202", | ||
"#67060c", | ||
"#8e1519", | ||
"#b62324", | ||
"#da3633", | ||
"#f85149", | ||
"#ff7b72", | ||
"#ffa198", | ||
"#ffc1ba", | ||
"#ffdcd7" | ||
], | ||
"purple": [ | ||
"#29154b", | ||
"#3d2071", | ||
"#512c94", | ||
"#673ab8", | ||
"#804eda", | ||
"#9867f0", | ||
"#ae81fa", | ||
"#c2a0fd", | ||
"#d8beff", | ||
"#eadfff" | ||
"#271052", | ||
"#3c1e70", | ||
"#553098", | ||
"#6e40c9", | ||
"#8957e5", | ||
"#a371f7", | ||
"#bc8cff", | ||
"#d2a8ff", | ||
"#e2c5ff", | ||
"#eddeff" | ||
], | ||
"pink": [ | ||
"#40092d", | ||
"#55183e", | ||
"#762556", | ||
"#98316c", | ||
"#bc4186", | ||
"#db579f", | ||
"#f56fb7", | ||
"#ff93cc", | ||
"#ffb8dd", | ||
"#ffdaed" | ||
"#42062a", | ||
"#5e103e", | ||
"#7d2457", | ||
"#9e3670", | ||
"#bf4b8a", | ||
"#db61a2", | ||
"#f778ba", | ||
"#ff9bce", | ||
"#ffbedd", | ||
"#ffdaec" | ||
] | ||
@@ -212,8 +212,7 @@ }, | ||
"inverse": "#0d1117", | ||
"linkPrimary": "#54a2fb", | ||
"linkSecondary": "#f0f6fc", | ||
"linkTertiary": "#8b949e", | ||
"danger": "#ed4e50", | ||
"success": "#58ce65", | ||
"warning": "#f7d232" | ||
"link": "#58a6ff", | ||
"danger": "#f85149", | ||
"success": "#56d364", | ||
"warning": "#e3b341", | ||
"white": "#f0f6fc" | ||
}, | ||
@@ -224,19 +223,7 @@ "icon": { | ||
"tertiary": "#484f58", | ||
"info": "#75bbff", | ||
"danger": "#ed4e50", | ||
"success": "#58ce65", | ||
"warning": "#f7d232" | ||
"info": "#79c0ff", | ||
"danger": "#f85149", | ||
"success": "#56d364", | ||
"warning": "#e3b341" | ||
}, | ||
"state": { | ||
"hoverPrimaryBg": "#3f87e9", | ||
"hoverPrimaryBorder": "#3f87e9", | ||
"hoverPrimaryText": "#f0f6fc", | ||
"hoverPrimaryIcon": "#f0f6fc", | ||
"hoverSecondaryBg": "#161b22", | ||
"hoverSecondaryBorder": "#161b22", | ||
"selectedPrimaryBg": "#3f87e9", | ||
"selectedPrimaryBorder": "#3f87e9", | ||
"selectedPrimaryText": "#f0f6fc", | ||
"selectedPrimaryIcon": "#f0f6fc" | ||
}, | ||
"border": { | ||
@@ -246,11 +233,11 @@ "primary": "#30363d", | ||
"tertiary": "#6e7681", | ||
"inverse": "#ffffff", | ||
"info": "#3f87e9", | ||
"danger": "#ed4e50", | ||
"success": "#2f9a42", | ||
"warning": "#f7d232" | ||
"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": "#0d1117", | ||
"canvasMobile": "#010409", | ||
"canvasInverse": "#f0f6fc", | ||
@@ -261,10 +248,10 @@ "primary": "#0d1117", | ||
"overlay": "#0d1117", | ||
"info": "#0b2e63", | ||
"infoInverse": "#3f87e9", | ||
"danger": "#660614", | ||
"dangerInverse": "#ed4e50", | ||
"success": "#0a3818", | ||
"successInverse": "#2f9a42", | ||
"warning": "#b67b00", | ||
"warningInverse": "#f7d232" | ||
"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" | ||
}, | ||
@@ -276,3 +263,3 @@ "shadow": { | ||
"0", | ||
"rgba(72,79,88,0.04)" | ||
"rgba(0,0,0,0)" | ||
], | ||
@@ -283,3 +270,3 @@ "medium": [ | ||
"6px", | ||
"rgba(72,79,88,0.15)" | ||
"#010409" | ||
], | ||
@@ -290,3 +277,3 @@ "large": [ | ||
"24px", | ||
"rgba(72,79,88,0.2)" | ||
"#010409" | ||
], | ||
@@ -297,68 +284,88 @@ "extraLarge": [ | ||
"48px", | ||
"rgba(72,79,88,0.3)" | ||
"#010409" | ||
], | ||
"highlight": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(255,255,255,0.1)" | ||
], | ||
"inset": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(33,38,45,0.2)" | ||
], | ||
"focus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(63,135,233,0.3)" | ||
] | ||
"highlight": "rgba(0,0,0,0)", | ||
"inset": "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": { | ||
"black": { | ||
"10": "rgba(13,17,23,0.1)", | ||
"15": "rgba(13,17,23,0.15)", | ||
"30": "rgba(13,17,23,0.3)", | ||
"50": "rgba(13,17,23,0.5)", | ||
"70": "rgba(13,17,23,0.7)", | ||
"85": "rgba(13,17,23,0.85)" | ||
"10": "rgba(1,4,9,0.1)", | ||
"15": "rgba(1,4,9,0.15)", | ||
"30": "rgba(1,4,9,0.3)", | ||
"50": "rgba(1,4,9,0.5)", | ||
"70": "rgba(1,4,9,0.7)", | ||
"85": "rgba(1,4,9,0.85)" | ||
}, | ||
"white": { | ||
"10": "rgba(255,255,255,0.1)", | ||
"15": "rgba(255,255,255,0.15)", | ||
"30": "rgba(255,255,255,0.3)", | ||
"50": "rgba(255,255,255,0.5)", | ||
"70": "rgba(255,255,255,0.7)", | ||
"85": "rgba(255,255,255,0.85)" | ||
"10": "rgba(240,246,252,0.1)", | ||
"15": "rgba(240,246,252,0.15)", | ||
"30": "rgba(240,246,252,0.3)", | ||
"50": "rgba(240,246,252,0.5)", | ||
"70": "rgba(240,246,252,0.7)", | ||
"85": "rgba(240,246,252,0.85)" | ||
} | ||
}, | ||
"alert": { | ||
"text": "#75bbff", | ||
"icon": "#75bbff", | ||
"bg": "rgba(117,187,255,0.1)", | ||
"border": "rgba(117,187,255,0.4)", | ||
"info": { | ||
"text": "#79c0ff", | ||
"icon": "#79c0ff", | ||
"bg": "rgba(56,139,253,0.1)", | ||
"border": "rgba(56,139,253,0.4)" | ||
}, | ||
"warn": { | ||
"text": "#f2d35b", | ||
"icon": "#f2d35b", | ||
"bg": "rgba(235,196,64,0.1)", | ||
"border": "rgba(235,196,64,0.4)" | ||
"text": "#e3b341", | ||
"icon": "#e3b341", | ||
"bg": "rgba(187,128,9,0.1)", | ||
"border": "rgba(187,128,9,0.4)" | ||
}, | ||
"error": { | ||
"text": "#ff7168", | ||
"icon": "#ff7168", | ||
"bg": "rgba(255,113,112,0.1)", | ||
"border": "rgba(255,113,112,0.4)" | ||
"text": "#ff7b72", | ||
"icon": "#ff7b72", | ||
"bg": "rgba(248,81,73,0.1)", | ||
"border": "rgba(248,81,73,0.4)" | ||
}, | ||
"success": { | ||
"text": "#58ce65", | ||
"icon": "#58ce65", | ||
"bg": "rgba(88,206,101,0.1)", | ||
"border": "rgba(88,206,101,0.4)" | ||
"text": "#56d364", | ||
"icon": "#56d364", | ||
"bg": "rgba(46,160,67,0.1)", | ||
"border": "rgba(46,160,67,0.4)" | ||
} | ||
}, | ||
"autocomplete": { | ||
"bg": "#21262d", | ||
"border": "#484f58", | ||
"shadow": [ | ||
"0", | ||
"16px", | ||
"32px", | ||
"rgba(1,4,9,0.85)" | ||
], | ||
"rowBorder": "#30363d" | ||
}, | ||
"blankslate": { | ||
@@ -368,8 +375,19 @@ "icon": "#535c66" | ||
"btn": { | ||
"bg": "#0d1117", | ||
"border": "rgba(255,255,255,0.15)", | ||
"text": "#f0f6fc", | ||
"ic": "#6e7681", | ||
"bgHover": "#161b22", | ||
"bgActive": "#1a2028", | ||
"bg": "#21262d", | ||
"border": "rgba(240,246,252,0.1)", | ||
"shadow": "rgba(0,0,0,0)", | ||
"insetShadow": "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": [ | ||
@@ -380,3 +398,3 @@ "inset", | ||
"0.3em", | ||
"rgba(13,17,23,0.15)" | ||
"rgba(1,4,9,0.15)" | ||
], | ||
@@ -388,52 +406,41 @@ "shadowInputFocus": [ | ||
"0.2em", | ||
"rgba(49,110,205,0.3)" | ||
"rgba(31,111,235,0.3)" | ||
], | ||
"primary": { | ||
"bg": "#2ea44f", | ||
"border": "rgba(13,17,23,0.15)", | ||
"borderDisabled": "rgba(13,17,23,0.1)", | ||
"text": "#ffffff", | ||
"ic": "rgba(255,255,255,0.8)", | ||
"shadow": [ | ||
"text": "#f0f6fc", | ||
"bg": "#238636", | ||
"border": "#2ea043", | ||
"shadow": "rgba(0,0,0,0)", | ||
"insetShadow": "rgba(0,0,0,0)", | ||
"hoverBg": "#2ea043", | ||
"hoverBorder": "#3fb950", | ||
"selectedBg": "#238636", | ||
"selectedShadow": "rgba(0,0,0,0)", | ||
"disabledText": "rgba(240,246,252,0.5)", | ||
"disabledBg": "#238636", | ||
"disabledBorder": "#238636", | ||
"focusBg": "#238636", | ||
"focusBorder": "#3fb950", | ||
"focusShadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(13,17,23,0.1)" | ||
], | ||
"shadowHighlight": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(255,255,255,0.03)" | ||
], | ||
"shadowSelected": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(4,38,15,0.2)" | ||
], | ||
"bgHover": "#2c974b", | ||
"bgActive": "#2a8f47", | ||
"bgDisabled": "#94d3a2", | ||
"disabledText": "rgba(255,255,255,0.8)", | ||
"disabledShadow": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(46,164,79,0.4)" | ||
], | ||
"counterBg": "rgba(255,255,255,0.2)" | ||
"icon": "#f0f6fc", | ||
"counterBg": "rgba(240,246,252,0.2)" | ||
}, | ||
"inverseOnHover": { | ||
"border": "rgba(255,255,255,0.15)", | ||
"shadow": [ | ||
"outline": { | ||
"text": "#58a6ff", | ||
"hoverText": "#58a6ff", | ||
"hoverBg": "#30363d", | ||
"hoverBorder": "#58a6ff", | ||
"hoverShadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(13,17,23,0.1)" | ||
"rgba(1,4,9,0.1)" | ||
], | ||
"shadowInset": [ | ||
"hoverInsetShadow": [ | ||
"inset", | ||
@@ -443,82 +450,126 @@ "0", | ||
"0", | ||
"rgba(255,255,255,0.03)" | ||
"rgba(240,246,252,0.03)" | ||
], | ||
"counterBg": "rgba(255,255,255,0.2)" | ||
}, | ||
"danger": { | ||
"text": "#ed4e50", | ||
"textDisabled": "rgba(237,78,80,0.5)", | ||
"bgHover": "#ff7170", | ||
"bgActive": "#ff6261", | ||
"shadow": [ | ||
"inset", | ||
"hoverCounterBg": "rgba(240,246,252,0.2)", | ||
"selectedText": "#f0f6fc", | ||
"selectedBg": "#0d419d", | ||
"selectedBorder": "rgba(240,246,252,0.1)", | ||
"selectedShadow": "rgba(0,0,0,0)", | ||
"disabledText": "#58a6ff", | ||
"disabledBg": "#0d1117", | ||
"disabledCounterBg": "rgba(31,111,235,0.05)", | ||
"focusBorder": "#58a6ff", | ||
"focusShadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(73,0,12,0.2)" | ||
], | ||
"shadowFocus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(172,33,43,0.4)" | ||
"rgba(17,88,199,0.4)" | ||
], | ||
"counterBg": "rgba(209,51,57,0.1)", | ||
"counterBgDisabled": "rgba(209,51,57,0.05)" | ||
"counterBg": "rgba(31,111,235,0.1)" | ||
}, | ||
"outline": { | ||
"text": "#3f87e9", | ||
"textDisabled": "rgba(63,135,233,0.5)", | ||
"bgHover": "#54a2fb", | ||
"bgActive": "#459afb", | ||
"shadow": [ | ||
"inset", | ||
"danger": { | ||
"text": "#f85149", | ||
"hoverText": "#f0f6fc", | ||
"hoverBg": "#da3633", | ||
"hoverBorder": "#f85149", | ||
"hoverShadow": "rgba(0,0,0,0)", | ||
"hoverInsetShadow": "rgba(0,0,0,0)", | ||
"hoverCounterBg": "rgba(240,246,252,0.2)", | ||
"selectedText": "#f0f6fc", | ||
"selectedBg": "#b62324", | ||
"selectedBorder": "rgba(240,246,252,0.1)", | ||
"selectedShadow": "rgba(0,0,0,0)", | ||
"disabledText": "#f85149", | ||
"disabledBg": "#0d1117", | ||
"disabledCounterBg": "rgba(218,54,51,0.05)", | ||
"focusBorder": "#f85149", | ||
"focusShadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(6,30,70,0.2)" | ||
], | ||
"shadowFocus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(36,86,170,0.4)" | ||
"rgba(182,35,36,0.4)" | ||
], | ||
"counterBg": "rgba(49,110,205,0.1)", | ||
"counterBgDisabled": "rgba(49,110,205,0.05)" | ||
"counterBg": "rgba(218,54,51,0.1)" | ||
}, | ||
"counterBg": "rgba(13,17,23,0.08)" | ||
"counterBg": "#30363d" | ||
}, | ||
"counter": { | ||
"text": "#f0f6fc", | ||
"bg": "rgba(48,54,61,0.5)", | ||
"border": "rgba(209,213,218,0.5)" | ||
"bg": "#30363d", | ||
"primary": { | ||
"text": "#f0f6fc", | ||
"bg": "#6e7681" | ||
}, | ||
"secondary": { | ||
"text": "#8b949e" | ||
} | ||
}, | ||
"topic": { | ||
"tagBg": "#061e46", | ||
"tagBorder": "#061e46", | ||
"tagText": "#3f87e9" | ||
}, | ||
"input": { | ||
"bg": "#0d1117", | ||
"contrastBg": "#0d1117", | ||
"dropdown": { | ||
"bg": "#21262d", | ||
"border": "#484f58", | ||
"shadow": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"2px", | ||
"rgba(255,255,255,0.075)" | ||
], | ||
"shadowFocus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"0.2em", | ||
"rgba(49,110,205,0.3)" | ||
"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)" | ||
} | ||
}, | ||
"input": { | ||
"bg": "#0d1117", | ||
"contrastBg": "rgba(1,4,9,0.3)", | ||
"border": "rgba(240,246,252,0.1)", | ||
"shadow": "rgba(0,0,0,0)", | ||
"disabledBg": "#161b22", | ||
"disabledBorder": "#30363d", | ||
"warningBorder": "#d29922", | ||
"errorBorder": "#f85149", | ||
"tooltip": { | ||
"success": { | ||
"text": "#56d364", | ||
"bg": "rgba(46,160,67,0.1)", | ||
"border": "rgba(46,160,67,0.4)" | ||
}, | ||
"warning": { | ||
"text": "#e3b341", | ||
"bg": "rgba(187,128,9,0.1)", | ||
"border": "rgba(187,128,9,0.4)" | ||
}, | ||
"error": { | ||
"text": "#ff7b72", | ||
"bg": "rgba(248,81,73,0.1)", | ||
"border": "rgba(248,81,73,0.4)" | ||
} | ||
} | ||
}, | ||
"avatar": { | ||
"border": "rgba(255,255,255,0.1)", | ||
"border": "rgba(240,246,252,0.1)", | ||
"stackFade": "#30363d", | ||
@@ -530,3 +581,3 @@ "stackFadeMore": "#21262d", | ||
"0", | ||
"rgba(255,255,255,0.8)" | ||
"#0d1117" | ||
] | ||
@@ -539,8 +590,10 @@ }, | ||
"text": "#b1bac4", | ||
"badgeBg": "#21262d", | ||
"targetBadgeBorder": "#316ecd", | ||
"targetBadgeShadow": "#0d4189" | ||
"badgeBg": "#0d1117", | ||
"targetBadgeBorder": "#1f6feb", | ||
"targetBadgeShadow": "#0d419d" | ||
}, | ||
"selectMenu": { | ||
"backdropBg": "rgba(13,17,23,0.5)", | ||
"bg": "#21262d", | ||
"border": "#484f58", | ||
"borderSecondary": "#30363d", | ||
"shadow": [ | ||
@@ -550,27 +603,31 @@ "0", | ||
"18px", | ||
"rgba(13,17,23,0.4)" | ||
"rgba(1,4,9,0.4)" | ||
], | ||
"backdropBg": "rgba(1,4,9,0.5)", | ||
"backdropBorder": "#484f58", | ||
"tapHighlight": "rgba(48,54,61,0.5)", | ||
"tapFocusBg": "#0b2e63" | ||
"tapFocusBg": "#0c2d6b" | ||
}, | ||
"box": { | ||
"blueBorder": "#0d4189", | ||
"blueBorder": "#0d419d", | ||
"rowYellowBg": "rgba(235,196,64,0.1)", | ||
"rowBlueBg": "rgba(117,187,255,0.1)", | ||
"rowBlueBg": "rgba(121,192,255,0.1)", | ||
"headerBlueBg": "#0d1117", | ||
"headerBlueBorder": "#30363d" | ||
}, | ||
"dropdown": { | ||
"border": "rgba(13,17,23,0.15)" | ||
}, | ||
"popover": { | ||
"border": "rgba(13,17,23,0.15)" | ||
"border": "rgba(1,4,9,0.15)" | ||
}, | ||
"branchName": { | ||
"text": "rgba(255,255,255,0.6)", | ||
"bg": "#0d3471", | ||
"icon": "#676767" | ||
"text": "#f0f6fc", | ||
"icon": "#b1bac4", | ||
"bg": "rgba(240,246,252,0.1)", | ||
"link": { | ||
"text": "#58a6ff", | ||
"icon": "#58a6ff", | ||
"bg": "rgba(88,166,255,0.1)" | ||
} | ||
}, | ||
"markdown": { | ||
"codeBg": "rgba(255,255,255,0.05)", | ||
"codeBg": "rgba(240,246,252,0.05)", | ||
"frameBorder": "#3b434b", | ||
@@ -581,4 +638,15 @@ "blockquoteBorder": "#3b434b", | ||
}, | ||
"menu": { | ||
"headingText": "#8b949e", | ||
"borderActive": "#f78166" | ||
}, | ||
"sidenav": { | ||
"selectedBg": "#21262d", | ||
"borderActive": "#f78166" | ||
}, | ||
"tabnav": { | ||
"selectedBg": "#0d1117" | ||
}, | ||
"header": { | ||
"text": "rgba(255,255,255,0.7)", | ||
"text": "rgba(240,246,252,0.7)", | ||
"bg": "#161b22", | ||
@@ -599,26 +667,48 @@ "logo": "#f0f6fc" | ||
"border": "#3b434b", | ||
"borderFocused": "#5185d5" | ||
"borderFocused": "#4487ee" | ||
}, | ||
"previewableCommentForm": { | ||
"border": "#25292f" | ||
"border": "#25292f", | ||
"bg": "#161b22" | ||
}, | ||
"underlineNav": { | ||
"textActive": "#ffffff", | ||
"text": "#8b949e" | ||
"underlinenav": { | ||
"border": "rgba(48,54,61,0)", | ||
"borderHover": "#30363d", | ||
"borderActive": "#f78166", | ||
"text": "#8b949e", | ||
"textHover": "#f0f6fc", | ||
"textActive": "#f0f6fc", | ||
"icon": "#6e7681", | ||
"iconHover": "#f0f6fc", | ||
"iconActive": "#f0f6fc", | ||
"counterText": "#8b949e" | ||
}, | ||
"verifiedBadge": { | ||
"text": "#3fb950", | ||
"bg": "rgba(63,185,80,0.1)", | ||
"border": "rgba(63,185,80,0.4)" | ||
}, | ||
"socialCount": { | ||
"bg": "rgba(240,246,252,0.1)" | ||
}, | ||
"headerSearch": { | ||
"bg": "#0d1117", | ||
"border": "#21262d" | ||
}, | ||
"iconFolder": "#6e7681", | ||
"hlAuthorBg": "#061e46", | ||
"hlAuthorBorder": "#0d4189", | ||
"hlAuthorBg": "#051d4d", | ||
"hlAuthorBorder": "#0d419d", | ||
"logoSubdued": "#30363d", | ||
"discussionBorder": "#354c3a", | ||
"discussionBorder": "#34513b", | ||
"diff": { | ||
"neutralBg": "#30363d", | ||
"deletionBg": "#ff7170", | ||
"deletionBgStrong": "#ffffff", | ||
"deletionBorder": "#ffffff", | ||
"deletionBorderStrong": "#ffffff", | ||
"additionBg": "#1e6c2d", | ||
"additionBgStrong": "#ffffff", | ||
"additionBorder": "#ffffff", | ||
"additionBorderStrong": "#ffffff" | ||
"neutralBorder": "rgba(240,246,252,0.1)", | ||
"deletionBg": "#da3633", | ||
"deletionBgStrong": "#f0f6fc", | ||
"deletionBorder": "#f85149", | ||
"deletionBorderStrong": "#f0f6fc", | ||
"additionBg": "#238636", | ||
"additionBgStrong": "#f0f6fc", | ||
"additionBorder": "#2ea043", | ||
"additionBorderStrong": "#f0f6fc" | ||
}, | ||
@@ -646,3 +736,54 @@ "globalNav": { | ||
"dayL1Border": "rgba(27,31,35,0.06)" | ||
}, | ||
"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)", | ||
"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(213,221,229,0.1)", | ||
"neutralIconText": "#8b949e", | ||
"neutralIconBorder": "rgba(213,221,229,0.4)", | ||
"warningIconBg": "rgba(187,128,9,0.1)", | ||
"warningIconText": "#e3b341", | ||
"warningIconBorder": "rgba(187,128,9,0.4)", | ||
"warningBoxBorder": "rgba(187,128,9,0.4)", | ||
"errorIconBg": "rgba(248,81,73,0.1)", | ||
"errorIconText": "#f85149", | ||
"errorIconBorder": "rgba(248,81,73,0.4)" | ||
} | ||
} |
@@ -209,8 +209,7 @@ export default { | ||
"inverse": "#ffffff", | ||
"linkPrimary": "#0366d6", | ||
"linkSecondary": "#24292e", | ||
"linkTertiary": "#586069", | ||
"link": "#0366d6", | ||
"danger": "#cb2431", | ||
"success": "#22863a", | ||
"warning": "#b08800" | ||
"warning": "#b08800", | ||
"white": "#ffffff" | ||
}, | ||
@@ -226,14 +225,2 @@ "icon": { | ||
}, | ||
"state": { | ||
"hoverPrimaryBg": "#0366d6", | ||
"hoverPrimaryBorder": "#0366d6", | ||
"hoverPrimaryText": "#ffffff", | ||
"hoverPrimaryIcon": "#ffffff", | ||
"hoverSecondaryBg": "#f6f8fa", | ||
"hoverSecondaryBorder": "#f6f8fa", | ||
"selectedPrimaryBg": "#0366d6", | ||
"selectedPrimaryBorder": "#0366d6", | ||
"selectedPrimaryText": "#ffffff", | ||
"selectedPrimaryIcon": "#ffffff" | ||
}, | ||
"border": { | ||
@@ -304,11 +291,30 @@ "primary": "#e1e4e8", | ||
"rgba(225,228,232,0.2)" | ||
], | ||
"focus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(3,102,214,0.3)" | ||
] | ||
}, | ||
"state": { | ||
"hover": { | ||
"primaryBg": "#0366d6", | ||
"primaryBorder": "#0366d6", | ||
"primaryText": "#ffffff", | ||
"primaryIcon": "#ffffff", | ||
"secondaryBg": "#f6f8fa", | ||
"secondaryBorder": "#f6f8fa" | ||
}, | ||
"selected": { | ||
"primaryBg": "#0366d6", | ||
"primaryBorder": "#0366d6", | ||
"primaryText": "#ffffff", | ||
"primaryIcon": "#ffffff" | ||
}, | ||
"focus": { | ||
"border": "#0366d6", | ||
"shadow": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(3,102,214,0.3)" | ||
] | ||
} | ||
}, | ||
"fade": { | ||
@@ -333,6 +339,8 @@ "black": { | ||
"alert": { | ||
"text": "#24292e", | ||
"icon": "rgba(4,66,137,0.6)", | ||
"bg": "#dbedff", | ||
"border": "rgba(4,66,137,0.2)", | ||
"info": { | ||
"text": "#24292e", | ||
"icon": "rgba(4,66,137,0.6)", | ||
"bg": "#dbedff", | ||
"border": "rgba(4,66,137,0.2)" | ||
}, | ||
"warn": { | ||
@@ -357,2 +365,13 @@ "text": "#24292e", | ||
}, | ||
"autocomplete": { | ||
"bg": "#ffffff", | ||
"border": "#e1e4e8", | ||
"shadow": [ | ||
"0", | ||
"3px", | ||
"6px", | ||
"rgba(149,157,165,0.15)" | ||
], | ||
"rowBorder": "#eaecef" | ||
}, | ||
"blankslate": { | ||
@@ -362,8 +381,30 @@ "icon": "#a3aab1" | ||
"btn": { | ||
"text": "#24292e", | ||
"bg": "#fafbfc", | ||
"border": "rgba(27,31,35,0.15)", | ||
"text": "#24292e", | ||
"ic": "#6a737d", | ||
"bgHover": "#f3f4f6", | ||
"bgActive": "#edeff2", | ||
"shadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(27,31,35,0.04)" | ||
], | ||
"insetShadow": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(255,255,255,0.25)" | ||
], | ||
"hoverBg": "#f3f4f6", | ||
"hoverBorder": "rgba(27,31,35,0.15)", | ||
"selectedBg": "#edeff2", | ||
"focusBg": "#fafbfc", | ||
"focusBorder": "rgba(27,31,35,0.15)", | ||
"focusShadow": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(3,102,214,0.3)" | ||
], | ||
"shadowActive": [ | ||
@@ -384,7 +425,5 @@ "inset", | ||
"primary": { | ||
"text": "#ffffff", | ||
"bg": "#2ea44f", | ||
"border": "rgba(27,31,35,0.15)", | ||
"borderDisabled": "rgba(27,31,35,0.1)", | ||
"text": "#ffffff", | ||
"ic": "rgba(255,255,255,0.8)", | ||
"shadow": [ | ||
@@ -396,3 +435,3 @@ "0", | ||
], | ||
"shadowHighlight": [ | ||
"insetShadow": [ | ||
"inset", | ||
@@ -404,3 +443,6 @@ "0", | ||
], | ||
"shadowSelected": [ | ||
"hoverBg": "#2c974b", | ||
"hoverBorder": "rgba(27,31,35,0.15)", | ||
"selectedBg": "#2a8f47", | ||
"selectedShadow": [ | ||
"inset", | ||
@@ -412,7 +454,8 @@ "0", | ||
], | ||
"bgHover": "#2c974b", | ||
"bgActive": "#2a8f47", | ||
"bgDisabled": "#94d3a2", | ||
"disabledText": "rgba(255,255,255,0.8)", | ||
"disabledShadow": [ | ||
"disabledBg": "#94d3a2", | ||
"disabledBorder": "rgba(27,31,35,0.1)", | ||
"focusBg": "#2ea44f", | ||
"focusBorder": "rgba(27,31,35,0.15)", | ||
"focusShadow": [ | ||
"0", | ||
@@ -424,7 +467,11 @@ "0", | ||
], | ||
"icon": "rgba(255,255,255,0.8)", | ||
"counterBg": "rgba(255,255,255,0.2)" | ||
}, | ||
"inverseOnHover": { | ||
"border": "rgba(27,31,35,0.15)", | ||
"shadow": [ | ||
"outline": { | ||
"text": "#0366d6", | ||
"hoverText": "#ffffff", | ||
"hoverBg": "#0366d6", | ||
"hoverBorder": "rgba(27,31,35,0.15)", | ||
"hoverShadow": [ | ||
"0", | ||
@@ -435,3 +482,3 @@ "1px", | ||
], | ||
"shadowInset": [ | ||
"hoverInsetShadow": [ | ||
"inset", | ||
@@ -443,10 +490,7 @@ "0", | ||
], | ||
"counterBg": "rgba(255,255,255,0.2)" | ||
}, | ||
"danger": { | ||
"text": "#d73a49", | ||
"textDisabled": "rgba(215,58,73,0.5)", | ||
"bgHover": "#cb2431", | ||
"bgActive": "#be222e", | ||
"shadow": [ | ||
"hoverCounterBg": "rgba(255,255,255,0.2)", | ||
"selectedText": "#ffffff", | ||
"selectedBg": "#035fc7", | ||
"selectedBorder": "rgba(27,31,35,0.15)", | ||
"selectedShadow": [ | ||
"inset", | ||
@@ -456,5 +500,9 @@ "0", | ||
"0", | ||
"rgba(134,24,29,0.2)" | ||
"rgba(5,38,76,0.2)" | ||
], | ||
"shadowFocus": [ | ||
"disabledText": "rgba(3,102,214,0.5)", | ||
"disabledBg": "#fafbfc", | ||
"disabledCounterBg": "rgba(3,102,214,0.05)", | ||
"focusBorder": "rgba(27,31,35,0.15)", | ||
"focusShadow": [ | ||
"0", | ||
@@ -464,13 +512,18 @@ "0", | ||
"3px", | ||
"rgba(203,36,49,0.4)" | ||
"rgba(0,92,197,0.4)" | ||
], | ||
"counterBg": "rgba(215,58,73,0.1)", | ||
"counterBgDisabled": "rgba(215,58,73,0.05)" | ||
"counterBg": "rgba(3,102,214,0.1)" | ||
}, | ||
"outline": { | ||
"text": "#0366d6", | ||
"textDisabled": "rgba(3,102,214,0.5)", | ||
"bgHover": "#0366d6", | ||
"bgActive": "#035fc7", | ||
"shadow": [ | ||
"danger": { | ||
"text": "#d73a49", | ||
"hoverText": "#ffffff", | ||
"hoverBg": "#cb2431", | ||
"hoverBorder": "rgba(27,31,35,0.15)", | ||
"hoverShadow": [ | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(27,31,35,0.1)" | ||
], | ||
"hoverInsetShadow": [ | ||
"inset", | ||
@@ -480,13 +533,27 @@ "0", | ||
"0", | ||
"rgba(5,38,76,0.2)" | ||
"rgba(255,255,255,0.03)" | ||
], | ||
"shadowFocus": [ | ||
"hoverCounterBg": "rgba(255,255,255,0.2)", | ||
"selectedText": "#ffffff", | ||
"selectedBg": "#d42d3d", | ||
"selectedBorder": "rgba(27,31,35,0.15)", | ||
"selectedShadow": [ | ||
"inset", | ||
"0", | ||
"1px", | ||
"0", | ||
"rgba(134,24,29,0.2)" | ||
], | ||
"disabledText": "rgba(215,58,73,0.5)", | ||
"disabledBg": "#fafbfc", | ||
"disabledCounterBg": "rgba(215,58,73,0.05)", | ||
"focusBorder": "rgba(27,31,35,0.15)", | ||
"focusShadow": [ | ||
"0", | ||
"0", | ||
"0", | ||
"3px", | ||
"rgba(0,92,197,0.4)" | ||
"rgba(203,36,49,0.4)" | ||
], | ||
"counterBg": "rgba(3,102,214,0.1)", | ||
"counterBgDisabled": "rgba(3,102,214,0.05)" | ||
"counterBg": "rgba(215,58,73,0.1)" | ||
}, | ||
@@ -498,12 +565,51 @@ "counterBg": "rgba(27,31,35,0.08)" | ||
"bg": "rgba(209,213,218,0.5)", | ||
"border": "rgba(209,213,218,0.5)" | ||
"primary": { | ||
"text": "#ffffff", | ||
"bg": "#6a737d" | ||
}, | ||
"secondary": { | ||
"text": "#6a737d" | ||
} | ||
}, | ||
"topic": { | ||
"tagBg": "#f1f8ff", | ||
"tagBorder": "#f1f8ff", | ||
"tagText": "#0366d6" | ||
"dropdown": { | ||
"bg": "#ffffff", | ||
"border": "#e1e4e8", | ||
"shadow": [ | ||
"0", | ||
"8px", | ||
"24px", | ||
"rgba(149,157,165,0.2)" | ||
] | ||
}, | ||
"label": { | ||
"border": "#e1e4e8", | ||
"primary": { | ||
"text": "#24292e", | ||
"border": "#6a737d" | ||
}, | ||
"secondary": { | ||
"text": "#586069", | ||
"border": "#e1e4e8" | ||
}, | ||
"info": { | ||
"text": "#0366d6", | ||
"border": "#0366d6" | ||
}, | ||
"success": { | ||
"text": "#22863a", | ||
"border": "#28a745" | ||
}, | ||
"warning": { | ||
"text": "#735c0f", | ||
"border": "#b08800" | ||
}, | ||
"danger": { | ||
"text": "#d73a49", | ||
"border": "#cb2431" | ||
} | ||
}, | ||
"input": { | ||
"bg": "#ffffff", | ||
"contrastBg": "#fafbfc", | ||
"border": "#e1e4e8", | ||
"shadow": [ | ||
@@ -516,12 +622,26 @@ "inset", | ||
], | ||
"shadowFocus": [ | ||
"0", | ||
"0", | ||
"0", | ||
"0.2em", | ||
"rgba(3,102,214,0.3)" | ||
] | ||
"disabledBg": "#ffffff", | ||
"disabledBorder": "#e1e4e8", | ||
"warningBorder": "#f9c513", | ||
"errorBorder": "#cb2431", | ||
"tooltip": { | ||
"success": { | ||
"text": "#144620", | ||
"bg": "#dcffe4", | ||
"border": "#34d058" | ||
}, | ||
"warning": { | ||
"text": "#735c0f", | ||
"bg": "#fff5b1", | ||
"border": "#f9c513" | ||
}, | ||
"error": { | ||
"text": "#86181d", | ||
"bg": "#ffeef0", | ||
"border": "#f97583" | ||
} | ||
} | ||
}, | ||
"avatar": { | ||
"border": "rgba(27,31,35,0.1)", | ||
"border": "rgba(0,0,0,0)", | ||
"stackFade": "#d1d5da", | ||
@@ -546,3 +666,5 @@ "stackFadeMore": "#e1e4e8", | ||
"selectMenu": { | ||
"backdropBg": "rgba(27,31,35,0.5)", | ||
"bg": "#ffffff", | ||
"border": "#e1e4e8", | ||
"borderSecondary": "#eaecef", | ||
"shadow": [ | ||
@@ -554,2 +676,4 @@ "0", | ||
], | ||
"backdropBg": "rgba(27,31,35,0.5)", | ||
"backdropBorder": "rgba(0,0,0,0)", | ||
"tapHighlight": "rgba(209,213,218,0.5)", | ||
@@ -565,5 +689,2 @@ "tapFocusBg": "#dbedff" | ||
}, | ||
"dropdown": { | ||
"border": "rgba(27,31,35,0.15)" | ||
}, | ||
"popover": { | ||
@@ -574,4 +695,9 @@ "border": "rgba(27,31,35,0.15)" | ||
"text": "rgba(27,31,35,0.6)", | ||
"icon": "#a8bbd0", | ||
"bg": "#eaf5ff", | ||
"icon": "#a8bbd0" | ||
"link": { | ||
"text": "#0366d6", | ||
"icon": "#a8bbd0", | ||
"bg": "#eaf5ff" | ||
} | ||
}, | ||
@@ -585,2 +711,13 @@ "markdown": { | ||
}, | ||
"menu": { | ||
"headingText": "#24292e", | ||
"borderActive": "#f9826c" | ||
}, | ||
"sidenav": { | ||
"selectedBg": "#ffffff", | ||
"borderActive": "#f9826c" | ||
}, | ||
"tabnav": { | ||
"selectedBg": "#ffffff" | ||
}, | ||
"header": { | ||
@@ -606,8 +743,29 @@ "text": "rgba(255,255,255,0.7)", | ||
"previewableCommentForm": { | ||
"border": "#c3c8cf" | ||
"border": "#c3c8cf", | ||
"bg": "#ffffff" | ||
}, | ||
"underlineNav": { | ||
"underlinenav": { | ||
"border": "rgba(209,213,218,0)", | ||
"borderHover": "#d1d5da", | ||
"borderActive": "#f9826c", | ||
"text": "#24292e", | ||
"textHover": "#24292e", | ||
"textActive": "#24292e", | ||
"text": "#24292e" | ||
"icon": "#959da5", | ||
"iconHover": "#959da5", | ||
"iconActive": "#24292e", | ||
"counterText": "#24292e" | ||
}, | ||
"verifiedBadge": { | ||
"text": "#22863a", | ||
"bg": "#ffffff", | ||
"border": "#e1e4e8" | ||
}, | ||
"socialCount": { | ||
"bg": "#ffffff" | ||
}, | ||
"headerSearch": { | ||
"bg": "#24292e", | ||
"border": "#444d56" | ||
}, | ||
"iconFolder": "#79b8ff", | ||
@@ -620,9 +778,10 @@ "hlAuthorBg": "#f1f8ff", | ||
"neutralBg": "#d1d5da", | ||
"deletionBg": "#cb2431", | ||
"neutralBorder": "#d1d5da", | ||
"deletionBg": "#d73a49", | ||
"deletionBgStrong": "#1b1f23", | ||
"deletionBorder": "#1b1f23", | ||
"deletionBorder": "#d73a49", | ||
"deletionBorderStrong": "#1b1f23", | ||
"additionBg": "#2cbe4e", | ||
"additionBg": "#28a745", | ||
"additionBgStrong": "#1b1f23", | ||
"additionBorder": "#1b1f23", | ||
"additionBorder": "#28a745", | ||
"additionBorderStrong": "#1b1f23" | ||
@@ -651,3 +810,54 @@ }, | ||
"dayL1Border": "rgba(27,31,35,0.06)" | ||
}, | ||
"footerInvertocat": { | ||
"octicon": "#d1d5da", | ||
"octiconHover": "#6a737d" | ||
}, | ||
"prState": { | ||
"draft": { | ||
"text": "#ffffff", | ||
"bg": "#6a737d", | ||
"border": "rgba(0,0,0,0)" | ||
}, | ||
"open": { | ||
"text": "#ffffff", | ||
"bg": "#28a745", | ||
"border": "rgba(0,0,0,0)" | ||
}, | ||
"merged": { | ||
"text": "#ffffff", | ||
"bg": "#6f42c1", | ||
"border": "rgba(0,0,0,0)" | ||
}, | ||
"closed": { | ||
"text": "#ffffff", | ||
"bg": "#d73a49", | ||
"border": "rgba(0,0,0,0)" | ||
} | ||
}, | ||
"topicTag": { | ||
"text": "#0366d6", | ||
"bg": "#f1f8ff", | ||
"hoverBg": "#ddeeff", | ||
"activeBg": "#e7f3ff" | ||
}, | ||
"mergeBox": { | ||
"successIconBg": "#28a745", | ||
"successIconText": "#ffffff", | ||
"successIconBorder": "rgba(0,0,0,0)", | ||
"mergedIconBg": "#6f42c1", | ||
"mergedIconText": "#ffffff", | ||
"mergedIconBorder": "rgba(0,0,0,0)", | ||
"mergedBoxBorder": "#6f42c1", | ||
"neutralIconBg": "#6a737d", | ||
"neutralIconText": "#ffffff", | ||
"neutralIconBorder": "rgba(0,0,0,0)", | ||
"warningIconBg": "#dbab09", | ||
"warningIconText": "#ffffff", | ||
"warningIconBorder": "rgba(0,0,0,0)", | ||
"warningBoxBorder": "#ffd33d", | ||
"errorIconBg": "#d73a49", | ||
"errorIconText": "#ffffff", | ||
"errorIconBorder": "rgba(0,0,0,0)" | ||
} | ||
} |
{ | ||
"name": "@primer/primitives", | ||
"version": "0.0.0-d93cf7b", | ||
"version": "0.0.0-da21f4f", | ||
"description": "Typography, spacing, and color primitives for Primer design system", | ||
@@ -5,0 +5,0 @@ "files": [ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
241438
7986