New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@primer/primitives
Advanced tools
@primer/primitives - npm Package Compare versions
Comparing version 0.0.0-fc5e8c6 to 0.0.0-fd6a5b3
@@ -5,3 +5,3 @@ declare const _default: { | ||
| white: string; | ||
| grey: string[]; | ||
| gray: string[]; | ||
| blue: string[]; | ||
@@ -15,2 +15,14 @@ green: string[]; | ||
| }; | ||
| auto: { | ||
| black: string; | ||
| white: string; | ||
| gray: string[]; | ||
| blue: string[]; | ||
| green: string[]; | ||
| yellow: string[]; | ||
| orange: string[]; | ||
| red: string[]; | ||
| purple: string[]; | ||
| pink: string[]; | ||
| }; | ||
| text: { | ||
@@ -23,10 +35,9 @@ primary: string; | ||
| inverse: string; | ||
| linkPrimary: string; | ||
| linkSecondary: string; | ||
| linkTertiary: string; | ||
| link: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: string; | ||
| white: string; | ||
| }; | ||
| ic: { | ||
| icon: { | ||
| primary: string; | ||
@@ -40,15 +51,7 @@ secondary: string; | ||
| }; | ||
| hl: { | ||
| hoverPrimaryBg: string; | ||
| hoverPrimaryBorder: string; | ||
| hoverSecondaryBg: string; | ||
| hoverSecondaryBorder: string; | ||
| selectedPrimaryBg: string; | ||
| selectedPrimaryBorder: string; | ||
| }; | ||
| border: { | ||
| primary: string; | ||
| primaryLight: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| overlay: string; | ||
| inverse: string; | ||
@@ -62,3 +65,5 @@ info: string; | ||
| canvas: string; | ||
| canvasMobile: string; | ||
| canvasInverse: string; | ||
| canvasInset: string; | ||
| primary: string; | ||
@@ -68,41 +73,84 @@ secondary: string; | ||
| overlay: string; | ||
| selected: string; | ||
| backdrop: string; | ||
| info: string; | ||
| infoInverse: string; | ||
| danger: string; | ||
| dangerInverse: string; | ||
| success: string; | ||
| successInverse: string; | ||
| warning: string; | ||
| infoInverse: string; | ||
| dangerInverse: string; | ||
| successInverse: string; | ||
| warningInverse: string; | ||
| }; | ||
| shadow: { | ||
| small: string[]; | ||
| medium: string[]; | ||
| large: string[]; | ||
| extraLarge: string[]; | ||
| highlight: string[]; | ||
| inset: string[]; | ||
| focus: string[]; | ||
| small: string; | ||
| medium: string; | ||
| large: string; | ||
| extraLarge: 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: { | ||
| black10: string; | ||
| black15: string; | ||
| black30: string; | ||
| black50: string; | ||
| black70: string; | ||
| black85: string; | ||
| white10: string; | ||
| white15: string; | ||
| white30: string; | ||
| white50: string; | ||
| white70: string; | ||
| white85: string; | ||
| }; | ||
| alert: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| info: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| }; | ||
| warn: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| error: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| success: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| }; | ||
| autocomplete: { | ||
| shadow: string; | ||
| rowBorder: string; | ||
| }; | ||
| blankslate: { | ||
@@ -112,36 +160,141 @@ 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; | ||
| shadow: string; | ||
| insetShadow: string; | ||
| hoverBg: string; | ||
| hoverBorder: string; | ||
| selectedBg: string; | ||
| selectedShadow: string; | ||
| disabledText: string; | ||
| disabledBg: string; | ||
| disabledBorder: string; | ||
| focusBg: string; | ||
| focusBorder: string; | ||
| focusShadow: string; | ||
| icon: string; | ||
| counterBg: string; | ||
| }; | ||
| outline: { | ||
| text: string; | ||
| ic: string; | ||
| bgHover: string; | ||
| bgActive: string; | ||
| boxShadow: string; | ||
| boxShadowHighlight: string; | ||
| boxShadowInset: string; | ||
| boxShadowFocus: 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; | ||
| }; | ||
| danger: { | ||
| 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; | ||
| }; | ||
| counterBg: string; | ||
| }; | ||
| counter: { | ||
| text: string; | ||
| bg: string; | ||
| primary: { | ||
| text: string; | ||
| bg: string; | ||
| }; | ||
| secondary: { | ||
| text: string; | ||
| }; | ||
| }; | ||
| dropdown: { | ||
| shadow: string; | ||
| }; | ||
| label: { | ||
| border: string; | ||
| text: 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; | ||
| }; | ||
| }; | ||
| topic: { | ||
| tagBg: string; | ||
| tagBorder: string; | ||
| tagText: string; | ||
| }; | ||
| input: { | ||
| bg: string; | ||
| 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; | ||
| }; | ||
| }; | ||
| }; | ||
@@ -152,2 +305,3 @@ avatar: { | ||
| stackFadeMore: string; | ||
| childShadow: string; | ||
| }; | ||
@@ -164,29 +318,142 @@ toast: { | ||
| selectMenu: { | ||
| borderSecondary: string; | ||
| shadow: string; | ||
| backdropBg: string; | ||
| shadow: string; | ||
| backdropBorder: string; | ||
| tapHighlight: string; | ||
| tapFocusBg: string; | ||
| }; | ||
| box: { | ||
| blueBorder: string; | ||
| rowYellowBg: string; | ||
| rowBlueBg: string; | ||
| headerBlueBg: string; | ||
| headerBlueBorder: string; | ||
| borderInfo: string; | ||
| bgInfo: string; | ||
| borderWarning: string; | ||
| bgWarning: string; | ||
| }; | ||
| dropdown: { | ||
| branchName: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| link: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| }; | ||
| }; | ||
| markdown: { | ||
| codeBg: string; | ||
| frameBorder: string; | ||
| blockquoteBorder: string; | ||
| tableBorder: string; | ||
| tableTrBorder: string; | ||
| }; | ||
| menu: { | ||
| headingText: string; | ||
| borderActive: string; | ||
| bgActive: string; | ||
| }; | ||
| sidenav: { | ||
| selectedBg: string; | ||
| borderActive: string; | ||
| }; | ||
| tabnav: { | ||
| selectedBg: string; | ||
| }; | ||
| header: { | ||
| text: string; | ||
| bg: string; | ||
| logo: string; | ||
| }; | ||
| filterItem: { | ||
| barBg: string; | ||
| }; | ||
| hiddenTextExpander: { | ||
| bg: string; | ||
| bgHover: string; | ||
| }; | ||
| dragAndDrop: { | ||
| border: string; | ||
| }; | ||
| popover: { | ||
| uploadEnabled: { | ||
| border: string; | ||
| borderFocused: string; | ||
| }; | ||
| icFolder: string; | ||
| hlAuthorBg: string; | ||
| hlAuthorBorder: string; | ||
| logoSubdued: string; | ||
| diff: { | ||
| previewableCommentForm: { | ||
| border: string; | ||
| bg: string; | ||
| }; | ||
| 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; | ||
| }; | ||
| diffstat: { | ||
| neutralBg: string; | ||
| neutralBorder: string; | ||
| deletionBg: string; | ||
| deletionBgStrong: string; | ||
| deletionBorder: string; | ||
| deletionBorderStrong: string; | ||
| additionBg: string; | ||
| additionBgStrong: string; | ||
| additionBorder: string; | ||
| additionBorderStrong: string; | ||
| }; | ||
| iconFolder: string; | ||
| hlAuthorBg: string; | ||
| hlAuthorBorder: string; | ||
| logoSubdued: string; | ||
| discussionBorder: string; | ||
| discussionBgSuccess: string; | ||
| diffBlob: { | ||
| numText: string; | ||
| numHoverText: string; | ||
| addition: { | ||
| numBg: string; | ||
| lineBg: string; | ||
| wordBg: string; | ||
| }; | ||
| deletion: { | ||
| numBg: string; | ||
| lineBg: string; | ||
| wordBg: string; | ||
| }; | ||
| hunk: { | ||
| text: string; | ||
| numBg: string; | ||
| lineBg: string; | ||
| }; | ||
| emptyBlockBg: string; | ||
| selectedLineHighlightBg: string; | ||
| selectedLineHighlightBorder: string; | ||
| expander: { | ||
| icon: string; | ||
| hoverIcon: string; | ||
| hoverBg: string; | ||
| }; | ||
| commentButton: { | ||
| icon: string; | ||
| bg: string; | ||
| gradientBg: string; | ||
| }; | ||
| }; | ||
| globalNav: { | ||
@@ -196,5 +463,6 @@ logo: string; | ||
| text: string; | ||
| icon: string; | ||
| inputBg: string; | ||
| inputBorder: string; | ||
| inputIc: string; | ||
| inputIcon: string; | ||
| inputPlaceholder: string; | ||
@@ -214,3 +482,64 @@ }; | ||
| }; | ||
| 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; | ||
| successIndicatorBg: string; | ||
| successIndicatorBorder: string; | ||
| mergedIconBg: string; | ||
| mergedIconText: string; | ||
| mergedIconBorder: string; | ||
| mergedBoxBorder: string; | ||
| neutralIconBg: string; | ||
| neutralIconText: string; | ||
| neutralIconBorder: string; | ||
| neutralIndicatorBg: string; | ||
| neutralIndicatorBorder: string; | ||
| warningIconBg: string; | ||
| warningIconText: string; | ||
| warningIconBorder: string; | ||
| warningBoxBorder: string; | ||
| warningMergeHighlight: string; | ||
| errorIconBg: string; | ||
| errorIconText: string; | ||
| errorIconBorder: string; | ||
| errorIndicatorBg: string; | ||
| errorIndicatorBorder: string; | ||
| }; | ||
| project: { | ||
| cardBg: string; | ||
| }; | ||
| }; | ||
| export default _default; |
@@ -5,5 +5,105 @@ "use strict"; | ||
| "scale": { | ||
| "black": "#ffffff", | ||
| "white": "#0d1117", | ||
| "grey": [ | ||
| "black": "#010409", | ||
| "white": "#f0f6fc", | ||
| "gray": [ | ||
| "#f0f6fc", | ||
| "#d5dde5", | ||
| "#b1bac4", | ||
| "#8b949e", | ||
| "#6e7681", | ||
| "#484f58", | ||
| "#30363d", | ||
| "#21262d", | ||
| "#161b22", | ||
| "#0d1117" | ||
| ], | ||
| "blue": [ | ||
| "#cae8ff", | ||
| "#a5d6ff", | ||
| "#79c0ff", | ||
| "#58a6ff", | ||
| "#388bfd", | ||
| "#1f6feb", | ||
| "#1158c7", | ||
| "#0d419d", | ||
| "#0c2d6b", | ||
| "#051d4d" | ||
| ], | ||
| "green": [ | ||
| "#aff5b4", | ||
| "#7ee787", | ||
| "#56d364", | ||
| "#3fb950", | ||
| "#2ea043", | ||
| "#238636", | ||
| "#196c2e", | ||
| "#0f5323", | ||
| "#033a16", | ||
| "#04260f" | ||
| ], | ||
| "yellow": [ | ||
| "#f8e3a1", | ||
| "#f2cc60", | ||
| "#e3b341", | ||
| "#d29922", | ||
| "#bb8009", | ||
| "#9e6a03", | ||
| "#845306", | ||
| "#693e00", | ||
| "#4b2900", | ||
| "#341a00" | ||
| ], | ||
| "orange": [ | ||
| "#ffdfb6", | ||
| "#ffc680", | ||
| "#ffa657", | ||
| "#f0883e", | ||
| "#db6d28", | ||
| "#bd561d", | ||
| "#9b4215", | ||
| "#762d0a", | ||
| "#5a1e02", | ||
| "#3d1300" | ||
| ], | ||
| "red": [ | ||
| "#ffdcd7", | ||
| "#ffc1ba", | ||
| "#ffa198", | ||
| "#ff7b72", | ||
| "#f85149", | ||
| "#da3633", | ||
| "#b62324", | ||
| "#8e1519", | ||
| "#67060c", | ||
| "#490202" | ||
| ], | ||
| "purple": [ | ||
| "#eddeff", | ||
| "#e2c5ff", | ||
| "#d2a8ff", | ||
| "#bc8cff", | ||
| "#a371f7", | ||
| "#8957e5", | ||
| "#6e40c9", | ||
| "#553098", | ||
| "#3c1e70", | ||
| "#271052" | ||
| ], | ||
| "pink": [ | ||
| "#ffdaec", | ||
| "#ffbedd", | ||
| "#ff9bce", | ||
| "#f778ba", | ||
| "#db61a2", | ||
| "#bf4b8a", | ||
| "#9e3670", | ||
| "#7d2457", | ||
| "#5e103e", | ||
| "#42062a" | ||
| ] | ||
| }, | ||
| "auto": { | ||
| "black": "#f0f6fc", | ||
| "white": "#010409", | ||
| "gray": [ | ||
| "#0d1117", | ||
@@ -21,11 +121,11 @@ "#161b22", | ||
| "blue": [ | ||
| "#061e46", | ||
| "#0b2e63", | ||
| "#0d4189", | ||
| "#2456aa", | ||
| "#316ecd", | ||
| "#3f87e9", | ||
| "#54a2fb", | ||
| "#75bbff", | ||
| "#a1d3ff", | ||
| "#051d4d", | ||
| "#0c2d6b", | ||
| "#0d419d", | ||
| "#1158c7", | ||
| "#1f6feb", | ||
| "#388bfd", | ||
| "#58a6ff", | ||
| "#79c0ff", | ||
| "#a5d6ff", | ||
| "#cae8ff" | ||
@@ -35,71 +135,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" | ||
| ] | ||
@@ -110,125 +210,123 @@ }, | ||
| "secondary": "#8b949e", | ||
| "tertiary": "#6e7681", | ||
| "placeholder": "#30363d", | ||
| "disabled": "#30363d", | ||
| "tertiary": "#8b949e", | ||
| "placeholder": "#484f58", | ||
| "disabled": "#484f58", | ||
| "inverse": "#0d1117", | ||
| "linkPrimary": "#3f87e9", | ||
| "linkSecondary": "#f0f6fc", | ||
| "linkTertiary": "#8b949e", | ||
| "danger": "#ed4e50", | ||
| "success": "#3ab550", | ||
| "warning": "#fde15f" | ||
| "link": "#58a6ff", | ||
| "danger": "#f85149", | ||
| "success": "#56d364", | ||
| "warning": "#e3b341", | ||
| "white": "#f0f6fc" | ||
| }, | ||
| "ic": { | ||
| "icon": { | ||
| "primary": "#f0f6fc", | ||
| "secondary": "#8b949e", | ||
| "secondary": "#6e7681", | ||
| "tertiary": "#484f58", | ||
| "info": "#3f87e9", | ||
| "danger": "#ed4e50", | ||
| "success": "#3ab550", | ||
| "warning": "#fde15f" | ||
| "info": "#79c0ff", | ||
| "danger": "#f85149", | ||
| "success": "#56d364", | ||
| "warning": "#e3b341" | ||
| }, | ||
| "hl": { | ||
| "hoverPrimaryBg": "#3f87e9", | ||
| "hoverPrimaryBorder": "#3f87e9", | ||
| "hoverSecondaryBg": "#161b22", | ||
| "hoverSecondaryBorder": "#161b22", | ||
| "selectedPrimaryBg": "#3f87e9", | ||
| "selectedPrimaryBorder": "#3f87e9" | ||
| }, | ||
| "border": { | ||
| "primary": "#21262d", | ||
| "primaryLight": "#272d36", | ||
| "secondary": "#30363d", | ||
| "tertiary": "#0d1117", | ||
| "inverse": "#0d1117", | ||
| "info": "#3f87e9", | ||
| "danger": "#ed4e50", | ||
| "success": "#2f9a42", | ||
| "warning": "#f7d232" | ||
| "primary": "#30363d", | ||
| "secondary": "#21262d", | ||
| "tertiary": "#6e7681", | ||
| "overlay": "#30363d", | ||
| "inverse": "#f0f6fc", | ||
| "info": "rgba(56,139,253,0.4)", | ||
| "danger": "rgba(248,81,73,0.4)", | ||
| "success": "rgba(63,185,80,0.4)", | ||
| "warning": "rgba(187,128,9,0.4)" | ||
| }, | ||
| "bg": { | ||
| "canvas": "#0d1117", | ||
| "canvasMobile": "#010409", | ||
| "canvasInverse": "#f0f6fc", | ||
| "canvasInset": "#06090f", | ||
| "primary": "#0d1117", | ||
| "secondary": "#161b22", | ||
| "tertiary": "#0d1117", | ||
| "overlay": "#0d1117", | ||
| "selected": "#3f87e9", | ||
| "info": "#0b2e63", | ||
| "danger": "#660614", | ||
| "success": "#0a3818", | ||
| "warning": "#b67b00", | ||
| "infoInverse": "#3f87e9", | ||
| "dangerInverse": "#ed4e50", | ||
| "successInverse": "#2f9a42", | ||
| "warningInverse": "#f7d232" | ||
| "secondary": "#0d1117", | ||
| "tertiary": "#161b22", | ||
| "overlay": "#21262d", | ||
| "backdrop": "rgba(1,4,9,0.8)", | ||
| "info": "rgba(56,139,253,0.1)", | ||
| "infoInverse": "#388bfd", | ||
| "danger": "rgba(248,81,73,0.1)", | ||
| "dangerInverse": "#da3633", | ||
| "success": "rgba(46,160,67,0.1)", | ||
| "successInverse": "#2ea043", | ||
| "warning": "rgba(187,128,9,0.1)", | ||
| "warningInverse": "#bb8009" | ||
| }, | ||
| "shadow": { | ||
| "small": [ | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(255,255,255,0.04)" | ||
| ], | ||
| "medium": [ | ||
| "0", | ||
| "3px", | ||
| "6px", | ||
| "rgba(72,79,88,0.15)" | ||
| ], | ||
| "large": [ | ||
| "0", | ||
| "8px", | ||
| "24px", | ||
| "rgba(72,79,88,0.2)" | ||
| ], | ||
| "extraLarge": [ | ||
| "0", | ||
| "12px", | ||
| "48px", | ||
| "rgba(72,79,88,0.3)" | ||
| ], | ||
| "highlight": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(13,17,23,0.25)" | ||
| ], | ||
| "inset": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(33,38,45,0.2)" | ||
| ], | ||
| "focus": [ | ||
| "0", | ||
| "0", | ||
| "0", | ||
| "3px", | ||
| "rgba(63,135,233,0.3)" | ||
| ] | ||
| "small": "0 0 rgba(0,0,0,0)", | ||
| "medium": "0 3px 6px #010409", | ||
| "large": "0 8px 24px #010409", | ||
| "extraLarge": "0 12px 48px #010409", | ||
| "highlight": "0 0 rgba(0,0,0,0)", | ||
| "inset": "0 0 rgba(0,0,0,0)" | ||
| }, | ||
| "state": { | ||
| "hover": { | ||
| "primaryBg": "#1f6feb", | ||
| "primaryBorder": "#388bfd", | ||
| "primaryText": "#f0f6fc", | ||
| "primaryIcon": "#f0f6fc", | ||
| "secondaryBg": "#161b22", | ||
| "secondaryBorder": "#161b22" | ||
| }, | ||
| "selected": { | ||
| "primaryBg": "#1f6feb", | ||
| "primaryBorder": "#388bfd", | ||
| "primaryText": "#f0f6fc", | ||
| "primaryIcon": "#f0f6fc" | ||
| }, | ||
| "focus": { | ||
| "border": "#388bfd", | ||
| "shadow": "0 0 0 3px #0c2d6b" | ||
| } | ||
| }, | ||
| "fade": { | ||
| "black10": "rgba(1,4,9,0.1)", | ||
| "black15": "rgba(1,4,9,0.15)", | ||
| "black30": "rgba(1,4,9,0.3)", | ||
| "black50": "rgba(1,4,9,0.5)", | ||
| "black70": "rgba(1,4,9,0.7)", | ||
| "black85": "rgba(1,4,9,0.85)", | ||
| "white10": "rgba(240,246,252,0.1)", | ||
| "white15": "rgba(240,246,252,0.15)", | ||
| "white30": "rgba(240,246,252,0.3)", | ||
| "white50": "rgba(240,246,252,0.5)", | ||
| "white70": "rgba(240,246,252,0.7)", | ||
| "white85": "rgba(240,246,252,0.85)" | ||
| }, | ||
| "alert": { | ||
| "bg": "#0b2e63", | ||
| "border": "rgba(117,187,255,0.2)", | ||
| "icon": "rgba(117,187,255,0.6)", | ||
| "info": { | ||
| "text": "#79c0ff", | ||
| "icon": "#79c0ff", | ||
| "bg": "rgba(56,139,253,0.1)", | ||
| "border": "rgba(56,139,253,0.4)" | ||
| }, | ||
| "warn": { | ||
| "bg": "#9b6400", | ||
| "border": "rgba(253,225,95,0.2)", | ||
| "icon": "#fde15f" | ||
| "text": "#e3b341", | ||
| "icon": "#e3b341", | ||
| "bg": "rgba(187,128,9,0.1)", | ||
| "border": "rgba(187,128,9,0.4)" | ||
| }, | ||
| "error": { | ||
| "bg": "#ffe3e6", | ||
| "border": "rgba(255,189,186,0.2)", | ||
| "icon": "rgba(255,189,186,0.6)" | ||
| "text": "#ff7b72", | ||
| "icon": "#ff7b72", | ||
| "bg": "rgba(248,81,73,0.1)", | ||
| "border": "rgba(248,81,73,0.4)" | ||
| }, | ||
| "success": { | ||
| "bg": "#0a3818", | ||
| "border": "rgba(88,206,101,0.2)", | ||
| "icon": "rgba(88,206,101,0.8)" | ||
| "text": "#56d364", | ||
| "icon": "#56d364", | ||
| "bg": "rgba(46,160,67,0.1)", | ||
| "border": "rgba(46,160,67,0.4)" | ||
| } | ||
| }, | ||
| "autocomplete": { | ||
| "shadow": "0 16px 32px rgba(1,4,9,0.85)", | ||
| "rowBorder": "#30363d" | ||
| }, | ||
| "blankslate": { | ||
@@ -238,53 +336,147 @@ "icon": "#535c66" | ||
| "btn": { | ||
| "bg": "#0d1117", | ||
| "border": "rgba(13,17,23,0.15)", | ||
| "text": "#f0f6fc", | ||
| "ic": "#6e7681", | ||
| "bgHover": "#f3f4f6", | ||
| "bgActive": "#edeff2", | ||
| "bg": "#21262d", | ||
| "border": "#30363d", | ||
| "shadow": "0 0 rgba(0,0,0,0)", | ||
| "insetShadow": "0 0 rgba(0,0,0,0)", | ||
| "hoverBg": "#30363d", | ||
| "hoverBorder": "#8b949e", | ||
| "selectedBg": "#161b22", | ||
| "focusBg": "#21262d", | ||
| "focusBorder": "#8b949e", | ||
| "focusShadow": "0 0 0 3px rgba(139,148,158,0.3)", | ||
| "shadowActive": "inset 0 0.15em 0.3em rgba(1,4,9,0.15)", | ||
| "shadowInputFocus": "0 0 0 0.2em rgba(31,111,235,0.3)", | ||
| "primary": { | ||
| "bg": "#2ea44f", | ||
| "border": "rgba(13,17,23,0.15)", | ||
| "text": "#0d1117", | ||
| "ic": "#0d1117", | ||
| "bgHover": "#ffffff", | ||
| "bgActive": "#ffffff", | ||
| "boxShadow": "#ffffff", | ||
| "boxShadowHighlight": "#ffffff", | ||
| "boxShadowInset": "#ffffff", | ||
| "boxShadowFocus": "#ffffff" | ||
| } | ||
| "text": "#ffffff", | ||
| "bg": "#238636", | ||
| "border": "#2ea043", | ||
| "shadow": "0 0 rgba(0,0,0,0)", | ||
| "insetShadow": "0 0 rgba(0,0,0,0)", | ||
| "hoverBg": "#2ea043", | ||
| "hoverBorder": "#3fb950", | ||
| "selectedBg": "#238636", | ||
| "selectedShadow": "0 0 rgba(0,0,0,0)", | ||
| "disabledText": "rgba(240,246,252,0.5)", | ||
| "disabledBg": "#238636", | ||
| "disabledBorder": "#238636", | ||
| "focusBg": "#238636", | ||
| "focusBorder": "#3fb950", | ||
| "focusShadow": "0 0 0 3px rgba(46,164,79,0.4)", | ||
| "icon": "#f0f6fc", | ||
| "counterBg": "rgba(240,246,252,0.2)" | ||
| }, | ||
| "outline": { | ||
| "text": "#58a6ff", | ||
| "hoverText": "#58a6ff", | ||
| "hoverBg": "#30363d", | ||
| "hoverBorder": "#58a6ff", | ||
| "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)", | ||
| "hoverInsetShadow": "inset 0 1px 0 rgba(240,246,252,0.03)", | ||
| "hoverCounterBg": "rgba(240,246,252,0.2)", | ||
| "selectedText": "#f0f6fc", | ||
| "selectedBg": "#0d419d", | ||
| "selectedBorder": "rgba(240,246,252,0.1)", | ||
| "selectedShadow": "0 0 rgba(0,0,0,0)", | ||
| "disabledText": "#58a6ff", | ||
| "disabledBg": "#0d1117", | ||
| "disabledCounterBg": "rgba(31,111,235,0.05)", | ||
| "focusBorder": "#58a6ff", | ||
| "focusShadow": "0 0 0 3px rgba(17,88,199,0.4)", | ||
| "counterBg": "rgba(31,111,235,0.1)" | ||
| }, | ||
| "danger": { | ||
| "text": "#f85149", | ||
| "hoverText": "#ffffff", | ||
| "hoverBg": "#da3633", | ||
| "hoverBorder": "#f85149", | ||
| "hoverShadow": "0 0 rgba(0,0,0,0)", | ||
| "hoverInsetShadow": "0 0 rgba(0,0,0,0)", | ||
| "hoverCounterBg": "rgba(255,255,255,0.2)", | ||
| "selectedText": "#ffffff", | ||
| "selectedBg": "#b62324", | ||
| "selectedBorder": "rgba(240,246,252,0.1)", | ||
| "selectedShadow": "0 0 rgba(0,0,0,0)", | ||
| "disabledText": "#f85149", | ||
| "disabledBg": "#0d1117", | ||
| "disabledCounterBg": "rgba(218,54,51,0.05)", | ||
| "focusBorder": "#f85149", | ||
| "focusShadow": "0 0 0 3px rgba(182,35,36,0.4)", | ||
| "counterBg": "rgba(218,54,51,0.1)" | ||
| }, | ||
| "counterBg": "#30363d" | ||
| }, | ||
| "counter": { | ||
| "bg": "rgba(209,213,218,0.5)", | ||
| "border": "rgba(209,213,218,0.5)", | ||
| "text": "#f0f6fc" | ||
| "text": "#f0f6fc", | ||
| "bg": "#30363d", | ||
| "primary": { | ||
| "text": "#f0f6fc", | ||
| "bg": "#6e7681" | ||
| }, | ||
| "secondary": { | ||
| "text": "#8b949e" | ||
| } | ||
| }, | ||
| "topic": { | ||
| "tagBg": "#061e46", | ||
| "tagBorder": "#061e46", | ||
| "tagText": "#3f87e9" | ||
| "dropdown": { | ||
| "shadow": "0 16px 32px rgba(1,4,9,0.85)" | ||
| }, | ||
| "label": { | ||
| "border": "#30363d", | ||
| "primary": { | ||
| "text": "#b1bac4", | ||
| "border": "#6e7681" | ||
| }, | ||
| "secondary": { | ||
| "text": "#8b949e", | ||
| "border": "#30363d" | ||
| }, | ||
| "info": { | ||
| "text": "#388bfd", | ||
| "border": "rgba(56,139,253,0.4)" | ||
| }, | ||
| "success": { | ||
| "text": "#3fb950", | ||
| "border": "rgba(46,160,67,0.4)" | ||
| }, | ||
| "warning": { | ||
| "text": "#e3b341", | ||
| "border": "rgba(242,211,91,0.4)" | ||
| }, | ||
| "danger": { | ||
| "text": "#f85149", | ||
| "border": "rgba(248,81,73,0.4)" | ||
| } | ||
| }, | ||
| "input": { | ||
| "bg": "#0d1117", | ||
| "contrastBg": "#0d1117", | ||
| "shadow": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "2px", | ||
| "rgba(255,255,255,0.075)" | ||
| ], | ||
| "shadowFocus": [ | ||
| "0", | ||
| "0", | ||
| "0", | ||
| "0.2em", | ||
| "rgba(63,135,233,0.3)" | ||
| ] | ||
| "contrastBg": "rgba(1,4,9,0.3)", | ||
| "border": "rgba(240,246,252,0.1)", | ||
| "shadow": "0 0 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(13,17,23,0.1)", | ||
| "border": "rgba(240,246,252,0.1)", | ||
| "stackFade": "#30363d", | ||
| "stackFadeMore": "#21262d" | ||
| "stackFadeMore": "#21262d", | ||
| "childShadow": "-2px -2px 0 #0d1117" | ||
| }, | ||
@@ -296,50 +488,164 @@ "toast": { | ||
| "text": "#b1bac4", | ||
| "badgeBg": "#21262d", | ||
| "targetBadgeBorder": "#316ecd", | ||
| "targetBadgeShadow": "#0d4189" | ||
| "badgeBg": "#0d1117", | ||
| "targetBadgeBorder": "#1f6feb", | ||
| "targetBadgeShadow": "#0d419d" | ||
| }, | ||
| "selectMenu": { | ||
| "backdropBg": "rgba(13,17,23,0.5)", | ||
| "shadow": "rgba(255,255,255,0.4)" | ||
| "borderSecondary": "#30363d", | ||
| "shadow": "0 0 18px rgba(1,4,9,0.4)", | ||
| "backdropBg": "rgba(1,4,9,0.5)", | ||
| "backdropBorder": "#484f58", | ||
| "tapHighlight": "rgba(48,54,61,0.5)", | ||
| "tapFocusBg": "#0c2d6b" | ||
| }, | ||
| "box": { | ||
| "blueBorder": "#0d4189" | ||
| "blueBorder": "#0d419d", | ||
| "rowYellowBg": "rgba(235,196,64,0.1)", | ||
| "rowBlueBg": "rgba(121,192,255,0.1)", | ||
| "headerBlueBg": "#0d1117", | ||
| "headerBlueBorder": "#30363d", | ||
| "borderInfo": "rgba(56,139,253,0.4)", | ||
| "bgInfo": "rgba(56,139,253,0.1)", | ||
| "borderWarning": "rgba(187,128,9,0.4)", | ||
| "bgWarning": "rgba(187,128,9,0.1)" | ||
| }, | ||
| "dropdown": { | ||
| "border": "rgba(13,17,23,0.15)" | ||
| "branchName": { | ||
| "text": "#f0f6fc", | ||
| "icon": "#b1bac4", | ||
| "bg": "rgba(88,166,255,0.1)", | ||
| "link": { | ||
| "text": "#58a6ff", | ||
| "icon": "#58a6ff", | ||
| "bg": "rgba(88,166,255,0.1)" | ||
| } | ||
| }, | ||
| "popover": { | ||
| "border": "rgba(13,17,23,0.15)" | ||
| "markdown": { | ||
| "codeBg": "rgba(240,246,252,0.05)", | ||
| "frameBorder": "#3b434b", | ||
| "blockquoteBorder": "#3b434b", | ||
| "tableBorder": "#3b434b", | ||
| "tableTrBorder": "#272c32" | ||
| }, | ||
| "icFolder": "#2456aa", | ||
| "hlAuthorBg": "#061e46", | ||
| "hlAuthorBorder": "#0d4189", | ||
| "logoSubdued": "#30363d", | ||
| "diff": { | ||
| "menu": { | ||
| "headingText": "#8b949e", | ||
| "borderActive": "#f78166", | ||
| "bgActive": "#161b22" | ||
| }, | ||
| "sidenav": { | ||
| "selectedBg": "#21262d", | ||
| "borderActive": "#f78166" | ||
| }, | ||
| "tabnav": { | ||
| "selectedBg": "#0d1117" | ||
| }, | ||
| "header": { | ||
| "text": "rgba(240,246,252,0.7)", | ||
| "bg": "#161b22", | ||
| "logo": "#f0f6fc" | ||
| }, | ||
| "filterItem": { | ||
| "barBg": "#12161c" | ||
| }, | ||
| "hiddenTextExpander": { | ||
| "bg": "#3b434b", | ||
| "bgHover": "#272c32" | ||
| }, | ||
| "dragAndDrop": { | ||
| "border": "#25292f" | ||
| }, | ||
| "uploadEnabled": { | ||
| "border": "#3b434b", | ||
| "borderFocused": "#4487ee" | ||
| }, | ||
| "previewableCommentForm": { | ||
| "border": "#25292f", | ||
| "bg": "#161b22" | ||
| }, | ||
| "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" | ||
| }, | ||
| "diffstat": { | ||
| "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", | ||
| "deletionBorder": "#f85149", | ||
| "additionBg": "#238636", | ||
| "additionBorder": "#2ea043" | ||
| }, | ||
| "iconFolder": "#6e7681", | ||
| "hlAuthorBg": "#051d4d", | ||
| "hlAuthorBorder": "#0d419d", | ||
| "logoSubdued": "#30363d", | ||
| "discussionBorder": "#34513b", | ||
| "discussionBgSuccess": "rgba(46,160,67,0.1)", | ||
| "diffBlob": { | ||
| "numText": "rgba(240,246,252,0.3)", | ||
| "numHoverText": "rgba(240,246,252,0.6)", | ||
| "addition": { | ||
| "numBg": "rgba(35,134,54,0.3)", | ||
| "lineBg": "rgba(35,134,54,0.15)", | ||
| "wordBg": "rgba(35,134,54,0.3)" | ||
| }, | ||
| "deletion": { | ||
| "numBg": "rgba(218,54,51,0.3)", | ||
| "lineBg": "rgba(218,54,51,0.15)", | ||
| "wordBg": "rgba(218,54,51,0.3)" | ||
| }, | ||
| "hunk": { | ||
| "text": "#8b949e", | ||
| "numBg": "rgba(88,166,255,0.15)", | ||
| "lineBg": "rgba(88,166,255,0.1)" | ||
| }, | ||
| "emptyBlockBg": "#161b22", | ||
| "selectedLineHighlightBg": "rgba(187,128,9,0.1)", | ||
| "selectedLineHighlightBorder": "#bb8009", | ||
| "expander": { | ||
| "icon": "#8b949e", | ||
| "hoverIcon": "#f0f6fc", | ||
| "hoverBg": "#1f6feb" | ||
| }, | ||
| "commentButton": { | ||
| "icon": "#f0f6fc", | ||
| "bg": "#1f6feb", | ||
| "gradientBg": "#367eed" | ||
| } | ||
| }, | ||
| "globalNav": { | ||
| "logo": "#0d1117", | ||
| "bg": "#f0f6fc", | ||
| "text": "#0d1117", | ||
| "logo": "#f0f6fc", | ||
| "bg": "#161b22", | ||
| "text": "#f0f6fc", | ||
| "icon": "#f0f6fc", | ||
| "inputBg": "#0d1117", | ||
| "inputBorder": "#0d1117", | ||
| "inputIc": "#ffffff", | ||
| "inputPlaceholder": "#ffffff" | ||
| "inputBorder": "#21262d", | ||
| "inputIcon": "#21262d", | ||
| "inputPlaceholder": "#484f58" | ||
| }, | ||
| "calendarGraph": { | ||
| "dayBg": "#ebedf0", | ||
| "dayBg": "#161b22", | ||
| "dayBorder": "rgba(27,31,35,0.06)", | ||
| "dayL1Bg": "#9be9a8", | ||
| "dayL2Bg": "#40c463", | ||
| "dayL3Bg": "#30a14e", | ||
| "dayL4Bg": "#216e39", | ||
| "dayL1Bg": "#0c2b1e", | ||
| "dayL2Bg": "#034525", | ||
| "dayL3Bg": "#0f6d31", | ||
| "dayL4Bg": "#00c647", | ||
| "dayL4Border": "rgba(27,31,35,0.06)", | ||
@@ -349,3 +655,64 @@ "dayL3Border": "rgba(27,31,35,0.06)", | ||
| "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)", | ||
| "successIndicatorBg": "#238636", | ||
| "successIndicatorBorder": "#2ea043", | ||
| "mergedIconBg": "rgba(188,140,255,0.1)", | ||
| "mergedIconText": "#a371f7", | ||
| "mergedIconBorder": "rgba(188,140,255,0.4)", | ||
| "mergedBoxBorder": "rgba(188,140,255,0.4)", | ||
| "neutralIconBg": "rgba(213,221,229,0.1)", | ||
| "neutralIconText": "#8b949e", | ||
| "neutralIconBorder": "rgba(213,221,229,0.4)", | ||
| "neutralIndicatorBg": "#484f58", | ||
| "neutralIndicatorBorder": "#6e7681", | ||
| "warningIconBg": "rgba(187,128,9,0.1)", | ||
| "warningIconText": "#e3b341", | ||
| "warningIconBorder": "rgba(187,128,9,0.4)", | ||
| "warningBoxBorder": "rgba(187,128,9,0.4)", | ||
| "warningMergeHighlight": "rgba(187,128,9,0.1)", | ||
| "errorIconBg": "rgba(248,81,73,0.1)", | ||
| "errorIconText": "#f85149", | ||
| "errorIconBorder": "rgba(248,81,73,0.4)", | ||
| "errorIndicatorBg": "#da3633", | ||
| "errorIndicatorBorder": "#f85149" | ||
| }, | ||
| "project": { | ||
| "cardBg": "#161b22" | ||
| } | ||
| }; |
@@ -6,3 +6,3 @@ declare const _default: { | ||
| white: string; | ||
| grey: string[]; | ||
| gray: string[]; | ||
| blue: string[]; | ||
@@ -16,2 +16,14 @@ green: string[]; | ||
| }; | ||
| auto: { | ||
| black: string; | ||
| white: string; | ||
| gray: string[]; | ||
| blue: string[]; | ||
| green: string[]; | ||
| yellow: string[]; | ||
| orange: string[]; | ||
| red: string[]; | ||
| purple: string[]; | ||
| pink: string[]; | ||
| }; | ||
| text: { | ||
@@ -24,10 +36,9 @@ primary: string; | ||
| inverse: string; | ||
| linkPrimary: string; | ||
| linkSecondary: string; | ||
| linkTertiary: string; | ||
| link: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: string; | ||
| white: string; | ||
| }; | ||
| ic: { | ||
| icon: { | ||
| primary: string; | ||
@@ -41,15 +52,7 @@ secondary: string; | ||
| }; | ||
| hl: { | ||
| hoverPrimaryBg: string; | ||
| hoverPrimaryBorder: string; | ||
| hoverSecondaryBg: string; | ||
| hoverSecondaryBorder: string; | ||
| selectedPrimaryBg: string; | ||
| selectedPrimaryBorder: string; | ||
| }; | ||
| border: { | ||
| primary: string; | ||
| primaryLight: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| overlay: string; | ||
| inverse: string; | ||
@@ -63,3 +66,5 @@ info: string; | ||
| canvas: string; | ||
| canvasMobile: string; | ||
| canvasInverse: string; | ||
| canvasInset: string; | ||
| primary: string; | ||
@@ -69,41 +74,84 @@ secondary: string; | ||
| overlay: string; | ||
| selected: string; | ||
| backdrop: string; | ||
| info: string; | ||
| infoInverse: string; | ||
| danger: string; | ||
| dangerInverse: string; | ||
| success: string; | ||
| successInverse: string; | ||
| warning: string; | ||
| infoInverse: string; | ||
| dangerInverse: string; | ||
| successInverse: string; | ||
| warningInverse: string; | ||
| }; | ||
| shadow: { | ||
| small: string[]; | ||
| medium: string[]; | ||
| large: string[]; | ||
| extraLarge: string[]; | ||
| highlight: string[]; | ||
| inset: string[]; | ||
| focus: string[]; | ||
| small: string; | ||
| medium: string; | ||
| large: string; | ||
| extraLarge: 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: { | ||
| black10: string; | ||
| black15: string; | ||
| black30: string; | ||
| black50: string; | ||
| black70: string; | ||
| black85: string; | ||
| white10: string; | ||
| white15: string; | ||
| white30: string; | ||
| white50: string; | ||
| white70: string; | ||
| white85: string; | ||
| }; | ||
| alert: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| info: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| }; | ||
| warn: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| error: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| success: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| }; | ||
| autocomplete: { | ||
| shadow: string; | ||
| rowBorder: string; | ||
| }; | ||
| blankslate: { | ||
@@ -113,36 +161,141 @@ 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; | ||
| shadow: string; | ||
| insetShadow: string; | ||
| hoverBg: string; | ||
| hoverBorder: string; | ||
| selectedBg: string; | ||
| selectedShadow: string; | ||
| disabledText: string; | ||
| disabledBg: string; | ||
| disabledBorder: string; | ||
| focusBg: string; | ||
| focusBorder: string; | ||
| focusShadow: string; | ||
| icon: string; | ||
| counterBg: string; | ||
| }; | ||
| outline: { | ||
| text: string; | ||
| ic: string; | ||
| bgHover: string; | ||
| bgActive: string; | ||
| boxShadow: string; | ||
| boxShadowHighlight: string; | ||
| boxShadowInset: string; | ||
| boxShadowFocus: 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; | ||
| }; | ||
| danger: { | ||
| 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; | ||
| }; | ||
| counterBg: string; | ||
| }; | ||
| counter: { | ||
| text: string; | ||
| bg: string; | ||
| primary: { | ||
| text: string; | ||
| bg: string; | ||
| }; | ||
| secondary: { | ||
| text: string; | ||
| }; | ||
| }; | ||
| dropdown: { | ||
| shadow: string; | ||
| }; | ||
| label: { | ||
| border: string; | ||
| text: 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; | ||
| }; | ||
| }; | ||
| topic: { | ||
| tagBg: string; | ||
| tagBorder: string; | ||
| tagText: string; | ||
| }; | ||
| input: { | ||
| bg: string; | ||
| 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; | ||
| }; | ||
| }; | ||
| }; | ||
@@ -153,2 +306,3 @@ avatar: { | ||
| stackFadeMore: string; | ||
| childShadow: string; | ||
| }; | ||
@@ -165,29 +319,142 @@ toast: { | ||
| selectMenu: { | ||
| borderSecondary: string; | ||
| shadow: string; | ||
| backdropBg: string; | ||
| shadow: string; | ||
| backdropBorder: string; | ||
| tapHighlight: string; | ||
| tapFocusBg: string; | ||
| }; | ||
| box: { | ||
| blueBorder: string; | ||
| rowYellowBg: string; | ||
| rowBlueBg: string; | ||
| headerBlueBg: string; | ||
| headerBlueBorder: string; | ||
| borderInfo: string; | ||
| bgInfo: string; | ||
| borderWarning: string; | ||
| bgWarning: string; | ||
| }; | ||
| dropdown: { | ||
| branchName: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| link: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| }; | ||
| }; | ||
| markdown: { | ||
| codeBg: string; | ||
| frameBorder: string; | ||
| blockquoteBorder: string; | ||
| tableBorder: string; | ||
| tableTrBorder: string; | ||
| }; | ||
| menu: { | ||
| headingText: string; | ||
| borderActive: string; | ||
| bgActive: string; | ||
| }; | ||
| sidenav: { | ||
| selectedBg: string; | ||
| borderActive: string; | ||
| }; | ||
| tabnav: { | ||
| selectedBg: string; | ||
| }; | ||
| header: { | ||
| text: string; | ||
| bg: string; | ||
| logo: string; | ||
| }; | ||
| filterItem: { | ||
| barBg: string; | ||
| }; | ||
| hiddenTextExpander: { | ||
| bg: string; | ||
| bgHover: string; | ||
| }; | ||
| dragAndDrop: { | ||
| border: string; | ||
| }; | ||
| popover: { | ||
| uploadEnabled: { | ||
| border: string; | ||
| borderFocused: string; | ||
| }; | ||
| icFolder: string; | ||
| hlAuthorBg: string; | ||
| hlAuthorBorder: string; | ||
| logoSubdued: string; | ||
| diff: { | ||
| previewableCommentForm: { | ||
| border: string; | ||
| bg: string; | ||
| }; | ||
| 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; | ||
| }; | ||
| diffstat: { | ||
| neutralBg: string; | ||
| neutralBorder: string; | ||
| deletionBg: string; | ||
| deletionBgStrong: string; | ||
| deletionBorder: string; | ||
| deletionBorderStrong: string; | ||
| additionBg: string; | ||
| additionBgStrong: string; | ||
| additionBorder: string; | ||
| additionBorderStrong: string; | ||
| }; | ||
| iconFolder: string; | ||
| hlAuthorBg: string; | ||
| hlAuthorBorder: string; | ||
| logoSubdued: string; | ||
| discussionBorder: string; | ||
| discussionBgSuccess: string; | ||
| diffBlob: { | ||
| numText: string; | ||
| numHoverText: string; | ||
| addition: { | ||
| numBg: string; | ||
| lineBg: string; | ||
| wordBg: string; | ||
| }; | ||
| deletion: { | ||
| numBg: string; | ||
| lineBg: string; | ||
| wordBg: string; | ||
| }; | ||
| hunk: { | ||
| text: string; | ||
| numBg: string; | ||
| lineBg: string; | ||
| }; | ||
| emptyBlockBg: string; | ||
| selectedLineHighlightBg: string; | ||
| selectedLineHighlightBorder: string; | ||
| expander: { | ||
| icon: string; | ||
| hoverIcon: string; | ||
| hoverBg: string; | ||
| }; | ||
| commentButton: { | ||
| icon: string; | ||
| bg: string; | ||
| gradientBg: string; | ||
| }; | ||
| }; | ||
| globalNav: { | ||
@@ -197,5 +464,6 @@ logo: string; | ||
| text: string; | ||
| icon: string; | ||
| inputBg: string; | ||
| inputBorder: string; | ||
| inputIc: string; | ||
| inputIcon: string; | ||
| inputPlaceholder: string; | ||
@@ -215,2 +483,63 @@ }; | ||
| }; | ||
| 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; | ||
| successIndicatorBg: string; | ||
| successIndicatorBorder: string; | ||
| mergedIconBg: string; | ||
| mergedIconText: string; | ||
| mergedIconBorder: string; | ||
| mergedBoxBorder: string; | ||
| neutralIconBg: string; | ||
| neutralIconText: string; | ||
| neutralIconBorder: string; | ||
| neutralIndicatorBg: string; | ||
| neutralIndicatorBorder: string; | ||
| warningIconBg: string; | ||
| warningIconText: string; | ||
| warningIconBorder: string; | ||
| warningBoxBorder: string; | ||
| warningMergeHighlight: string; | ||
| errorIconBg: string; | ||
| errorIconText: string; | ||
| errorIconBorder: string; | ||
| errorIndicatorBg: string; | ||
| errorIndicatorBorder: string; | ||
| }; | ||
| project: { | ||
| cardBg: string; | ||
| }; | ||
| }; | ||
@@ -221,3 +550,3 @@ light: { | ||
| white: string; | ||
| grey: string[]; | ||
| gray: string[]; | ||
| blue: string[]; | ||
@@ -231,2 +560,14 @@ green: string[]; | ||
| }; | ||
| auto: { | ||
| black: string; | ||
| white: string; | ||
| gray: string[]; | ||
| blue: string[]; | ||
| green: string[]; | ||
| yellow: string[]; | ||
| orange: string[]; | ||
| red: string[]; | ||
| purple: string[]; | ||
| pink: string[]; | ||
| }; | ||
| text: { | ||
@@ -239,10 +580,9 @@ primary: string; | ||
| inverse: string; | ||
| linkPrimary: string; | ||
| linkSecondary: string; | ||
| linkTertiary: string; | ||
| link: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: string; | ||
| white: string; | ||
| }; | ||
| ic: { | ||
| icon: { | ||
| primary: string; | ||
@@ -256,15 +596,7 @@ secondary: string; | ||
| }; | ||
| hl: { | ||
| hoverPrimaryBg: string; | ||
| hoverPrimaryBorder: string; | ||
| hoverSecondaryBg: string; | ||
| hoverSecondaryBorder: string; | ||
| selectedPrimaryBg: string; | ||
| selectedPrimaryBorder: string; | ||
| }; | ||
| border: { | ||
| primary: string; | ||
| primaryLight: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| overlay: string; | ||
| inverse: string; | ||
@@ -278,3 +610,5 @@ info: string; | ||
| canvas: string; | ||
| canvasMobile: string; | ||
| canvasInverse: string; | ||
| canvasInset: string; | ||
| primary: string; | ||
@@ -284,41 +618,84 @@ secondary: string; | ||
| overlay: string; | ||
| selected: string; | ||
| backdrop: string; | ||
| info: string; | ||
| infoInverse: string; | ||
| danger: string; | ||
| dangerInverse: string; | ||
| success: string; | ||
| successInverse: string; | ||
| warning: string; | ||
| infoInverse: string; | ||
| dangerInverse: string; | ||
| successInverse: string; | ||
| warningInverse: string; | ||
| }; | ||
| shadow: { | ||
| small: string[]; | ||
| medium: string[]; | ||
| large: string[]; | ||
| extraLarge: string[]; | ||
| highlight: string[]; | ||
| inset: string[]; | ||
| focus: string[]; | ||
| small: string; | ||
| medium: string; | ||
| large: string; | ||
| extraLarge: 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: { | ||
| black10: string; | ||
| black15: string; | ||
| black30: string; | ||
| black50: string; | ||
| black70: string; | ||
| black85: string; | ||
| white10: string; | ||
| white15: string; | ||
| white30: string; | ||
| white50: string; | ||
| white70: string; | ||
| white85: string; | ||
| }; | ||
| alert: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| info: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| }; | ||
| warn: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| error: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| success: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| }; | ||
| autocomplete: { | ||
| shadow: string; | ||
| rowBorder: string; | ||
| }; | ||
| blankslate: { | ||
@@ -328,36 +705,141 @@ 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; | ||
| shadow: string; | ||
| insetShadow: string; | ||
| hoverBg: string; | ||
| hoverBorder: string; | ||
| selectedBg: string; | ||
| selectedShadow: string; | ||
| disabledText: string; | ||
| disabledBg: string; | ||
| disabledBorder: string; | ||
| focusBg: string; | ||
| focusBorder: string; | ||
| focusShadow: string; | ||
| icon: string; | ||
| counterBg: string; | ||
| }; | ||
| outline: { | ||
| text: string; | ||
| ic: string; | ||
| bgHover: string; | ||
| bgActive: string; | ||
| boxShadow: string; | ||
| boxShadowHighlight: string; | ||
| boxShadowInset: string; | ||
| boxShadowFocus: 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; | ||
| }; | ||
| danger: { | ||
| 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; | ||
| }; | ||
| counterBg: string; | ||
| }; | ||
| counter: { | ||
| text: string; | ||
| bg: string; | ||
| primary: { | ||
| text: string; | ||
| bg: string; | ||
| }; | ||
| secondary: { | ||
| text: string; | ||
| }; | ||
| }; | ||
| dropdown: { | ||
| shadow: string; | ||
| }; | ||
| label: { | ||
| border: string; | ||
| text: 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; | ||
| }; | ||
| }; | ||
| topic: { | ||
| tagBg: string; | ||
| tagBorder: string; | ||
| tagText: string; | ||
| }; | ||
| input: { | ||
| bg: string; | ||
| 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; | ||
| }; | ||
| }; | ||
| }; | ||
@@ -368,2 +850,3 @@ avatar: { | ||
| stackFadeMore: string; | ||
| childShadow: string; | ||
| }; | ||
@@ -380,29 +863,142 @@ toast: { | ||
| selectMenu: { | ||
| borderSecondary: string; | ||
| shadow: string; | ||
| backdropBg: string; | ||
| shadow: string; | ||
| backdropBorder: string; | ||
| tapHighlight: string; | ||
| tapFocusBg: string; | ||
| }; | ||
| box: { | ||
| blueBorder: string; | ||
| rowYellowBg: string; | ||
| rowBlueBg: string; | ||
| headerBlueBg: string; | ||
| headerBlueBorder: string; | ||
| borderInfo: string; | ||
| bgInfo: string; | ||
| borderWarning: string; | ||
| bgWarning: string; | ||
| }; | ||
| dropdown: { | ||
| branchName: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| link: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| }; | ||
| }; | ||
| markdown: { | ||
| codeBg: string; | ||
| frameBorder: string; | ||
| blockquoteBorder: string; | ||
| tableBorder: string; | ||
| tableTrBorder: string; | ||
| }; | ||
| menu: { | ||
| headingText: string; | ||
| borderActive: string; | ||
| bgActive: string; | ||
| }; | ||
| sidenav: { | ||
| selectedBg: string; | ||
| borderActive: string; | ||
| }; | ||
| tabnav: { | ||
| selectedBg: string; | ||
| }; | ||
| header: { | ||
| text: string; | ||
| bg: string; | ||
| logo: string; | ||
| }; | ||
| filterItem: { | ||
| barBg: string; | ||
| }; | ||
| hiddenTextExpander: { | ||
| bg: string; | ||
| bgHover: string; | ||
| }; | ||
| dragAndDrop: { | ||
| border: string; | ||
| }; | ||
| popover: { | ||
| uploadEnabled: { | ||
| border: string; | ||
| borderFocused: string; | ||
| }; | ||
| icFolder: string; | ||
| hlAuthorBg: string; | ||
| hlAuthorBorder: string; | ||
| logoSubdued: string; | ||
| diff: { | ||
| previewableCommentForm: { | ||
| border: string; | ||
| bg: string; | ||
| }; | ||
| 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; | ||
| }; | ||
| diffstat: { | ||
| neutralBg: string; | ||
| neutralBorder: string; | ||
| deletionBg: string; | ||
| deletionBgStrong: string; | ||
| deletionBorder: string; | ||
| deletionBorderStrong: string; | ||
| additionBg: string; | ||
| additionBgStrong: string; | ||
| additionBorder: string; | ||
| additionBorderStrong: string; | ||
| }; | ||
| iconFolder: string; | ||
| hlAuthorBg: string; | ||
| hlAuthorBorder: string; | ||
| logoSubdued: string; | ||
| discussionBorder: string; | ||
| discussionBgSuccess: string; | ||
| diffBlob: { | ||
| numText: string; | ||
| numHoverText: string; | ||
| addition: { | ||
| numBg: string; | ||
| lineBg: string; | ||
| wordBg: string; | ||
| }; | ||
| deletion: { | ||
| numBg: string; | ||
| lineBg: string; | ||
| wordBg: string; | ||
| }; | ||
| hunk: { | ||
| text: string; | ||
| numBg: string; | ||
| lineBg: string; | ||
| }; | ||
| emptyBlockBg: string; | ||
| selectedLineHighlightBg: string; | ||
| selectedLineHighlightBorder: string; | ||
| expander: { | ||
| icon: string; | ||
| hoverIcon: string; | ||
| hoverBg: string; | ||
| }; | ||
| commentButton: { | ||
| icon: string; | ||
| bg: string; | ||
| gradientBg: string; | ||
| }; | ||
| }; | ||
| globalNav: { | ||
@@ -412,5 +1008,6 @@ logo: string; | ||
| text: string; | ||
| icon: string; | ||
| inputBg: string; | ||
| inputBorder: string; | ||
| inputIc: string; | ||
| inputIcon: string; | ||
| inputPlaceholder: string; | ||
@@ -430,4 +1027,65 @@ }; | ||
| }; | ||
| 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; | ||
| successIndicatorBg: string; | ||
| successIndicatorBorder: string; | ||
| mergedIconBg: string; | ||
| mergedIconText: string; | ||
| mergedIconBorder: string; | ||
| mergedBoxBorder: string; | ||
| neutralIconBg: string; | ||
| neutralIconText: string; | ||
| neutralIconBorder: string; | ||
| neutralIndicatorBg: string; | ||
| neutralIndicatorBorder: string; | ||
| warningIconBg: string; | ||
| warningIconText: string; | ||
| warningIconBorder: string; | ||
| warningBoxBorder: string; | ||
| warningMergeHighlight: string; | ||
| errorIconBg: string; | ||
| errorIconText: string; | ||
| errorIconBorder: string; | ||
| errorIndicatorBg: string; | ||
| errorIndicatorBorder: string; | ||
| }; | ||
| project: { | ||
| cardBg: string; | ||
| }; | ||
| }; | ||
| }; | ||
| export default _default; |
@@ -5,3 +5,3 @@ declare const _default: { | ||
| white: string; | ||
| grey: string[]; | ||
| gray: string[]; | ||
| blue: string[]; | ||
@@ -15,2 +15,14 @@ green: string[]; | ||
| }; | ||
| auto: { | ||
| black: string; | ||
| white: string; | ||
| gray: string[]; | ||
| blue: string[]; | ||
| green: string[]; | ||
| yellow: string[]; | ||
| orange: string[]; | ||
| red: string[]; | ||
| purple: string[]; | ||
| pink: string[]; | ||
| }; | ||
| text: { | ||
@@ -23,10 +35,9 @@ primary: string; | ||
| inverse: string; | ||
| linkPrimary: string; | ||
| linkSecondary: string; | ||
| linkTertiary: string; | ||
| link: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: string; | ||
| white: string; | ||
| }; | ||
| ic: { | ||
| icon: { | ||
| primary: string; | ||
@@ -40,15 +51,7 @@ secondary: string; | ||
| }; | ||
| hl: { | ||
| hoverPrimaryBg: string; | ||
| hoverPrimaryBorder: string; | ||
| hoverSecondaryBg: string; | ||
| hoverSecondaryBorder: string; | ||
| selectedPrimaryBg: string; | ||
| selectedPrimaryBorder: string; | ||
| }; | ||
| border: { | ||
| primary: string; | ||
| primaryLight: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| overlay: string; | ||
| inverse: string; | ||
@@ -62,3 +65,5 @@ info: string; | ||
| canvas: string; | ||
| canvasMobile: string; | ||
| canvasInverse: string; | ||
| canvasInset: string; | ||
| primary: string; | ||
@@ -68,41 +73,84 @@ secondary: string; | ||
| overlay: string; | ||
| selected: string; | ||
| backdrop: string; | ||
| info: string; | ||
| infoInverse: string; | ||
| danger: string; | ||
| dangerInverse: string; | ||
| success: string; | ||
| successInverse: string; | ||
| warning: string; | ||
| infoInverse: string; | ||
| dangerInverse: string; | ||
| successInverse: string; | ||
| warningInverse: string; | ||
| }; | ||
| shadow: { | ||
| small: string[]; | ||
| medium: string[]; | ||
| large: string[]; | ||
| extraLarge: string[]; | ||
| highlight: string[]; | ||
| inset: string[]; | ||
| focus: string[]; | ||
| small: string; | ||
| medium: string; | ||
| large: string; | ||
| extraLarge: 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: { | ||
| black10: string; | ||
| black15: string; | ||
| black30: string; | ||
| black50: string; | ||
| black70: string; | ||
| black85: string; | ||
| white10: string; | ||
| white15: string; | ||
| white30: string; | ||
| white50: string; | ||
| white70: string; | ||
| white85: string; | ||
| }; | ||
| alert: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| info: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| }; | ||
| warn: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| error: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| success: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| }; | ||
| autocomplete: { | ||
| shadow: string; | ||
| rowBorder: string; | ||
| }; | ||
| blankslate: { | ||
@@ -112,36 +160,141 @@ 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; | ||
| shadow: string; | ||
| insetShadow: string; | ||
| hoverBg: string; | ||
| hoverBorder: string; | ||
| selectedBg: string; | ||
| selectedShadow: string; | ||
| disabledText: string; | ||
| disabledBg: string; | ||
| disabledBorder: string; | ||
| focusBg: string; | ||
| focusBorder: string; | ||
| focusShadow: string; | ||
| icon: string; | ||
| counterBg: string; | ||
| }; | ||
| outline: { | ||
| text: string; | ||
| ic: string; | ||
| bgHover: string; | ||
| bgActive: string; | ||
| boxShadow: string; | ||
| boxShadowHighlight: string; | ||
| boxShadowInset: string; | ||
| boxShadowFocus: 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; | ||
| }; | ||
| danger: { | ||
| 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; | ||
| }; | ||
| counterBg: string; | ||
| }; | ||
| counter: { | ||
| text: string; | ||
| bg: string; | ||
| primary: { | ||
| text: string; | ||
| bg: string; | ||
| }; | ||
| secondary: { | ||
| text: string; | ||
| }; | ||
| }; | ||
| dropdown: { | ||
| shadow: string; | ||
| }; | ||
| label: { | ||
| border: string; | ||
| text: 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; | ||
| }; | ||
| }; | ||
| topic: { | ||
| tagBg: string; | ||
| tagBorder: string; | ||
| tagText: string; | ||
| }; | ||
| input: { | ||
| bg: string; | ||
| 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; | ||
| }; | ||
| }; | ||
| }; | ||
@@ -152,2 +305,3 @@ avatar: { | ||
| stackFadeMore: string; | ||
| childShadow: string; | ||
| }; | ||
@@ -164,29 +318,142 @@ toast: { | ||
| selectMenu: { | ||
| borderSecondary: string; | ||
| shadow: string; | ||
| backdropBg: string; | ||
| shadow: string; | ||
| backdropBorder: string; | ||
| tapHighlight: string; | ||
| tapFocusBg: string; | ||
| }; | ||
| box: { | ||
| blueBorder: string; | ||
| rowYellowBg: string; | ||
| rowBlueBg: string; | ||
| headerBlueBg: string; | ||
| headerBlueBorder: string; | ||
| borderInfo: string; | ||
| bgInfo: string; | ||
| borderWarning: string; | ||
| bgWarning: string; | ||
| }; | ||
| dropdown: { | ||
| branchName: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| link: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| }; | ||
| }; | ||
| markdown: { | ||
| codeBg: string; | ||
| frameBorder: string; | ||
| blockquoteBorder: string; | ||
| tableBorder: string; | ||
| tableTrBorder: string; | ||
| }; | ||
| menu: { | ||
| headingText: string; | ||
| borderActive: string; | ||
| bgActive: string; | ||
| }; | ||
| sidenav: { | ||
| selectedBg: string; | ||
| borderActive: string; | ||
| }; | ||
| tabnav: { | ||
| selectedBg: string; | ||
| }; | ||
| header: { | ||
| text: string; | ||
| bg: string; | ||
| logo: string; | ||
| }; | ||
| filterItem: { | ||
| barBg: string; | ||
| }; | ||
| hiddenTextExpander: { | ||
| bg: string; | ||
| bgHover: string; | ||
| }; | ||
| dragAndDrop: { | ||
| border: string; | ||
| }; | ||
| popover: { | ||
| uploadEnabled: { | ||
| border: string; | ||
| borderFocused: string; | ||
| }; | ||
| icFolder: string; | ||
| hlAuthorBg: string; | ||
| hlAuthorBorder: string; | ||
| logoSubdued: string; | ||
| diff: { | ||
| previewableCommentForm: { | ||
| border: string; | ||
| bg: string; | ||
| }; | ||
| 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; | ||
| }; | ||
| diffstat: { | ||
| neutralBg: string; | ||
| neutralBorder: string; | ||
| deletionBg: string; | ||
| deletionBgStrong: string; | ||
| deletionBorder: string; | ||
| deletionBorderStrong: string; | ||
| additionBg: string; | ||
| additionBgStrong: string; | ||
| additionBorder: string; | ||
| additionBorderStrong: string; | ||
| }; | ||
| iconFolder: string; | ||
| hlAuthorBg: string; | ||
| hlAuthorBorder: string; | ||
| logoSubdued: string; | ||
| discussionBorder: string; | ||
| discussionBgSuccess: string; | ||
| diffBlob: { | ||
| numText: string; | ||
| numHoverText: string; | ||
| addition: { | ||
| numBg: string; | ||
| lineBg: string; | ||
| wordBg: string; | ||
| }; | ||
| deletion: { | ||
| numBg: string; | ||
| lineBg: string; | ||
| wordBg: string; | ||
| }; | ||
| hunk: { | ||
| text: string; | ||
| numBg: string; | ||
| lineBg: string; | ||
| }; | ||
| emptyBlockBg: string; | ||
| selectedLineHighlightBg: string; | ||
| selectedLineHighlightBorder: string; | ||
| expander: { | ||
| icon: string; | ||
| hoverIcon: string; | ||
| hoverBg: string; | ||
| }; | ||
| commentButton: { | ||
| icon: string; | ||
| bg: string; | ||
| gradientBg: string; | ||
| }; | ||
| }; | ||
| globalNav: { | ||
@@ -196,5 +463,6 @@ logo: string; | ||
| text: string; | ||
| icon: string; | ||
| inputBg: string; | ||
| inputBorder: string; | ||
| inputIc: string; | ||
| inputIcon: string; | ||
| inputPlaceholder: string; | ||
@@ -214,3 +482,64 @@ }; | ||
| }; | ||
| 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; | ||
| successIndicatorBg: string; | ||
| successIndicatorBorder: string; | ||
| mergedIconBg: string; | ||
| mergedIconText: string; | ||
| mergedIconBorder: string; | ||
| mergedBoxBorder: string; | ||
| neutralIconBg: string; | ||
| neutralIconText: string; | ||
| neutralIconBorder: string; | ||
| neutralIndicatorBg: string; | ||
| neutralIndicatorBorder: string; | ||
| warningIconBg: string; | ||
| warningIconText: string; | ||
| warningIconBorder: string; | ||
| warningBoxBorder: string; | ||
| warningMergeHighlight: string; | ||
| errorIconBg: string; | ||
| errorIconText: string; | ||
| errorIconBorder: string; | ||
| errorIndicatorBg: string; | ||
| errorIndicatorBorder: string; | ||
| }; | ||
| project: { | ||
| cardBg: string; | ||
| }; | ||
| }; | ||
| export default _default; |
@@ -7,3 +7,3 @@ "use strict"; | ||
| "white": "#ffffff", | ||
| "grey": [ | ||
| "gray": [ | ||
| "#fafbfc", | ||
@@ -105,2 +105,102 @@ "#f6f8fa", | ||
| }, | ||
| "auto": { | ||
| "black": "#1b1f23", | ||
| "white": "#ffffff", | ||
| "gray": [ | ||
| "#fafbfc", | ||
| "#f6f8fa", | ||
| "#e1e4e8", | ||
| "#d1d5da", | ||
| "#959da5", | ||
| "#6a737d", | ||
| "#586069", | ||
| "#444d56", | ||
| "#2f363d", | ||
| "#24292e" | ||
| ], | ||
| "blue": [ | ||
| "#f1f8ff", | ||
| "#dbedff", | ||
| "#c8e1ff", | ||
| "#79b8ff", | ||
| "#2188ff", | ||
| "#0366d6", | ||
| "#005cc5", | ||
| "#044289", | ||
| "#032f62", | ||
| "#05264c" | ||
| ], | ||
| "green": [ | ||
| "#f0fff4", | ||
| "#dcffe4", | ||
| "#bef5cb", | ||
| "#85e89d", | ||
| "#34d058", | ||
| "#28a745", | ||
| "#22863a", | ||
| "#176f2c", | ||
| "#165c26", | ||
| "#144620" | ||
| ], | ||
| "yellow": [ | ||
| "#fffdef", | ||
| "#fffbdd", | ||
| "#fff5b1", | ||
| "#ffea7f", | ||
| "#ffdf5d", | ||
| "#ffd33d", | ||
| "#f9c513", | ||
| "#dbab09", | ||
| "#b08800", | ||
| "#735c0f" | ||
| ], | ||
| "orange": [ | ||
| "#fff8f2", | ||
| "#ffebda", | ||
| "#ffd1ac", | ||
| "#ffab70", | ||
| "#fb8532", | ||
| "#f66a0a", | ||
| "#e36209", | ||
| "#d15704", | ||
| "#c24e00", | ||
| "#a04100" | ||
| ], | ||
| "red": [ | ||
| "#ffeef0", | ||
| "#ffdce0", | ||
| "#fdaeb7", | ||
| "#f97583", | ||
| "#ea4a5a", | ||
| "#d73a49", | ||
| "#cb2431", | ||
| "#b31d28", | ||
| "#9e1c23", | ||
| "#86181d" | ||
| ], | ||
| "purple": [ | ||
| "#f5f0ff", | ||
| "#e6dcfd", | ||
| "#d1bcf9", | ||
| "#b392f0", | ||
| "#8a63d2", | ||
| "#6f42c1", | ||
| "#5a32a3", | ||
| "#4c2889", | ||
| "#3a1d6e", | ||
| "#29134e" | ||
| ], | ||
| "pink": [ | ||
| "#ffeef8", | ||
| "#fedbf0", | ||
| "#f9b3dd", | ||
| "#f692ce", | ||
| "#ec6cb9", | ||
| "#ea4aaa", | ||
| "#d03592", | ||
| "#b93a86", | ||
| "#99306f", | ||
| "#6d224f" | ||
| ] | ||
| }, | ||
| "text": { | ||
@@ -110,13 +210,12 @@ "primary": "#24292e", | ||
| "tertiary": "#6a737d", | ||
| "placeholder": "#d1d5da", | ||
| "disabled": "#d1d5da", | ||
| "placeholder": "#6a737d", | ||
| "disabled": "#6a737d", | ||
| "inverse": "#ffffff", | ||
| "linkPrimary": "#0366d6", | ||
| "linkSecondary": "#24292e", | ||
| "linkTertiary": "#586069", | ||
| "danger": "#d73a49", | ||
| "link": "#0366d6", | ||
| "danger": "#cb2431", | ||
| "success": "#22863a", | ||
| "warning": "#b08800" | ||
| "warning": "#b08800", | ||
| "white": "#ffffff" | ||
| }, | ||
| "ic": { | ||
| "icon": { | ||
| "primary": "#24292e", | ||
@@ -130,105 +229,104 @@ "secondary": "#586069", | ||
| }, | ||
| "hl": { | ||
| "hoverPrimaryBg": "#0366d6", | ||
| "hoverPrimaryBorder": "#0366d6", | ||
| "hoverSecondaryBg": "#f6f8fa", | ||
| "hoverSecondaryBorder": "#f6f8fa", | ||
| "selectedPrimaryBg": "#0366d6", | ||
| "selectedPrimaryBorder": "#0366d6" | ||
| }, | ||
| "border": { | ||
| "primary": "#e1e4e8", | ||
| "primaryLight": "#eaecef", | ||
| "secondary": "#d1d5da", | ||
| "tertiary": "#fafbfc", | ||
| "secondary": "#eaecef", | ||
| "tertiary": "#d1d5da", | ||
| "overlay": "#e1e4e8", | ||
| "inverse": "#ffffff", | ||
| "info": "#0366d6", | ||
| "danger": "#d73a49", | ||
| "success": "#28a745", | ||
| "warning": "#dbab09" | ||
| "success": "#34d058", | ||
| "warning": "#f9c513" | ||
| }, | ||
| "bg": { | ||
| "canvas": "#ffffff", | ||
| "canvasMobile": "#ffffff", | ||
| "canvasInverse": "#24292e", | ||
| "canvasInset": "#f6f8fa", | ||
| "primary": "#ffffff", | ||
| "secondary": "#f6f8fa", | ||
| "tertiary": "#fafbfc", | ||
| "secondary": "#fafbfc", | ||
| "tertiary": "#f6f8fa", | ||
| "overlay": "#ffffff", | ||
| "selected": "#0366d6", | ||
| "info": "#dbedff", | ||
| "danger": "#ffdce0", | ||
| "success": "#dcffe4", | ||
| "warning": "#fff5b1", | ||
| "backdrop": "rgba(27,31,35,0.5)", | ||
| "info": "#f1f8ff", | ||
| "infoInverse": "#0366d6", | ||
| "danger": "#ffeef0", | ||
| "dangerInverse": "#d73a49", | ||
| "success": "#dcffe4", | ||
| "successInverse": "#28a745", | ||
| "warningInverse": "#dbab09" | ||
| "warning": "#fff5b1", | ||
| "warningInverse": "#ffd33d" | ||
| }, | ||
| "shadow": { | ||
| "small": [ | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(27,31,35,0.04)" | ||
| ], | ||
| "medium": [ | ||
| "0", | ||
| "3px", | ||
| "6px", | ||
| "rgba(149,157,165,0.15)" | ||
| ], | ||
| "large": [ | ||
| "0", | ||
| "8px", | ||
| "24px", | ||
| "rgba(149,157,165,0.2)" | ||
| ], | ||
| "extraLarge": [ | ||
| "0", | ||
| "12px", | ||
| "48px", | ||
| "rgba(149,157,165,0.3)" | ||
| ], | ||
| "highlight": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(255,255,255,0.25)" | ||
| ], | ||
| "inset": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(225,228,232,0.2)" | ||
| ], | ||
| "focus": [ | ||
| "0", | ||
| "0", | ||
| "0", | ||
| "3px", | ||
| "rgba(3,102,214,0.3)" | ||
| ] | ||
| "small": "0 1px 0 rgba(27,31,35,0.04)", | ||
| "medium": "0 3px 6px rgba(149,157,165,0.15)", | ||
| "large": "0 8px 24px rgba(149,157,165,0.2)", | ||
| "extraLarge": "0 12px 48px rgba(149,157,165,0.3)", | ||
| "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)", | ||
| "inset": "inset 0 1px 0 rgba(225,228,232,0.2)" | ||
| }, | ||
| "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": { | ||
| "black10": "rgba(27,31,35,0.1)", | ||
| "black15": "rgba(27,31,35,0.15)", | ||
| "black30": "rgba(27,31,35,0.3)", | ||
| "black50": "rgba(27,31,35,0.5)", | ||
| "black70": "rgba(27,31,35,0.7)", | ||
| "black85": "rgba(27,31,35,0.85)", | ||
| "white10": "rgba(255,255,255,0.1)", | ||
| "white15": "rgba(255,255,255,0.15)", | ||
| "white30": "rgba(255,255,255,0.3)", | ||
| "white50": "rgba(255,255,255,0.5)", | ||
| "white70": "rgba(255,255,255,0.7)", | ||
| "white85": "rgba(255,255,255,0.85)" | ||
| }, | ||
| "alert": { | ||
| "bg": "#dbedff", | ||
| "border": "rgba(4,66,137,0.2)", | ||
| "icon": "rgba(4,66,137,0.6)", | ||
| "info": { | ||
| "text": "#24292e", | ||
| "icon": "rgba(4,66,137,0.6)", | ||
| "bg": "#dbedff", | ||
| "border": "rgba(4,66,137,0.2)" | ||
| }, | ||
| "warn": { | ||
| "text": "#24292e", | ||
| "icon": "#b08800", | ||
| "bg": "#fffbdd", | ||
| "border": "rgba(176,136,0,0.2)", | ||
| "icon": "#b08800" | ||
| "border": "rgba(176,136,0,0.2)" | ||
| }, | ||
| "error": { | ||
| "text": "#24292e", | ||
| "icon": "rgba(158,28,35,0.6)", | ||
| "bg": "#ffe3e6", | ||
| "border": "rgba(158,28,35,0.2)", | ||
| "icon": "rgba(158,28,35,0.6)" | ||
| "border": "rgba(158,28,35,0.2)" | ||
| }, | ||
| "success": { | ||
| "text": "#24292e", | ||
| "icon": "rgba(23,111,44,0.8)", | ||
| "bg": "#dcffe4", | ||
| "border": "rgba(23,111,44,0.2)", | ||
| "icon": "rgba(23,111,44,0.8)" | ||
| "border": "rgba(23,111,44,0.2)" | ||
| } | ||
| }, | ||
| "autocomplete": { | ||
| "shadow": "0 3px 6px rgba(149,157,165,0.15)", | ||
| "rowBorder": "#eaecef" | ||
| }, | ||
| "blankslate": { | ||
@@ -238,53 +336,147 @@ "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": "inset 0 0.15em 0.3em rgba(27,31,35,0.15)", | ||
| "shadowInputFocus": "0 0 0 0.2em rgba(3,102,214,0.3)", | ||
| "primary": { | ||
| "text": "#ffffff", | ||
| "bg": "#2ea44f", | ||
| "border": "rgba(27,31,35,0.15)", | ||
| "text": "#ffffff", | ||
| "ic": "#ffffff", | ||
| "bgHover": "#1b1f23", | ||
| "bgActive": "#1b1f23", | ||
| "boxShadow": "#1b1f23", | ||
| "boxShadowHighlight": "#1b1f23", | ||
| "boxShadowInset": "#1b1f23", | ||
| "boxShadowFocus": "#1b1f23" | ||
| } | ||
| "shadow": "0 1px 0 rgba(27,31,35,0.1)", | ||
| "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)", | ||
| "hoverBg": "#2c974b", | ||
| "hoverBorder": "rgba(27,31,35,0.15)", | ||
| "selectedBg": "#2a8f47", | ||
| "selectedShadow": "inset 0 1px 0 rgba(20,70,32,0.2)", | ||
| "disabledText": "rgba(255,255,255,0.8)", | ||
| "disabledBg": "#94d3a2", | ||
| "disabledBorder": "rgba(27,31,35,0.1)", | ||
| "focusBg": "#2ea44f", | ||
| "focusBorder": "rgba(27,31,35,0.15)", | ||
| "focusShadow": "0 0 0 3px rgba(46,164,79,0.4)", | ||
| "icon": "rgba(255,255,255,0.8)", | ||
| "counterBg": "rgba(255,255,255,0.2)" | ||
| }, | ||
| "outline": { | ||
| "text": "#0366d6", | ||
| "hoverText": "#ffffff", | ||
| "hoverBg": "#0366d6", | ||
| "hoverBorder": "rgba(27,31,35,0.15)", | ||
| "hoverShadow": "0 1px 0 rgba(27,31,35,0.1)", | ||
| "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)", | ||
| "hoverCounterBg": "rgba(255,255,255,0.2)", | ||
| "selectedText": "#ffffff", | ||
| "selectedBg": "#035fc7", | ||
| "selectedBorder": "rgba(27,31,35,0.15)", | ||
| "selectedShadow": "inset 0 1px 0 rgba(5,38,76,0.2)", | ||
| "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 0 0 3px rgba(0,92,197,0.4)", | ||
| "counterBg": "rgba(3,102,214,0.1)" | ||
| }, | ||
| "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 0 1px 0 rgba(255,255,255,0.03)", | ||
| "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(203,36,49,0.4)", | ||
| "counterBg": "rgba(215,58,73,0.1)" | ||
| }, | ||
| "counterBg": "rgba(27,31,35,0.08)" | ||
| }, | ||
| "counter": { | ||
| "text": "#24292e", | ||
| "bg": "rgba(209,213,218,0.5)", | ||
| "border": "rgba(209,213,218,0.5)", | ||
| "text": "#24292e" | ||
| "primary": { | ||
| "text": "#ffffff", | ||
| "bg": "#6a737d" | ||
| }, | ||
| "secondary": { | ||
| "text": "#6a737d" | ||
| } | ||
| }, | ||
| "topic": { | ||
| "tagBg": "#f1f8ff", | ||
| "tagBorder": "#f1f8ff", | ||
| "tagText": "#0366d6" | ||
| "dropdown": { | ||
| "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", | ||
| "shadow": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "2px", | ||
| "rgba(27,31,35,0.075)" | ||
| ], | ||
| "shadowFocus": [ | ||
| "0", | ||
| "0", | ||
| "0", | ||
| "0.2em", | ||
| "rgba(3,102,214,0.3)" | ||
| ] | ||
| "border": "#e1e4e8", | ||
| "shadow": "inset 0 1px 2px rgba(27,31,35,0.075)", | ||
| "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", | ||
| "stackFadeMore": "#e1e4e8" | ||
| "stackFadeMore": "#e1e4e8", | ||
| "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)" | ||
| }, | ||
@@ -301,28 +493,141 @@ "toast": { | ||
| "selectMenu": { | ||
| "borderSecondary": "#eaecef", | ||
| "shadow": "0 0 18px rgba(27,31,35,0.4)", | ||
| "backdropBg": "rgba(27,31,35,0.5)", | ||
| "shadow": "rgba(27,31,35,0.4)" | ||
| "backdropBorder": "rgba(0,0,0,0)", | ||
| "tapHighlight": "rgba(209,213,218,0.5)", | ||
| "tapFocusBg": "#dbedff" | ||
| }, | ||
| "box": { | ||
| "blueBorder": "#c8e1ff" | ||
| "blueBorder": "#c8e1ff", | ||
| "rowYellowBg": "#fffbdd", | ||
| "rowBlueBg": "#f1f8ff", | ||
| "headerBlueBg": "#f1f8ff", | ||
| "headerBlueBorder": "#c8e1ff", | ||
| "borderInfo": "rgba(3,102,214,0.2)", | ||
| "bgInfo": "#f1f8ff", | ||
| "borderWarning": "rgba(255,211,61,0.4)", | ||
| "bgWarning": "#fffdef" | ||
| }, | ||
| "dropdown": { | ||
| "border": "rgba(27,31,35,0.15)" | ||
| "branchName": { | ||
| "text": "rgba(27,31,35,0.6)", | ||
| "icon": "#a8bbd0", | ||
| "bg": "#eaf5ff", | ||
| "link": { | ||
| "text": "#0366d6", | ||
| "icon": "#a8bbd0", | ||
| "bg": "#eaf5ff" | ||
| } | ||
| }, | ||
| "popover": { | ||
| "border": "rgba(27,31,35,0.15)" | ||
| "markdown": { | ||
| "codeBg": "rgba(27,31,35,0.05)", | ||
| "frameBorder": "#dfe2e5", | ||
| "blockquoteBorder": "#dfe2e5", | ||
| "tableBorder": "#dfe2e5", | ||
| "tableTrBorder": "#c6cbd1" | ||
| }, | ||
| "icFolder": "#79b8ff", | ||
| "menu": { | ||
| "headingText": "#24292e", | ||
| "borderActive": "#f9826c", | ||
| "bgActive": "rgba(0,0,0,0)" | ||
| }, | ||
| "sidenav": { | ||
| "selectedBg": "#ffffff", | ||
| "borderActive": "#f9826c" | ||
| }, | ||
| "tabnav": { | ||
| "selectedBg": "#ffffff" | ||
| }, | ||
| "header": { | ||
| "text": "rgba(255,255,255,0.7)", | ||
| "bg": "#24292e", | ||
| "logo": "#ffffff" | ||
| }, | ||
| "filterItem": { | ||
| "barBg": "#eff3f6" | ||
| }, | ||
| "hiddenTextExpander": { | ||
| "bg": "#dfe2e5", | ||
| "bgHover": "#c6cbd1" | ||
| }, | ||
| "dragAndDrop": { | ||
| "border": "#c3c8cf" | ||
| }, | ||
| "uploadEnabled": { | ||
| "border": "#dfe2e5", | ||
| "borderFocused": "#4a9eff" | ||
| }, | ||
| "previewableCommentForm": { | ||
| "border": "#c3c8cf", | ||
| "bg": "#ffffff" | ||
| }, | ||
| "underlinenav": { | ||
| "border": "rgba(209,213,218,0)", | ||
| "borderHover": "#d1d5da", | ||
| "borderActive": "#f9826c", | ||
| "text": "#24292e", | ||
| "textHover": "#24292e", | ||
| "textActive": "#24292e", | ||
| "icon": "#959da5", | ||
| "iconHover": "#959da5", | ||
| "iconActive": "#24292e", | ||
| "counterText": "#24292e" | ||
| }, | ||
| "verifiedBadge": { | ||
| "text": "#22863a", | ||
| "bg": "#ffffff", | ||
| "border": "#e1e4e8" | ||
| }, | ||
| "socialCount": { | ||
| "bg": "#ffffff" | ||
| }, | ||
| "headerSearch": { | ||
| "bg": "#24292e", | ||
| "border": "#444d56" | ||
| }, | ||
| "diffstat": { | ||
| "neutralBg": "#d1d5da", | ||
| "neutralBorder": "#d1d5da", | ||
| "deletionBg": "#d73a49", | ||
| "deletionBorder": "#d73a49", | ||
| "additionBg": "#28a745", | ||
| "additionBorder": "#28a745" | ||
| }, | ||
| "iconFolder": "#79b8ff", | ||
| "hlAuthorBg": "#f1f8ff", | ||
| "hlAuthorBorder": "#c8e1ff", | ||
| "logoSubdued": "#d1d5da", | ||
| "diff": { | ||
| "neutralBg": "#d1d5da", | ||
| "deletionBg": "#cb2431", | ||
| "deletionBgStrong": "#1b1f23", | ||
| "deletionBorder": "#1b1f23", | ||
| "deletionBorderStrong": "#1b1f23", | ||
| "additionBg": "#2cbe4e", | ||
| "additionBgStrong": "#1b1f23", | ||
| "additionBorder": "#1b1f23", | ||
| "additionBorderStrong": "#1b1f23" | ||
| "discussionBorder": "#a2cbac", | ||
| "discussionBgSuccess": "#28a745", | ||
| "diffBlob": { | ||
| "numText": "rgba(27,31,35,0.3)", | ||
| "numHoverText": "rgba(27,31,35,0.6)", | ||
| "addition": { | ||
| "numBg": "#cdffd8", | ||
| "lineBg": "#e6ffed", | ||
| "wordBg": "#acf2bd" | ||
| }, | ||
| "deletion": { | ||
| "numBg": "#ffdce0", | ||
| "lineBg": "#ffeef0", | ||
| "wordBg": "#fdb8c0" | ||
| }, | ||
| "hunk": { | ||
| "text": "rgba(27,31,35,0.7)", | ||
| "numBg": "#dbedff", | ||
| "lineBg": "#f1f8ff" | ||
| }, | ||
| "emptyBlockBg": "#fafbfc", | ||
| "selectedLineHighlightBg": "rgba(255,223,93,0.2)", | ||
| "selectedLineHighlightBorder": "#ffd33d", | ||
| "expander": { | ||
| "icon": "#586069", | ||
| "hoverIcon": "#ffffff", | ||
| "hoverBg": "#0366d6" | ||
| }, | ||
| "commentButton": { | ||
| "icon": "#ffffff", | ||
| "bg": "#0366d6", | ||
| "gradientBg": "#0372ef" | ||
| } | ||
| }, | ||
@@ -333,6 +638,7 @@ "globalNav": { | ||
| "text": "#ffffff", | ||
| "icon": "#ffffff", | ||
| "inputBg": "#fafbfc", | ||
| "inputBorder": "#fafbfc", | ||
| "inputIc": "#1b1f23", | ||
| "inputPlaceholder": "#1b1f23" | ||
| "inputIcon": "#d1d5da", | ||
| "inputPlaceholder": "#959da5" | ||
| }, | ||
@@ -350,3 +656,64 @@ "calendarGraph": { | ||
| "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)", | ||
| "successIndicatorBg": "#28a745", | ||
| "successIndicatorBorder": "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)", | ||
| "neutralIndicatorBg": "#6a737d", | ||
| "neutralIndicatorBorder": "rgba(0,0,0,0)", | ||
| "warningIconBg": "#dbab09", | ||
| "warningIconText": "#ffffff", | ||
| "warningIconBorder": "rgba(0,0,0,0)", | ||
| "warningBoxBorder": "#ffd33d", | ||
| "warningMergeHighlight": "rgba(0,0,0,0)", | ||
| "errorIconBg": "#d73a49", | ||
| "errorIconText": "#ffffff", | ||
| "errorIconBorder": "rgba(0,0,0,0)", | ||
| "errorIndicatorBg": "#d73a49", | ||
| "errorIndicatorBorder": "rgba(0,0,0,0)" | ||
| }, | ||
| "project": { | ||
| "cardBg": "#ffffff" | ||
| } | ||
| }; |
@@ -7,3 +7,3 @@ declare const _default: { | ||
| white: string; | ||
| grey: string[]; | ||
| gray: string[]; | ||
| blue: string[]; | ||
@@ -17,2 +17,14 @@ green: string[]; | ||
| }; | ||
| auto: { | ||
| black: string; | ||
| white: string; | ||
| gray: string[]; | ||
| blue: string[]; | ||
| green: string[]; | ||
| yellow: string[]; | ||
| orange: string[]; | ||
| red: string[]; | ||
| purple: string[]; | ||
| pink: string[]; | ||
| }; | ||
| text: { | ||
@@ -25,10 +37,9 @@ primary: string; | ||
| inverse: string; | ||
| linkPrimary: string; | ||
| linkSecondary: string; | ||
| linkTertiary: string; | ||
| link: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: string; | ||
| white: string; | ||
| }; | ||
| ic: { | ||
| icon: { | ||
| primary: string; | ||
@@ -42,15 +53,7 @@ secondary: string; | ||
| }; | ||
| hl: { | ||
| hoverPrimaryBg: string; | ||
| hoverPrimaryBorder: string; | ||
| hoverSecondaryBg: string; | ||
| hoverSecondaryBorder: string; | ||
| selectedPrimaryBg: string; | ||
| selectedPrimaryBorder: string; | ||
| }; | ||
| border: { | ||
| primary: string; | ||
| primaryLight: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| overlay: string; | ||
| inverse: string; | ||
@@ -64,3 +67,5 @@ info: string; | ||
| canvas: string; | ||
| canvasMobile: string; | ||
| canvasInverse: string; | ||
| canvasInset: string; | ||
| primary: string; | ||
@@ -70,41 +75,84 @@ secondary: string; | ||
| overlay: string; | ||
| selected: string; | ||
| backdrop: string; | ||
| info: string; | ||
| infoInverse: string; | ||
| danger: string; | ||
| dangerInverse: string; | ||
| success: string; | ||
| successInverse: string; | ||
| warning: string; | ||
| infoInverse: string; | ||
| dangerInverse: string; | ||
| successInverse: string; | ||
| warningInverse: string; | ||
| }; | ||
| shadow: { | ||
| small: string[]; | ||
| medium: string[]; | ||
| large: string[]; | ||
| extraLarge: string[]; | ||
| highlight: string[]; | ||
| inset: string[]; | ||
| focus: string[]; | ||
| small: string; | ||
| medium: string; | ||
| large: string; | ||
| extraLarge: 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: { | ||
| black10: string; | ||
| black15: string; | ||
| black30: string; | ||
| black50: string; | ||
| black70: string; | ||
| black85: string; | ||
| white10: string; | ||
| white15: string; | ||
| white30: string; | ||
| white50: string; | ||
| white70: string; | ||
| white85: string; | ||
| }; | ||
| alert: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| info: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| }; | ||
| warn: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| error: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| success: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| }; | ||
| autocomplete: { | ||
| shadow: string; | ||
| rowBorder: string; | ||
| }; | ||
| blankslate: { | ||
@@ -114,36 +162,141 @@ 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; | ||
| shadow: string; | ||
| insetShadow: string; | ||
| hoverBg: string; | ||
| hoverBorder: string; | ||
| selectedBg: string; | ||
| selectedShadow: string; | ||
| disabledText: string; | ||
| disabledBg: string; | ||
| disabledBorder: string; | ||
| focusBg: string; | ||
| focusBorder: string; | ||
| focusShadow: string; | ||
| icon: string; | ||
| counterBg: string; | ||
| }; | ||
| outline: { | ||
| text: string; | ||
| ic: string; | ||
| bgHover: string; | ||
| bgActive: string; | ||
| boxShadow: string; | ||
| boxShadowHighlight: string; | ||
| boxShadowInset: string; | ||
| boxShadowFocus: 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; | ||
| }; | ||
| danger: { | ||
| 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; | ||
| }; | ||
| counterBg: string; | ||
| }; | ||
| counter: { | ||
| text: string; | ||
| bg: string; | ||
| primary: { | ||
| text: string; | ||
| bg: string; | ||
| }; | ||
| secondary: { | ||
| text: string; | ||
| }; | ||
| }; | ||
| dropdown: { | ||
| shadow: string; | ||
| }; | ||
| label: { | ||
| border: string; | ||
| text: 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; | ||
| }; | ||
| }; | ||
| topic: { | ||
| tagBg: string; | ||
| tagBorder: string; | ||
| tagText: string; | ||
| }; | ||
| input: { | ||
| bg: string; | ||
| 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; | ||
| }; | ||
| }; | ||
| }; | ||
@@ -154,2 +307,3 @@ avatar: { | ||
| stackFadeMore: string; | ||
| childShadow: string; | ||
| }; | ||
@@ -166,29 +320,142 @@ toast: { | ||
| selectMenu: { | ||
| borderSecondary: string; | ||
| shadow: string; | ||
| backdropBg: string; | ||
| shadow: string; | ||
| backdropBorder: string; | ||
| tapHighlight: string; | ||
| tapFocusBg: string; | ||
| }; | ||
| box: { | ||
| blueBorder: string; | ||
| rowYellowBg: string; | ||
| rowBlueBg: string; | ||
| headerBlueBg: string; | ||
| headerBlueBorder: string; | ||
| borderInfo: string; | ||
| bgInfo: string; | ||
| borderWarning: string; | ||
| bgWarning: string; | ||
| }; | ||
| dropdown: { | ||
| branchName: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| link: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| }; | ||
| }; | ||
| markdown: { | ||
| codeBg: string; | ||
| frameBorder: string; | ||
| blockquoteBorder: string; | ||
| tableBorder: string; | ||
| tableTrBorder: string; | ||
| }; | ||
| menu: { | ||
| headingText: string; | ||
| borderActive: string; | ||
| bgActive: string; | ||
| }; | ||
| sidenav: { | ||
| selectedBg: string; | ||
| borderActive: string; | ||
| }; | ||
| tabnav: { | ||
| selectedBg: string; | ||
| }; | ||
| header: { | ||
| text: string; | ||
| bg: string; | ||
| logo: string; | ||
| }; | ||
| filterItem: { | ||
| barBg: string; | ||
| }; | ||
| hiddenTextExpander: { | ||
| bg: string; | ||
| bgHover: string; | ||
| }; | ||
| dragAndDrop: { | ||
| border: string; | ||
| }; | ||
| popover: { | ||
| uploadEnabled: { | ||
| border: string; | ||
| borderFocused: string; | ||
| }; | ||
| icFolder: string; | ||
| hlAuthorBg: string; | ||
| hlAuthorBorder: string; | ||
| logoSubdued: string; | ||
| diff: { | ||
| previewableCommentForm: { | ||
| border: string; | ||
| bg: string; | ||
| }; | ||
| 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; | ||
| }; | ||
| diffstat: { | ||
| neutralBg: string; | ||
| neutralBorder: string; | ||
| deletionBg: string; | ||
| deletionBgStrong: string; | ||
| deletionBorder: string; | ||
| deletionBorderStrong: string; | ||
| additionBg: string; | ||
| additionBgStrong: string; | ||
| additionBorder: string; | ||
| additionBorderStrong: string; | ||
| }; | ||
| iconFolder: string; | ||
| hlAuthorBg: string; | ||
| hlAuthorBorder: string; | ||
| logoSubdued: string; | ||
| discussionBorder: string; | ||
| discussionBgSuccess: string; | ||
| diffBlob: { | ||
| numText: string; | ||
| numHoverText: string; | ||
| addition: { | ||
| numBg: string; | ||
| lineBg: string; | ||
| wordBg: string; | ||
| }; | ||
| deletion: { | ||
| numBg: string; | ||
| lineBg: string; | ||
| wordBg: string; | ||
| }; | ||
| hunk: { | ||
| text: string; | ||
| numBg: string; | ||
| lineBg: string; | ||
| }; | ||
| emptyBlockBg: string; | ||
| selectedLineHighlightBg: string; | ||
| selectedLineHighlightBorder: string; | ||
| expander: { | ||
| icon: string; | ||
| hoverIcon: string; | ||
| hoverBg: string; | ||
| }; | ||
| commentButton: { | ||
| icon: string; | ||
| bg: string; | ||
| gradientBg: string; | ||
| }; | ||
| }; | ||
| globalNav: { | ||
@@ -198,5 +465,6 @@ logo: string; | ||
| text: string; | ||
| icon: string; | ||
| inputBg: string; | ||
| inputBorder: string; | ||
| inputIc: string; | ||
| inputIcon: string; | ||
| inputPlaceholder: string; | ||
@@ -216,2 +484,63 @@ }; | ||
| }; | ||
| 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; | ||
| successIndicatorBg: string; | ||
| successIndicatorBorder: string; | ||
| mergedIconBg: string; | ||
| mergedIconText: string; | ||
| mergedIconBorder: string; | ||
| mergedBoxBorder: string; | ||
| neutralIconBg: string; | ||
| neutralIconText: string; | ||
| neutralIconBorder: string; | ||
| neutralIndicatorBg: string; | ||
| neutralIndicatorBorder: string; | ||
| warningIconBg: string; | ||
| warningIconText: string; | ||
| warningIconBorder: string; | ||
| warningBoxBorder: string; | ||
| warningMergeHighlight: string; | ||
| errorIconBg: string; | ||
| errorIconText: string; | ||
| errorIconBorder: string; | ||
| errorIndicatorBg: string; | ||
| errorIndicatorBorder: string; | ||
| }; | ||
| project: { | ||
| cardBg: string; | ||
| }; | ||
| }; | ||
@@ -222,3 +551,3 @@ light: { | ||
| white: string; | ||
| grey: string[]; | ||
| gray: string[]; | ||
| blue: string[]; | ||
@@ -232,2 +561,14 @@ green: string[]; | ||
| }; | ||
| auto: { | ||
| black: string; | ||
| white: string; | ||
| gray: string[]; | ||
| blue: string[]; | ||
| green: string[]; | ||
| yellow: string[]; | ||
| orange: string[]; | ||
| red: string[]; | ||
| purple: string[]; | ||
| pink: string[]; | ||
| }; | ||
| text: { | ||
@@ -240,10 +581,9 @@ primary: string; | ||
| inverse: string; | ||
| linkPrimary: string; | ||
| linkSecondary: string; | ||
| linkTertiary: string; | ||
| link: string; | ||
| danger: string; | ||
| success: string; | ||
| warning: string; | ||
| white: string; | ||
| }; | ||
| ic: { | ||
| icon: { | ||
| primary: string; | ||
@@ -257,15 +597,7 @@ secondary: string; | ||
| }; | ||
| hl: { | ||
| hoverPrimaryBg: string; | ||
| hoverPrimaryBorder: string; | ||
| hoverSecondaryBg: string; | ||
| hoverSecondaryBorder: string; | ||
| selectedPrimaryBg: string; | ||
| selectedPrimaryBorder: string; | ||
| }; | ||
| border: { | ||
| primary: string; | ||
| primaryLight: string; | ||
| secondary: string; | ||
| tertiary: string; | ||
| overlay: string; | ||
| inverse: string; | ||
@@ -279,3 +611,5 @@ info: string; | ||
| canvas: string; | ||
| canvasMobile: string; | ||
| canvasInverse: string; | ||
| canvasInset: string; | ||
| primary: string; | ||
@@ -285,41 +619,84 @@ secondary: string; | ||
| overlay: string; | ||
| selected: string; | ||
| backdrop: string; | ||
| info: string; | ||
| infoInverse: string; | ||
| danger: string; | ||
| dangerInverse: string; | ||
| success: string; | ||
| successInverse: string; | ||
| warning: string; | ||
| infoInverse: string; | ||
| dangerInverse: string; | ||
| successInverse: string; | ||
| warningInverse: string; | ||
| }; | ||
| shadow: { | ||
| small: string[]; | ||
| medium: string[]; | ||
| large: string[]; | ||
| extraLarge: string[]; | ||
| highlight: string[]; | ||
| inset: string[]; | ||
| focus: string[]; | ||
| small: string; | ||
| medium: string; | ||
| large: string; | ||
| extraLarge: 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: { | ||
| black10: string; | ||
| black15: string; | ||
| black30: string; | ||
| black50: string; | ||
| black70: string; | ||
| black85: string; | ||
| white10: string; | ||
| white15: string; | ||
| white30: string; | ||
| white50: string; | ||
| white70: string; | ||
| white85: string; | ||
| }; | ||
| alert: { | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| info: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| }; | ||
| warn: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| error: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| success: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| border: string; | ||
| icon: string; | ||
| }; | ||
| }; | ||
| autocomplete: { | ||
| shadow: string; | ||
| rowBorder: string; | ||
| }; | ||
| blankslate: { | ||
@@ -329,36 +706,141 @@ 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; | ||
| shadow: string; | ||
| insetShadow: string; | ||
| hoverBg: string; | ||
| hoverBorder: string; | ||
| selectedBg: string; | ||
| selectedShadow: string; | ||
| disabledText: string; | ||
| disabledBg: string; | ||
| disabledBorder: string; | ||
| focusBg: string; | ||
| focusBorder: string; | ||
| focusShadow: string; | ||
| icon: string; | ||
| counterBg: string; | ||
| }; | ||
| outline: { | ||
| text: string; | ||
| ic: string; | ||
| bgHover: string; | ||
| bgActive: string; | ||
| boxShadow: string; | ||
| boxShadowHighlight: string; | ||
| boxShadowInset: string; | ||
| boxShadowFocus: 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; | ||
| }; | ||
| danger: { | ||
| 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; | ||
| }; | ||
| counterBg: string; | ||
| }; | ||
| counter: { | ||
| text: string; | ||
| bg: string; | ||
| primary: { | ||
| text: string; | ||
| bg: string; | ||
| }; | ||
| secondary: { | ||
| text: string; | ||
| }; | ||
| }; | ||
| dropdown: { | ||
| shadow: string; | ||
| }; | ||
| label: { | ||
| border: string; | ||
| text: 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; | ||
| }; | ||
| }; | ||
| topic: { | ||
| tagBg: string; | ||
| tagBorder: string; | ||
| tagText: string; | ||
| }; | ||
| input: { | ||
| bg: string; | ||
| 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; | ||
| }; | ||
| }; | ||
| }; | ||
@@ -369,2 +851,3 @@ avatar: { | ||
| stackFadeMore: string; | ||
| childShadow: string; | ||
| }; | ||
@@ -381,29 +864,142 @@ toast: { | ||
| selectMenu: { | ||
| borderSecondary: string; | ||
| shadow: string; | ||
| backdropBg: string; | ||
| shadow: string; | ||
| backdropBorder: string; | ||
| tapHighlight: string; | ||
| tapFocusBg: string; | ||
| }; | ||
| box: { | ||
| blueBorder: string; | ||
| rowYellowBg: string; | ||
| rowBlueBg: string; | ||
| headerBlueBg: string; | ||
| headerBlueBorder: string; | ||
| borderInfo: string; | ||
| bgInfo: string; | ||
| borderWarning: string; | ||
| bgWarning: string; | ||
| }; | ||
| dropdown: { | ||
| branchName: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| link: { | ||
| text: string; | ||
| icon: string; | ||
| bg: string; | ||
| }; | ||
| }; | ||
| markdown: { | ||
| codeBg: string; | ||
| frameBorder: string; | ||
| blockquoteBorder: string; | ||
| tableBorder: string; | ||
| tableTrBorder: string; | ||
| }; | ||
| menu: { | ||
| headingText: string; | ||
| borderActive: string; | ||
| bgActive: string; | ||
| }; | ||
| sidenav: { | ||
| selectedBg: string; | ||
| borderActive: string; | ||
| }; | ||
| tabnav: { | ||
| selectedBg: string; | ||
| }; | ||
| header: { | ||
| text: string; | ||
| bg: string; | ||
| logo: string; | ||
| }; | ||
| filterItem: { | ||
| barBg: string; | ||
| }; | ||
| hiddenTextExpander: { | ||
| bg: string; | ||
| bgHover: string; | ||
| }; | ||
| dragAndDrop: { | ||
| border: string; | ||
| }; | ||
| popover: { | ||
| uploadEnabled: { | ||
| border: string; | ||
| borderFocused: string; | ||
| }; | ||
| icFolder: string; | ||
| hlAuthorBg: string; | ||
| hlAuthorBorder: string; | ||
| logoSubdued: string; | ||
| diff: { | ||
| previewableCommentForm: { | ||
| border: string; | ||
| bg: string; | ||
| }; | ||
| 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; | ||
| }; | ||
| diffstat: { | ||
| neutralBg: string; | ||
| neutralBorder: string; | ||
| deletionBg: string; | ||
| deletionBgStrong: string; | ||
| deletionBorder: string; | ||
| deletionBorderStrong: string; | ||
| additionBg: string; | ||
| additionBgStrong: string; | ||
| additionBorder: string; | ||
| additionBorderStrong: string; | ||
| }; | ||
| iconFolder: string; | ||
| hlAuthorBg: string; | ||
| hlAuthorBorder: string; | ||
| logoSubdued: string; | ||
| discussionBorder: string; | ||
| discussionBgSuccess: string; | ||
| diffBlob: { | ||
| numText: string; | ||
| numHoverText: string; | ||
| addition: { | ||
| numBg: string; | ||
| lineBg: string; | ||
| wordBg: string; | ||
| }; | ||
| deletion: { | ||
| numBg: string; | ||
| lineBg: string; | ||
| wordBg: string; | ||
| }; | ||
| hunk: { | ||
| text: string; | ||
| numBg: string; | ||
| lineBg: string; | ||
| }; | ||
| emptyBlockBg: string; | ||
| selectedLineHighlightBg: string; | ||
| selectedLineHighlightBorder: string; | ||
| expander: { | ||
| icon: string; | ||
| hoverIcon: string; | ||
| hoverBg: string; | ||
| }; | ||
| commentButton: { | ||
| icon: string; | ||
| bg: string; | ||
| gradientBg: string; | ||
| }; | ||
| }; | ||
| globalNav: { | ||
@@ -413,5 +1009,6 @@ logo: string; | ||
| text: string; | ||
| icon: string; | ||
| inputBg: string; | ||
| inputBorder: string; | ||
| inputIc: string; | ||
| inputIcon: string; | ||
| inputPlaceholder: string; | ||
@@ -431,2 +1028,63 @@ }; | ||
| }; | ||
| 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; | ||
| successIndicatorBg: string; | ||
| successIndicatorBorder: string; | ||
| mergedIconBg: string; | ||
| mergedIconText: string; | ||
| mergedIconBorder: string; | ||
| mergedBoxBorder: string; | ||
| neutralIconBg: string; | ||
| neutralIconText: string; | ||
| neutralIconBorder: string; | ||
| neutralIndicatorBg: string; | ||
| neutralIndicatorBorder: string; | ||
| warningIconBg: string; | ||
| warningIconText: string; | ||
| warningIconBorder: string; | ||
| warningBoxBorder: string; | ||
| warningMergeHighlight: string; | ||
| errorIconBg: string; | ||
| errorIconText: string; | ||
| errorIconBorder: string; | ||
| errorIndicatorBg: string; | ||
| errorIndicatorBorder: string; | ||
| }; | ||
| project: { | ||
| cardBg: string; | ||
| }; | ||
| }; | ||
@@ -433,0 +1091,0 @@ }; |
| { | ||
| "scale": { | ||
| "black": "#ffffff", | ||
| "white": "#0d1117", | ||
| "grey": [ | ||
| "black": "#010409", | ||
| "white": "#f0f6fc", | ||
| "gray": [ | ||
| "#f0f6fc", | ||
| "#d5dde5", | ||
| "#b1bac4", | ||
| "#8b949e", | ||
| "#6e7681", | ||
| "#484f58", | ||
| "#30363d", | ||
| "#21262d", | ||
| "#161b22", | ||
| "#0d1117" | ||
| ], | ||
| "blue": [ | ||
| "#cae8ff", | ||
| "#a5d6ff", | ||
| "#79c0ff", | ||
| "#58a6ff", | ||
| "#388bfd", | ||
| "#1f6feb", | ||
| "#1158c7", | ||
| "#0d419d", | ||
| "#0c2d6b", | ||
| "#051d4d" | ||
| ], | ||
| "green": [ | ||
| "#aff5b4", | ||
| "#7ee787", | ||
| "#56d364", | ||
| "#3fb950", | ||
| "#2ea043", | ||
| "#238636", | ||
| "#196c2e", | ||
| "#0f5323", | ||
| "#033a16", | ||
| "#04260f" | ||
| ], | ||
| "yellow": [ | ||
| "#f8e3a1", | ||
| "#f2cc60", | ||
| "#e3b341", | ||
| "#d29922", | ||
| "#bb8009", | ||
| "#9e6a03", | ||
| "#845306", | ||
| "#693e00", | ||
| "#4b2900", | ||
| "#341a00" | ||
| ], | ||
| "orange": [ | ||
| "#ffdfb6", | ||
| "#ffc680", | ||
| "#ffa657", | ||
| "#f0883e", | ||
| "#db6d28", | ||
| "#bd561d", | ||
| "#9b4215", | ||
| "#762d0a", | ||
| "#5a1e02", | ||
| "#3d1300" | ||
| ], | ||
| "red": [ | ||
| "#ffdcd7", | ||
| "#ffc1ba", | ||
| "#ffa198", | ||
| "#ff7b72", | ||
| "#f85149", | ||
| "#da3633", | ||
| "#b62324", | ||
| "#8e1519", | ||
| "#67060c", | ||
| "#490202" | ||
| ], | ||
| "purple": [ | ||
| "#eddeff", | ||
| "#e2c5ff", | ||
| "#d2a8ff", | ||
| "#bc8cff", | ||
| "#a371f7", | ||
| "#8957e5", | ||
| "#6e40c9", | ||
| "#553098", | ||
| "#3c1e70", | ||
| "#271052" | ||
| ], | ||
| "pink": [ | ||
| "#ffdaec", | ||
| "#ffbedd", | ||
| "#ff9bce", | ||
| "#f778ba", | ||
| "#db61a2", | ||
| "#bf4b8a", | ||
| "#9e3670", | ||
| "#7d2457", | ||
| "#5e103e", | ||
| "#42062a" | ||
| ] | ||
| }, | ||
| "auto": { | ||
| "black": "#f0f6fc", | ||
| "white": "#010409", | ||
| "gray": [ | ||
| "#0d1117", | ||
@@ -18,11 +118,11 @@ "#161b22", | ||
| "blue": [ | ||
| "#061e46", | ||
| "#0b2e63", | ||
| "#0d4189", | ||
| "#2456aa", | ||
| "#316ecd", | ||
| "#3f87e9", | ||
| "#54a2fb", | ||
| "#75bbff", | ||
| "#a1d3ff", | ||
| "#051d4d", | ||
| "#0c2d6b", | ||
| "#0d419d", | ||
| "#1158c7", | ||
| "#1f6feb", | ||
| "#388bfd", | ||
| "#58a6ff", | ||
| "#79c0ff", | ||
| "#a5d6ff", | ||
| "#cae8ff" | ||
@@ -32,71 +132,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" | ||
| ] | ||
@@ -107,125 +207,123 @@ }, | ||
| "secondary": "#8b949e", | ||
| "tertiary": "#6e7681", | ||
| "placeholder": "#30363d", | ||
| "disabled": "#30363d", | ||
| "tertiary": "#8b949e", | ||
| "placeholder": "#484f58", | ||
| "disabled": "#484f58", | ||
| "inverse": "#0d1117", | ||
| "linkPrimary": "#3f87e9", | ||
| "linkSecondary": "#f0f6fc", | ||
| "linkTertiary": "#8b949e", | ||
| "danger": "#ed4e50", | ||
| "success": "#3ab550", | ||
| "warning": "#fde15f" | ||
| "link": "#58a6ff", | ||
| "danger": "#f85149", | ||
| "success": "#56d364", | ||
| "warning": "#e3b341", | ||
| "white": "#f0f6fc" | ||
| }, | ||
| "ic": { | ||
| "icon": { | ||
| "primary": "#f0f6fc", | ||
| "secondary": "#8b949e", | ||
| "secondary": "#6e7681", | ||
| "tertiary": "#484f58", | ||
| "info": "#3f87e9", | ||
| "danger": "#ed4e50", | ||
| "success": "#3ab550", | ||
| "warning": "#fde15f" | ||
| "info": "#79c0ff", | ||
| "danger": "#f85149", | ||
| "success": "#56d364", | ||
| "warning": "#e3b341" | ||
| }, | ||
| "hl": { | ||
| "hoverPrimaryBg": "#3f87e9", | ||
| "hoverPrimaryBorder": "#3f87e9", | ||
| "hoverSecondaryBg": "#161b22", | ||
| "hoverSecondaryBorder": "#161b22", | ||
| "selectedPrimaryBg": "#3f87e9", | ||
| "selectedPrimaryBorder": "#3f87e9" | ||
| }, | ||
| "border": { | ||
| "primary": "#21262d", | ||
| "primaryLight": "#272d36", | ||
| "secondary": "#30363d", | ||
| "tertiary": "#0d1117", | ||
| "inverse": "#0d1117", | ||
| "info": "#3f87e9", | ||
| "danger": "#ed4e50", | ||
| "success": "#2f9a42", | ||
| "warning": "#f7d232" | ||
| "primary": "#30363d", | ||
| "secondary": "#21262d", | ||
| "tertiary": "#6e7681", | ||
| "overlay": "#30363d", | ||
| "inverse": "#f0f6fc", | ||
| "info": "rgba(56,139,253,0.4)", | ||
| "danger": "rgba(248,81,73,0.4)", | ||
| "success": "rgba(63,185,80,0.4)", | ||
| "warning": "rgba(187,128,9,0.4)" | ||
| }, | ||
| "bg": { | ||
| "canvas": "#0d1117", | ||
| "canvasMobile": "#010409", | ||
| "canvasInverse": "#f0f6fc", | ||
| "canvasInset": "#06090f", | ||
| "primary": "#0d1117", | ||
| "secondary": "#161b22", | ||
| "tertiary": "#0d1117", | ||
| "overlay": "#0d1117", | ||
| "selected": "#3f87e9", | ||
| "info": "#0b2e63", | ||
| "danger": "#660614", | ||
| "success": "#0a3818", | ||
| "warning": "#b67b00", | ||
| "infoInverse": "#3f87e9", | ||
| "dangerInverse": "#ed4e50", | ||
| "successInverse": "#2f9a42", | ||
| "warningInverse": "#f7d232" | ||
| "secondary": "#0d1117", | ||
| "tertiary": "#161b22", | ||
| "overlay": "#21262d", | ||
| "backdrop": "rgba(1,4,9,0.8)", | ||
| "info": "rgba(56,139,253,0.1)", | ||
| "infoInverse": "#388bfd", | ||
| "danger": "rgba(248,81,73,0.1)", | ||
| "dangerInverse": "#da3633", | ||
| "success": "rgba(46,160,67,0.1)", | ||
| "successInverse": "#2ea043", | ||
| "warning": "rgba(187,128,9,0.1)", | ||
| "warningInverse": "#bb8009" | ||
| }, | ||
| "shadow": { | ||
| "small": [ | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(255,255,255,0.04)" | ||
| ], | ||
| "medium": [ | ||
| "0", | ||
| "3px", | ||
| "6px", | ||
| "rgba(72,79,88,0.15)" | ||
| ], | ||
| "large": [ | ||
| "0", | ||
| "8px", | ||
| "24px", | ||
| "rgba(72,79,88,0.2)" | ||
| ], | ||
| "extraLarge": [ | ||
| "0", | ||
| "12px", | ||
| "48px", | ||
| "rgba(72,79,88,0.3)" | ||
| ], | ||
| "highlight": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(13,17,23,0.25)" | ||
| ], | ||
| "inset": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(33,38,45,0.2)" | ||
| ], | ||
| "focus": [ | ||
| "0", | ||
| "0", | ||
| "0", | ||
| "3px", | ||
| "rgba(63,135,233,0.3)" | ||
| ] | ||
| "small": "0 0 rgba(0,0,0,0)", | ||
| "medium": "0 3px 6px #010409", | ||
| "large": "0 8px 24px #010409", | ||
| "extraLarge": "0 12px 48px #010409", | ||
| "highlight": "0 0 rgba(0,0,0,0)", | ||
| "inset": "0 0 rgba(0,0,0,0)" | ||
| }, | ||
| "state": { | ||
| "hover": { | ||
| "primaryBg": "#1f6feb", | ||
| "primaryBorder": "#388bfd", | ||
| "primaryText": "#f0f6fc", | ||
| "primaryIcon": "#f0f6fc", | ||
| "secondaryBg": "#161b22", | ||
| "secondaryBorder": "#161b22" | ||
| }, | ||
| "selected": { | ||
| "primaryBg": "#1f6feb", | ||
| "primaryBorder": "#388bfd", | ||
| "primaryText": "#f0f6fc", | ||
| "primaryIcon": "#f0f6fc" | ||
| }, | ||
| "focus": { | ||
| "border": "#388bfd", | ||
| "shadow": "0 0 0 3px #0c2d6b" | ||
| } | ||
| }, | ||
| "fade": { | ||
| "black10": "rgba(1,4,9,0.1)", | ||
| "black15": "rgba(1,4,9,0.15)", | ||
| "black30": "rgba(1,4,9,0.3)", | ||
| "black50": "rgba(1,4,9,0.5)", | ||
| "black70": "rgba(1,4,9,0.7)", | ||
| "black85": "rgba(1,4,9,0.85)", | ||
| "white10": "rgba(240,246,252,0.1)", | ||
| "white15": "rgba(240,246,252,0.15)", | ||
| "white30": "rgba(240,246,252,0.3)", | ||
| "white50": "rgba(240,246,252,0.5)", | ||
| "white70": "rgba(240,246,252,0.7)", | ||
| "white85": "rgba(240,246,252,0.85)" | ||
| }, | ||
| "alert": { | ||
| "bg": "#0b2e63", | ||
| "border": "rgba(117,187,255,0.2)", | ||
| "icon": "rgba(117,187,255,0.6)", | ||
| "info": { | ||
| "text": "#79c0ff", | ||
| "icon": "#79c0ff", | ||
| "bg": "rgba(56,139,253,0.1)", | ||
| "border": "rgba(56,139,253,0.4)" | ||
| }, | ||
| "warn": { | ||
| "bg": "#9b6400", | ||
| "border": "rgba(253,225,95,0.2)", | ||
| "icon": "#fde15f" | ||
| "text": "#e3b341", | ||
| "icon": "#e3b341", | ||
| "bg": "rgba(187,128,9,0.1)", | ||
| "border": "rgba(187,128,9,0.4)" | ||
| }, | ||
| "error": { | ||
| "bg": "#ffe3e6", | ||
| "border": "rgba(255,189,186,0.2)", | ||
| "icon": "rgba(255,189,186,0.6)" | ||
| "text": "#ff7b72", | ||
| "icon": "#ff7b72", | ||
| "bg": "rgba(248,81,73,0.1)", | ||
| "border": "rgba(248,81,73,0.4)" | ||
| }, | ||
| "success": { | ||
| "bg": "#0a3818", | ||
| "border": "rgba(88,206,101,0.2)", | ||
| "icon": "rgba(88,206,101,0.8)" | ||
| "text": "#56d364", | ||
| "icon": "#56d364", | ||
| "bg": "rgba(46,160,67,0.1)", | ||
| "border": "rgba(46,160,67,0.4)" | ||
| } | ||
| }, | ||
| "autocomplete": { | ||
| "shadow": "0 16px 32px rgba(1,4,9,0.85)", | ||
| "rowBorder": "#30363d" | ||
| }, | ||
| "blankslate": { | ||
@@ -235,53 +333,147 @@ "icon": "#535c66" | ||
| "btn": { | ||
| "bg": "#0d1117", | ||
| "border": "rgba(13,17,23,0.15)", | ||
| "text": "#f0f6fc", | ||
| "ic": "#6e7681", | ||
| "bgHover": "#f3f4f6", | ||
| "bgActive": "#edeff2", | ||
| "bg": "#21262d", | ||
| "border": "#30363d", | ||
| "shadow": "0 0 rgba(0,0,0,0)", | ||
| "insetShadow": "0 0 rgba(0,0,0,0)", | ||
| "hoverBg": "#30363d", | ||
| "hoverBorder": "#8b949e", | ||
| "selectedBg": "#161b22", | ||
| "focusBg": "#21262d", | ||
| "focusBorder": "#8b949e", | ||
| "focusShadow": "0 0 0 3px rgba(139,148,158,0.3)", | ||
| "shadowActive": "inset 0 0.15em 0.3em rgba(1,4,9,0.15)", | ||
| "shadowInputFocus": "0 0 0 0.2em rgba(31,111,235,0.3)", | ||
| "primary": { | ||
| "bg": "#2ea44f", | ||
| "border": "rgba(13,17,23,0.15)", | ||
| "text": "#0d1117", | ||
| "ic": "#0d1117", | ||
| "bgHover": "#ffffff", | ||
| "bgActive": "#ffffff", | ||
| "boxShadow": "#ffffff", | ||
| "boxShadowHighlight": "#ffffff", | ||
| "boxShadowInset": "#ffffff", | ||
| "boxShadowFocus": "#ffffff" | ||
| } | ||
| "text": "#ffffff", | ||
| "bg": "#238636", | ||
| "border": "#2ea043", | ||
| "shadow": "0 0 rgba(0,0,0,0)", | ||
| "insetShadow": "0 0 rgba(0,0,0,0)", | ||
| "hoverBg": "#2ea043", | ||
| "hoverBorder": "#3fb950", | ||
| "selectedBg": "#238636", | ||
| "selectedShadow": "0 0 rgba(0,0,0,0)", | ||
| "disabledText": "rgba(240,246,252,0.5)", | ||
| "disabledBg": "#238636", | ||
| "disabledBorder": "#238636", | ||
| "focusBg": "#238636", | ||
| "focusBorder": "#3fb950", | ||
| "focusShadow": "0 0 0 3px rgba(46,164,79,0.4)", | ||
| "icon": "#f0f6fc", | ||
| "counterBg": "rgba(240,246,252,0.2)" | ||
| }, | ||
| "outline": { | ||
| "text": "#58a6ff", | ||
| "hoverText": "#58a6ff", | ||
| "hoverBg": "#30363d", | ||
| "hoverBorder": "#58a6ff", | ||
| "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)", | ||
| "hoverInsetShadow": "inset 0 1px 0 rgba(240,246,252,0.03)", | ||
| "hoverCounterBg": "rgba(240,246,252,0.2)", | ||
| "selectedText": "#f0f6fc", | ||
| "selectedBg": "#0d419d", | ||
| "selectedBorder": "rgba(240,246,252,0.1)", | ||
| "selectedShadow": "0 0 rgba(0,0,0,0)", | ||
| "disabledText": "#58a6ff", | ||
| "disabledBg": "#0d1117", | ||
| "disabledCounterBg": "rgba(31,111,235,0.05)", | ||
| "focusBorder": "#58a6ff", | ||
| "focusShadow": "0 0 0 3px rgba(17,88,199,0.4)", | ||
| "counterBg": "rgba(31,111,235,0.1)" | ||
| }, | ||
| "danger": { | ||
| "text": "#f85149", | ||
| "hoverText": "#ffffff", | ||
| "hoverBg": "#da3633", | ||
| "hoverBorder": "#f85149", | ||
| "hoverShadow": "0 0 rgba(0,0,0,0)", | ||
| "hoverInsetShadow": "0 0 rgba(0,0,0,0)", | ||
| "hoverCounterBg": "rgba(255,255,255,0.2)", | ||
| "selectedText": "#ffffff", | ||
| "selectedBg": "#b62324", | ||
| "selectedBorder": "rgba(240,246,252,0.1)", | ||
| "selectedShadow": "0 0 rgba(0,0,0,0)", | ||
| "disabledText": "#f85149", | ||
| "disabledBg": "#0d1117", | ||
| "disabledCounterBg": "rgba(218,54,51,0.05)", | ||
| "focusBorder": "#f85149", | ||
| "focusShadow": "0 0 0 3px rgba(182,35,36,0.4)", | ||
| "counterBg": "rgba(218,54,51,0.1)" | ||
| }, | ||
| "counterBg": "#30363d" | ||
| }, | ||
| "counter": { | ||
| "bg": "rgba(209,213,218,0.5)", | ||
| "border": "rgba(209,213,218,0.5)", | ||
| "text": "#f0f6fc" | ||
| "text": "#f0f6fc", | ||
| "bg": "#30363d", | ||
| "primary": { | ||
| "text": "#f0f6fc", | ||
| "bg": "#6e7681" | ||
| }, | ||
| "secondary": { | ||
| "text": "#8b949e" | ||
| } | ||
| }, | ||
| "topic": { | ||
| "tagBg": "#061e46", | ||
| "tagBorder": "#061e46", | ||
| "tagText": "#3f87e9" | ||
| "dropdown": { | ||
| "shadow": "0 16px 32px rgba(1,4,9,0.85)" | ||
| }, | ||
| "label": { | ||
| "border": "#30363d", | ||
| "primary": { | ||
| "text": "#b1bac4", | ||
| "border": "#6e7681" | ||
| }, | ||
| "secondary": { | ||
| "text": "#8b949e", | ||
| "border": "#30363d" | ||
| }, | ||
| "info": { | ||
| "text": "#388bfd", | ||
| "border": "rgba(56,139,253,0.4)" | ||
| }, | ||
| "success": { | ||
| "text": "#3fb950", | ||
| "border": "rgba(46,160,67,0.4)" | ||
| }, | ||
| "warning": { | ||
| "text": "#e3b341", | ||
| "border": "rgba(242,211,91,0.4)" | ||
| }, | ||
| "danger": { | ||
| "text": "#f85149", | ||
| "border": "rgba(248,81,73,0.4)" | ||
| } | ||
| }, | ||
| "input": { | ||
| "bg": "#0d1117", | ||
| "contrastBg": "#0d1117", | ||
| "shadow": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "2px", | ||
| "rgba(255,255,255,0.075)" | ||
| ], | ||
| "shadowFocus": [ | ||
| "0", | ||
| "0", | ||
| "0", | ||
| "0.2em", | ||
| "rgba(63,135,233,0.3)" | ||
| ] | ||
| "contrastBg": "rgba(1,4,9,0.3)", | ||
| "border": "rgba(240,246,252,0.1)", | ||
| "shadow": "0 0 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(13,17,23,0.1)", | ||
| "border": "rgba(240,246,252,0.1)", | ||
| "stackFade": "#30363d", | ||
| "stackFadeMore": "#21262d" | ||
| "stackFadeMore": "#21262d", | ||
| "childShadow": "-2px -2px 0 #0d1117" | ||
| }, | ||
@@ -293,50 +485,164 @@ "toast": { | ||
| "text": "#b1bac4", | ||
| "badgeBg": "#21262d", | ||
| "targetBadgeBorder": "#316ecd", | ||
| "targetBadgeShadow": "#0d4189" | ||
| "badgeBg": "#0d1117", | ||
| "targetBadgeBorder": "#1f6feb", | ||
| "targetBadgeShadow": "#0d419d" | ||
| }, | ||
| "selectMenu": { | ||
| "backdropBg": "rgba(13,17,23,0.5)", | ||
| "shadow": "rgba(255,255,255,0.4)" | ||
| "borderSecondary": "#30363d", | ||
| "shadow": "0 0 18px rgba(1,4,9,0.4)", | ||
| "backdropBg": "rgba(1,4,9,0.5)", | ||
| "backdropBorder": "#484f58", | ||
| "tapHighlight": "rgba(48,54,61,0.5)", | ||
| "tapFocusBg": "#0c2d6b" | ||
| }, | ||
| "box": { | ||
| "blueBorder": "#0d4189" | ||
| "blueBorder": "#0d419d", | ||
| "rowYellowBg": "rgba(235,196,64,0.1)", | ||
| "rowBlueBg": "rgba(121,192,255,0.1)", | ||
| "headerBlueBg": "#0d1117", | ||
| "headerBlueBorder": "#30363d", | ||
| "borderInfo": "rgba(56,139,253,0.4)", | ||
| "bgInfo": "rgba(56,139,253,0.1)", | ||
| "borderWarning": "rgba(187,128,9,0.4)", | ||
| "bgWarning": "rgba(187,128,9,0.1)" | ||
| }, | ||
| "dropdown": { | ||
| "border": "rgba(13,17,23,0.15)" | ||
| "branchName": { | ||
| "text": "#f0f6fc", | ||
| "icon": "#b1bac4", | ||
| "bg": "rgba(88,166,255,0.1)", | ||
| "link": { | ||
| "text": "#58a6ff", | ||
| "icon": "#58a6ff", | ||
| "bg": "rgba(88,166,255,0.1)" | ||
| } | ||
| }, | ||
| "popover": { | ||
| "border": "rgba(13,17,23,0.15)" | ||
| "markdown": { | ||
| "codeBg": "rgba(240,246,252,0.05)", | ||
| "frameBorder": "#3b434b", | ||
| "blockquoteBorder": "#3b434b", | ||
| "tableBorder": "#3b434b", | ||
| "tableTrBorder": "#272c32" | ||
| }, | ||
| "icFolder": "#2456aa", | ||
| "hlAuthorBg": "#061e46", | ||
| "hlAuthorBorder": "#0d4189", | ||
| "logoSubdued": "#30363d", | ||
| "diff": { | ||
| "menu": { | ||
| "headingText": "#8b949e", | ||
| "borderActive": "#f78166", | ||
| "bgActive": "#161b22" | ||
| }, | ||
| "sidenav": { | ||
| "selectedBg": "#21262d", | ||
| "borderActive": "#f78166" | ||
| }, | ||
| "tabnav": { | ||
| "selectedBg": "#0d1117" | ||
| }, | ||
| "header": { | ||
| "text": "rgba(240,246,252,0.7)", | ||
| "bg": "#161b22", | ||
| "logo": "#f0f6fc" | ||
| }, | ||
| "filterItem": { | ||
| "barBg": "#12161c" | ||
| }, | ||
| "hiddenTextExpander": { | ||
| "bg": "#3b434b", | ||
| "bgHover": "#272c32" | ||
| }, | ||
| "dragAndDrop": { | ||
| "border": "#25292f" | ||
| }, | ||
| "uploadEnabled": { | ||
| "border": "#3b434b", | ||
| "borderFocused": "#4487ee" | ||
| }, | ||
| "previewableCommentForm": { | ||
| "border": "#25292f", | ||
| "bg": "#161b22" | ||
| }, | ||
| "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" | ||
| }, | ||
| "diffstat": { | ||
| "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", | ||
| "deletionBorder": "#f85149", | ||
| "additionBg": "#238636", | ||
| "additionBorder": "#2ea043" | ||
| }, | ||
| "iconFolder": "#6e7681", | ||
| "hlAuthorBg": "#051d4d", | ||
| "hlAuthorBorder": "#0d419d", | ||
| "logoSubdued": "#30363d", | ||
| "discussionBorder": "#34513b", | ||
| "discussionBgSuccess": "rgba(46,160,67,0.1)", | ||
| "diffBlob": { | ||
| "numText": "rgba(240,246,252,0.3)", | ||
| "numHoverText": "rgba(240,246,252,0.6)", | ||
| "addition": { | ||
| "numBg": "rgba(35,134,54,0.3)", | ||
| "lineBg": "rgba(35,134,54,0.15)", | ||
| "wordBg": "rgba(35,134,54,0.3)" | ||
| }, | ||
| "deletion": { | ||
| "numBg": "rgba(218,54,51,0.3)", | ||
| "lineBg": "rgba(218,54,51,0.15)", | ||
| "wordBg": "rgba(218,54,51,0.3)" | ||
| }, | ||
| "hunk": { | ||
| "text": "#8b949e", | ||
| "numBg": "rgba(88,166,255,0.15)", | ||
| "lineBg": "rgba(88,166,255,0.1)" | ||
| }, | ||
| "emptyBlockBg": "#161b22", | ||
| "selectedLineHighlightBg": "rgba(187,128,9,0.1)", | ||
| "selectedLineHighlightBorder": "#bb8009", | ||
| "expander": { | ||
| "icon": "#8b949e", | ||
| "hoverIcon": "#f0f6fc", | ||
| "hoverBg": "#1f6feb" | ||
| }, | ||
| "commentButton": { | ||
| "icon": "#f0f6fc", | ||
| "bg": "#1f6feb", | ||
| "gradientBg": "#367eed" | ||
| } | ||
| }, | ||
| "globalNav": { | ||
| "logo": "#0d1117", | ||
| "bg": "#f0f6fc", | ||
| "text": "#0d1117", | ||
| "logo": "#f0f6fc", | ||
| "bg": "#161b22", | ||
| "text": "#f0f6fc", | ||
| "icon": "#f0f6fc", | ||
| "inputBg": "#0d1117", | ||
| "inputBorder": "#0d1117", | ||
| "inputIc": "#ffffff", | ||
| "inputPlaceholder": "#ffffff" | ||
| "inputBorder": "#21262d", | ||
| "inputIcon": "#21262d", | ||
| "inputPlaceholder": "#484f58" | ||
| }, | ||
| "calendarGraph": { | ||
| "dayBg": "#ebedf0", | ||
| "dayBg": "#161b22", | ||
| "dayBorder": "rgba(27,31,35,0.06)", | ||
| "dayL1Bg": "#9be9a8", | ||
| "dayL2Bg": "#40c463", | ||
| "dayL3Bg": "#30a14e", | ||
| "dayL4Bg": "#216e39", | ||
| "dayL1Bg": "#0c2b1e", | ||
| "dayL2Bg": "#034525", | ||
| "dayL3Bg": "#0f6d31", | ||
| "dayL4Bg": "#00c647", | ||
| "dayL4Border": "rgba(27,31,35,0.06)", | ||
@@ -346,3 +652,64 @@ "dayL3Border": "rgba(27,31,35,0.06)", | ||
| "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)", | ||
| "successIndicatorBg": "#238636", | ||
| "successIndicatorBorder": "#2ea043", | ||
| "mergedIconBg": "rgba(188,140,255,0.1)", | ||
| "mergedIconText": "#a371f7", | ||
| "mergedIconBorder": "rgba(188,140,255,0.4)", | ||
| "mergedBoxBorder": "rgba(188,140,255,0.4)", | ||
| "neutralIconBg": "rgba(213,221,229,0.1)", | ||
| "neutralIconText": "#8b949e", | ||
| "neutralIconBorder": "rgba(213,221,229,0.4)", | ||
| "neutralIndicatorBg": "#484f58", | ||
| "neutralIndicatorBorder": "#6e7681", | ||
| "warningIconBg": "rgba(187,128,9,0.1)", | ||
| "warningIconText": "#e3b341", | ||
| "warningIconBorder": "rgba(187,128,9,0.4)", | ||
| "warningBoxBorder": "rgba(187,128,9,0.4)", | ||
| "warningMergeHighlight": "rgba(187,128,9,0.1)", | ||
| "errorIconBg": "rgba(248,81,73,0.1)", | ||
| "errorIconText": "#f85149", | ||
| "errorIconBorder": "rgba(248,81,73,0.4)", | ||
| "errorIndicatorBg": "#da3633", | ||
| "errorIndicatorBorder": "#f85149" | ||
| }, | ||
| "project": { | ||
| "cardBg": "#161b22" | ||
| } | ||
| } |
@@ -5,3 +5,3 @@ { | ||
| "white": "#ffffff", | ||
| "grey": [ | ||
| "gray": [ | ||
| "#fafbfc", | ||
@@ -103,2 +103,102 @@ "#f6f8fa", | ||
| }, | ||
| "auto": { | ||
| "black": "#1b1f23", | ||
| "white": "#ffffff", | ||
| "gray": [ | ||
| "#fafbfc", | ||
| "#f6f8fa", | ||
| "#e1e4e8", | ||
| "#d1d5da", | ||
| "#959da5", | ||
| "#6a737d", | ||
| "#586069", | ||
| "#444d56", | ||
| "#2f363d", | ||
| "#24292e" | ||
| ], | ||
| "blue": [ | ||
| "#f1f8ff", | ||
| "#dbedff", | ||
| "#c8e1ff", | ||
| "#79b8ff", | ||
| "#2188ff", | ||
| "#0366d6", | ||
| "#005cc5", | ||
| "#044289", | ||
| "#032f62", | ||
| "#05264c" | ||
| ], | ||
| "green": [ | ||
| "#f0fff4", | ||
| "#dcffe4", | ||
| "#bef5cb", | ||
| "#85e89d", | ||
| "#34d058", | ||
| "#28a745", | ||
| "#22863a", | ||
| "#176f2c", | ||
| "#165c26", | ||
| "#144620" | ||
| ], | ||
| "yellow": [ | ||
| "#fffdef", | ||
| "#fffbdd", | ||
| "#fff5b1", | ||
| "#ffea7f", | ||
| "#ffdf5d", | ||
| "#ffd33d", | ||
| "#f9c513", | ||
| "#dbab09", | ||
| "#b08800", | ||
| "#735c0f" | ||
| ], | ||
| "orange": [ | ||
| "#fff8f2", | ||
| "#ffebda", | ||
| "#ffd1ac", | ||
| "#ffab70", | ||
| "#fb8532", | ||
| "#f66a0a", | ||
| "#e36209", | ||
| "#d15704", | ||
| "#c24e00", | ||
| "#a04100" | ||
| ], | ||
| "red": [ | ||
| "#ffeef0", | ||
| "#ffdce0", | ||
| "#fdaeb7", | ||
| "#f97583", | ||
| "#ea4a5a", | ||
| "#d73a49", | ||
| "#cb2431", | ||
| "#b31d28", | ||
| "#9e1c23", | ||
| "#86181d" | ||
| ], | ||
| "purple": [ | ||
| "#f5f0ff", | ||
| "#e6dcfd", | ||
| "#d1bcf9", | ||
| "#b392f0", | ||
| "#8a63d2", | ||
| "#6f42c1", | ||
| "#5a32a3", | ||
| "#4c2889", | ||
| "#3a1d6e", | ||
| "#29134e" | ||
| ], | ||
| "pink": [ | ||
| "#ffeef8", | ||
| "#fedbf0", | ||
| "#f9b3dd", | ||
| "#f692ce", | ||
| "#ec6cb9", | ||
| "#ea4aaa", | ||
| "#d03592", | ||
| "#b93a86", | ||
| "#99306f", | ||
| "#6d224f" | ||
| ] | ||
| }, | ||
| "text": { | ||
@@ -108,13 +208,12 @@ "primary": "#24292e", | ||
| "tertiary": "#6a737d", | ||
| "placeholder": "#d1d5da", | ||
| "disabled": "#d1d5da", | ||
| "placeholder": "#6a737d", | ||
| "disabled": "#6a737d", | ||
| "inverse": "#ffffff", | ||
| "linkPrimary": "#0366d6", | ||
| "linkSecondary": "#24292e", | ||
| "linkTertiary": "#586069", | ||
| "danger": "#d73a49", | ||
| "link": "#0366d6", | ||
| "danger": "#cb2431", | ||
| "success": "#22863a", | ||
| "warning": "#b08800" | ||
| "warning": "#b08800", | ||
| "white": "#ffffff" | ||
| }, | ||
| "ic": { | ||
| "icon": { | ||
| "primary": "#24292e", | ||
@@ -128,105 +227,104 @@ "secondary": "#586069", | ||
| }, | ||
| "hl": { | ||
| "hoverPrimaryBg": "#0366d6", | ||
| "hoverPrimaryBorder": "#0366d6", | ||
| "hoverSecondaryBg": "#f6f8fa", | ||
| "hoverSecondaryBorder": "#f6f8fa", | ||
| "selectedPrimaryBg": "#0366d6", | ||
| "selectedPrimaryBorder": "#0366d6" | ||
| }, | ||
| "border": { | ||
| "primary": "#e1e4e8", | ||
| "primaryLight": "#eaecef", | ||
| "secondary": "#d1d5da", | ||
| "tertiary": "#fafbfc", | ||
| "secondary": "#eaecef", | ||
| "tertiary": "#d1d5da", | ||
| "overlay": "#e1e4e8", | ||
| "inverse": "#ffffff", | ||
| "info": "#0366d6", | ||
| "danger": "#d73a49", | ||
| "success": "#28a745", | ||
| "warning": "#dbab09" | ||
| "success": "#34d058", | ||
| "warning": "#f9c513" | ||
| }, | ||
| "bg": { | ||
| "canvas": "#ffffff", | ||
| "canvasMobile": "#ffffff", | ||
| "canvasInverse": "#24292e", | ||
| "canvasInset": "#f6f8fa", | ||
| "primary": "#ffffff", | ||
| "secondary": "#f6f8fa", | ||
| "tertiary": "#fafbfc", | ||
| "secondary": "#fafbfc", | ||
| "tertiary": "#f6f8fa", | ||
| "overlay": "#ffffff", | ||
| "selected": "#0366d6", | ||
| "info": "#dbedff", | ||
| "danger": "#ffdce0", | ||
| "success": "#dcffe4", | ||
| "warning": "#fff5b1", | ||
| "backdrop": "rgba(27,31,35,0.5)", | ||
| "info": "#f1f8ff", | ||
| "infoInverse": "#0366d6", | ||
| "danger": "#ffeef0", | ||
| "dangerInverse": "#d73a49", | ||
| "success": "#dcffe4", | ||
| "successInverse": "#28a745", | ||
| "warningInverse": "#dbab09" | ||
| "warning": "#fff5b1", | ||
| "warningInverse": "#ffd33d" | ||
| }, | ||
| "shadow": { | ||
| "small": [ | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(27,31,35,0.04)" | ||
| ], | ||
| "medium": [ | ||
| "0", | ||
| "3px", | ||
| "6px", | ||
| "rgba(149,157,165,0.15)" | ||
| ], | ||
| "large": [ | ||
| "0", | ||
| "8px", | ||
| "24px", | ||
| "rgba(149,157,165,0.2)" | ||
| ], | ||
| "extraLarge": [ | ||
| "0", | ||
| "12px", | ||
| "48px", | ||
| "rgba(149,157,165,0.3)" | ||
| ], | ||
| "highlight": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(255,255,255,0.25)" | ||
| ], | ||
| "inset": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(225,228,232,0.2)" | ||
| ], | ||
| "focus": [ | ||
| "0", | ||
| "0", | ||
| "0", | ||
| "3px", | ||
| "rgba(3,102,214,0.3)" | ||
| ] | ||
| "small": "0 1px 0 rgba(27,31,35,0.04)", | ||
| "medium": "0 3px 6px rgba(149,157,165,0.15)", | ||
| "large": "0 8px 24px rgba(149,157,165,0.2)", | ||
| "extraLarge": "0 12px 48px rgba(149,157,165,0.3)", | ||
| "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)", | ||
| "inset": "inset 0 1px 0 rgba(225,228,232,0.2)" | ||
| }, | ||
| "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": { | ||
| "black10": "rgba(27,31,35,0.1)", | ||
| "black15": "rgba(27,31,35,0.15)", | ||
| "black30": "rgba(27,31,35,0.3)", | ||
| "black50": "rgba(27,31,35,0.5)", | ||
| "black70": "rgba(27,31,35,0.7)", | ||
| "black85": "rgba(27,31,35,0.85)", | ||
| "white10": "rgba(255,255,255,0.1)", | ||
| "white15": "rgba(255,255,255,0.15)", | ||
| "white30": "rgba(255,255,255,0.3)", | ||
| "white50": "rgba(255,255,255,0.5)", | ||
| "white70": "rgba(255,255,255,0.7)", | ||
| "white85": "rgba(255,255,255,0.85)" | ||
| }, | ||
| "alert": { | ||
| "bg": "#dbedff", | ||
| "border": "rgba(4,66,137,0.2)", | ||
| "icon": "rgba(4,66,137,0.6)", | ||
| "info": { | ||
| "text": "#24292e", | ||
| "icon": "rgba(4,66,137,0.6)", | ||
| "bg": "#dbedff", | ||
| "border": "rgba(4,66,137,0.2)" | ||
| }, | ||
| "warn": { | ||
| "text": "#24292e", | ||
| "icon": "#b08800", | ||
| "bg": "#fffbdd", | ||
| "border": "rgba(176,136,0,0.2)", | ||
| "icon": "#b08800" | ||
| "border": "rgba(176,136,0,0.2)" | ||
| }, | ||
| "error": { | ||
| "text": "#24292e", | ||
| "icon": "rgba(158,28,35,0.6)", | ||
| "bg": "#ffe3e6", | ||
| "border": "rgba(158,28,35,0.2)", | ||
| "icon": "rgba(158,28,35,0.6)" | ||
| "border": "rgba(158,28,35,0.2)" | ||
| }, | ||
| "success": { | ||
| "text": "#24292e", | ||
| "icon": "rgba(23,111,44,0.8)", | ||
| "bg": "#dcffe4", | ||
| "border": "rgba(23,111,44,0.2)", | ||
| "icon": "rgba(23,111,44,0.8)" | ||
| "border": "rgba(23,111,44,0.2)" | ||
| } | ||
| }, | ||
| "autocomplete": { | ||
| "shadow": "0 3px 6px rgba(149,157,165,0.15)", | ||
| "rowBorder": "#eaecef" | ||
| }, | ||
| "blankslate": { | ||
@@ -236,53 +334,147 @@ "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": "inset 0 0.15em 0.3em rgba(27,31,35,0.15)", | ||
| "shadowInputFocus": "0 0 0 0.2em rgba(3,102,214,0.3)", | ||
| "primary": { | ||
| "text": "#ffffff", | ||
| "bg": "#2ea44f", | ||
| "border": "rgba(27,31,35,0.15)", | ||
| "text": "#ffffff", | ||
| "ic": "#ffffff", | ||
| "bgHover": "#1b1f23", | ||
| "bgActive": "#1b1f23", | ||
| "boxShadow": "#1b1f23", | ||
| "boxShadowHighlight": "#1b1f23", | ||
| "boxShadowInset": "#1b1f23", | ||
| "boxShadowFocus": "#1b1f23" | ||
| } | ||
| "shadow": "0 1px 0 rgba(27,31,35,0.1)", | ||
| "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)", | ||
| "hoverBg": "#2c974b", | ||
| "hoverBorder": "rgba(27,31,35,0.15)", | ||
| "selectedBg": "#2a8f47", | ||
| "selectedShadow": "inset 0 1px 0 rgba(20,70,32,0.2)", | ||
| "disabledText": "rgba(255,255,255,0.8)", | ||
| "disabledBg": "#94d3a2", | ||
| "disabledBorder": "rgba(27,31,35,0.1)", | ||
| "focusBg": "#2ea44f", | ||
| "focusBorder": "rgba(27,31,35,0.15)", | ||
| "focusShadow": "0 0 0 3px rgba(46,164,79,0.4)", | ||
| "icon": "rgba(255,255,255,0.8)", | ||
| "counterBg": "rgba(255,255,255,0.2)" | ||
| }, | ||
| "outline": { | ||
| "text": "#0366d6", | ||
| "hoverText": "#ffffff", | ||
| "hoverBg": "#0366d6", | ||
| "hoverBorder": "rgba(27,31,35,0.15)", | ||
| "hoverShadow": "0 1px 0 rgba(27,31,35,0.1)", | ||
| "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)", | ||
| "hoverCounterBg": "rgba(255,255,255,0.2)", | ||
| "selectedText": "#ffffff", | ||
| "selectedBg": "#035fc7", | ||
| "selectedBorder": "rgba(27,31,35,0.15)", | ||
| "selectedShadow": "inset 0 1px 0 rgba(5,38,76,0.2)", | ||
| "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 0 0 3px rgba(0,92,197,0.4)", | ||
| "counterBg": "rgba(3,102,214,0.1)" | ||
| }, | ||
| "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 0 1px 0 rgba(255,255,255,0.03)", | ||
| "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(203,36,49,0.4)", | ||
| "counterBg": "rgba(215,58,73,0.1)" | ||
| }, | ||
| "counterBg": "rgba(27,31,35,0.08)" | ||
| }, | ||
| "counter": { | ||
| "text": "#24292e", | ||
| "bg": "rgba(209,213,218,0.5)", | ||
| "border": "rgba(209,213,218,0.5)", | ||
| "text": "#24292e" | ||
| "primary": { | ||
| "text": "#ffffff", | ||
| "bg": "#6a737d" | ||
| }, | ||
| "secondary": { | ||
| "text": "#6a737d" | ||
| } | ||
| }, | ||
| "topic": { | ||
| "tagBg": "#f1f8ff", | ||
| "tagBorder": "#f1f8ff", | ||
| "tagText": "#0366d6" | ||
| "dropdown": { | ||
| "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", | ||
| "shadow": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "2px", | ||
| "rgba(27,31,35,0.075)" | ||
| ], | ||
| "shadowFocus": [ | ||
| "0", | ||
| "0", | ||
| "0", | ||
| "0.2em", | ||
| "rgba(3,102,214,0.3)" | ||
| ] | ||
| "border": "#e1e4e8", | ||
| "shadow": "inset 0 1px 2px rgba(27,31,35,0.075)", | ||
| "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", | ||
| "stackFadeMore": "#e1e4e8" | ||
| "stackFadeMore": "#e1e4e8", | ||
| "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)" | ||
| }, | ||
@@ -299,28 +491,141 @@ "toast": { | ||
| "selectMenu": { | ||
| "borderSecondary": "#eaecef", | ||
| "shadow": "0 0 18px rgba(27,31,35,0.4)", | ||
| "backdropBg": "rgba(27,31,35,0.5)", | ||
| "shadow": "rgba(27,31,35,0.4)" | ||
| "backdropBorder": "rgba(0,0,0,0)", | ||
| "tapHighlight": "rgba(209,213,218,0.5)", | ||
| "tapFocusBg": "#dbedff" | ||
| }, | ||
| "box": { | ||
| "blueBorder": "#c8e1ff" | ||
| "blueBorder": "#c8e1ff", | ||
| "rowYellowBg": "#fffbdd", | ||
| "rowBlueBg": "#f1f8ff", | ||
| "headerBlueBg": "#f1f8ff", | ||
| "headerBlueBorder": "#c8e1ff", | ||
| "borderInfo": "rgba(3,102,214,0.2)", | ||
| "bgInfo": "#f1f8ff", | ||
| "borderWarning": "rgba(255,211,61,0.4)", | ||
| "bgWarning": "#fffdef" | ||
| }, | ||
| "dropdown": { | ||
| "border": "rgba(27,31,35,0.15)" | ||
| "branchName": { | ||
| "text": "rgba(27,31,35,0.6)", | ||
| "icon": "#a8bbd0", | ||
| "bg": "#eaf5ff", | ||
| "link": { | ||
| "text": "#0366d6", | ||
| "icon": "#a8bbd0", | ||
| "bg": "#eaf5ff" | ||
| } | ||
| }, | ||
| "popover": { | ||
| "border": "rgba(27,31,35,0.15)" | ||
| "markdown": { | ||
| "codeBg": "rgba(27,31,35,0.05)", | ||
| "frameBorder": "#dfe2e5", | ||
| "blockquoteBorder": "#dfe2e5", | ||
| "tableBorder": "#dfe2e5", | ||
| "tableTrBorder": "#c6cbd1" | ||
| }, | ||
| "icFolder": "#79b8ff", | ||
| "menu": { | ||
| "headingText": "#24292e", | ||
| "borderActive": "#f9826c", | ||
| "bgActive": "rgba(0,0,0,0)" | ||
| }, | ||
| "sidenav": { | ||
| "selectedBg": "#ffffff", | ||
| "borderActive": "#f9826c" | ||
| }, | ||
| "tabnav": { | ||
| "selectedBg": "#ffffff" | ||
| }, | ||
| "header": { | ||
| "text": "rgba(255,255,255,0.7)", | ||
| "bg": "#24292e", | ||
| "logo": "#ffffff" | ||
| }, | ||
| "filterItem": { | ||
| "barBg": "#eff3f6" | ||
| }, | ||
| "hiddenTextExpander": { | ||
| "bg": "#dfe2e5", | ||
| "bgHover": "#c6cbd1" | ||
| }, | ||
| "dragAndDrop": { | ||
| "border": "#c3c8cf" | ||
| }, | ||
| "uploadEnabled": { | ||
| "border": "#dfe2e5", | ||
| "borderFocused": "#4a9eff" | ||
| }, | ||
| "previewableCommentForm": { | ||
| "border": "#c3c8cf", | ||
| "bg": "#ffffff" | ||
| }, | ||
| "underlinenav": { | ||
| "border": "rgba(209,213,218,0)", | ||
| "borderHover": "#d1d5da", | ||
| "borderActive": "#f9826c", | ||
| "text": "#24292e", | ||
| "textHover": "#24292e", | ||
| "textActive": "#24292e", | ||
| "icon": "#959da5", | ||
| "iconHover": "#959da5", | ||
| "iconActive": "#24292e", | ||
| "counterText": "#24292e" | ||
| }, | ||
| "verifiedBadge": { | ||
| "text": "#22863a", | ||
| "bg": "#ffffff", | ||
| "border": "#e1e4e8" | ||
| }, | ||
| "socialCount": { | ||
| "bg": "#ffffff" | ||
| }, | ||
| "headerSearch": { | ||
| "bg": "#24292e", | ||
| "border": "#444d56" | ||
| }, | ||
| "diffstat": { | ||
| "neutralBg": "#d1d5da", | ||
| "neutralBorder": "#d1d5da", | ||
| "deletionBg": "#d73a49", | ||
| "deletionBorder": "#d73a49", | ||
| "additionBg": "#28a745", | ||
| "additionBorder": "#28a745" | ||
| }, | ||
| "iconFolder": "#79b8ff", | ||
| "hlAuthorBg": "#f1f8ff", | ||
| "hlAuthorBorder": "#c8e1ff", | ||
| "logoSubdued": "#d1d5da", | ||
| "diff": { | ||
| "neutralBg": "#d1d5da", | ||
| "deletionBg": "#cb2431", | ||
| "deletionBgStrong": "#1b1f23", | ||
| "deletionBorder": "#1b1f23", | ||
| "deletionBorderStrong": "#1b1f23", | ||
| "additionBg": "#2cbe4e", | ||
| "additionBgStrong": "#1b1f23", | ||
| "additionBorder": "#1b1f23", | ||
| "additionBorderStrong": "#1b1f23" | ||
| "discussionBorder": "#a2cbac", | ||
| "discussionBgSuccess": "#28a745", | ||
| "diffBlob": { | ||
| "numText": "rgba(27,31,35,0.3)", | ||
| "numHoverText": "rgba(27,31,35,0.6)", | ||
| "addition": { | ||
| "numBg": "#cdffd8", | ||
| "lineBg": "#e6ffed", | ||
| "wordBg": "#acf2bd" | ||
| }, | ||
| "deletion": { | ||
| "numBg": "#ffdce0", | ||
| "lineBg": "#ffeef0", | ||
| "wordBg": "#fdb8c0" | ||
| }, | ||
| "hunk": { | ||
| "text": "rgba(27,31,35,0.7)", | ||
| "numBg": "#dbedff", | ||
| "lineBg": "#f1f8ff" | ||
| }, | ||
| "emptyBlockBg": "#fafbfc", | ||
| "selectedLineHighlightBg": "rgba(255,223,93,0.2)", | ||
| "selectedLineHighlightBorder": "#ffd33d", | ||
| "expander": { | ||
| "icon": "#586069", | ||
| "hoverIcon": "#ffffff", | ||
| "hoverBg": "#0366d6" | ||
| }, | ||
| "commentButton": { | ||
| "icon": "#ffffff", | ||
| "bg": "#0366d6", | ||
| "gradientBg": "#0372ef" | ||
| } | ||
| }, | ||
@@ -331,6 +636,7 @@ "globalNav": { | ||
| "text": "#ffffff", | ||
| "icon": "#ffffff", | ||
| "inputBg": "#fafbfc", | ||
| "inputBorder": "#fafbfc", | ||
| "inputIc": "#1b1f23", | ||
| "inputPlaceholder": "#1b1f23" | ||
| "inputIcon": "#d1d5da", | ||
| "inputPlaceholder": "#959da5" | ||
| }, | ||
@@ -348,3 +654,64 @@ "calendarGraph": { | ||
| "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)", | ||
| "successIndicatorBg": "#28a745", | ||
| "successIndicatorBorder": "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)", | ||
| "neutralIndicatorBg": "#6a737d", | ||
| "neutralIndicatorBorder": "rgba(0,0,0,0)", | ||
| "warningIconBg": "#dbab09", | ||
| "warningIconText": "#ffffff", | ||
| "warningIconBorder": "rgba(0,0,0,0)", | ||
| "warningBoxBorder": "#ffd33d", | ||
| "warningMergeHighlight": "rgba(0,0,0,0)", | ||
| "errorIconBg": "#d73a49", | ||
| "errorIconText": "#ffffff", | ||
| "errorIconBorder": "rgba(0,0,0,0)", | ||
| "errorIndicatorBg": "#d73a49", | ||
| "errorIndicatorBorder": "rgba(0,0,0,0)" | ||
| }, | ||
| "project": { | ||
| "cardBg": "#ffffff" | ||
| } | ||
| } |
| export default { | ||
| "scale": { | ||
| "black": "#ffffff", | ||
| "white": "#0d1117", | ||
| "grey": [ | ||
| "black": "#010409", | ||
| "white": "#f0f6fc", | ||
| "gray": [ | ||
| "#f0f6fc", | ||
| "#d5dde5", | ||
| "#b1bac4", | ||
| "#8b949e", | ||
| "#6e7681", | ||
| "#484f58", | ||
| "#30363d", | ||
| "#21262d", | ||
| "#161b22", | ||
| "#0d1117" | ||
| ], | ||
| "blue": [ | ||
| "#cae8ff", | ||
| "#a5d6ff", | ||
| "#79c0ff", | ||
| "#58a6ff", | ||
| "#388bfd", | ||
| "#1f6feb", | ||
| "#1158c7", | ||
| "#0d419d", | ||
| "#0c2d6b", | ||
| "#051d4d" | ||
| ], | ||
| "green": [ | ||
| "#aff5b4", | ||
| "#7ee787", | ||
| "#56d364", | ||
| "#3fb950", | ||
| "#2ea043", | ||
| "#238636", | ||
| "#196c2e", | ||
| "#0f5323", | ||
| "#033a16", | ||
| "#04260f" | ||
| ], | ||
| "yellow": [ | ||
| "#f8e3a1", | ||
| "#f2cc60", | ||
| "#e3b341", | ||
| "#d29922", | ||
| "#bb8009", | ||
| "#9e6a03", | ||
| "#845306", | ||
| "#693e00", | ||
| "#4b2900", | ||
| "#341a00" | ||
| ], | ||
| "orange": [ | ||
| "#ffdfb6", | ||
| "#ffc680", | ||
| "#ffa657", | ||
| "#f0883e", | ||
| "#db6d28", | ||
| "#bd561d", | ||
| "#9b4215", | ||
| "#762d0a", | ||
| "#5a1e02", | ||
| "#3d1300" | ||
| ], | ||
| "red": [ | ||
| "#ffdcd7", | ||
| "#ffc1ba", | ||
| "#ffa198", | ||
| "#ff7b72", | ||
| "#f85149", | ||
| "#da3633", | ||
| "#b62324", | ||
| "#8e1519", | ||
| "#67060c", | ||
| "#490202" | ||
| ], | ||
| "purple": [ | ||
| "#eddeff", | ||
| "#e2c5ff", | ||
| "#d2a8ff", | ||
| "#bc8cff", | ||
| "#a371f7", | ||
| "#8957e5", | ||
| "#6e40c9", | ||
| "#553098", | ||
| "#3c1e70", | ||
| "#271052" | ||
| ], | ||
| "pink": [ | ||
| "#ffdaec", | ||
| "#ffbedd", | ||
| "#ff9bce", | ||
| "#f778ba", | ||
| "#db61a2", | ||
| "#bf4b8a", | ||
| "#9e3670", | ||
| "#7d2457", | ||
| "#5e103e", | ||
| "#42062a" | ||
| ] | ||
| }, | ||
| "auto": { | ||
| "black": "#f0f6fc", | ||
| "white": "#010409", | ||
| "gray": [ | ||
| "#0d1117", | ||
@@ -18,11 +118,11 @@ "#161b22", | ||
| "blue": [ | ||
| "#061e46", | ||
| "#0b2e63", | ||
| "#0d4189", | ||
| "#2456aa", | ||
| "#316ecd", | ||
| "#3f87e9", | ||
| "#54a2fb", | ||
| "#75bbff", | ||
| "#a1d3ff", | ||
| "#051d4d", | ||
| "#0c2d6b", | ||
| "#0d419d", | ||
| "#1158c7", | ||
| "#1f6feb", | ||
| "#388bfd", | ||
| "#58a6ff", | ||
| "#79c0ff", | ||
| "#a5d6ff", | ||
| "#cae8ff" | ||
@@ -32,71 +132,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" | ||
| ] | ||
@@ -107,125 +207,123 @@ }, | ||
| "secondary": "#8b949e", | ||
| "tertiary": "#6e7681", | ||
| "placeholder": "#30363d", | ||
| "disabled": "#30363d", | ||
| "tertiary": "#8b949e", | ||
| "placeholder": "#484f58", | ||
| "disabled": "#484f58", | ||
| "inverse": "#0d1117", | ||
| "linkPrimary": "#3f87e9", | ||
| "linkSecondary": "#f0f6fc", | ||
| "linkTertiary": "#8b949e", | ||
| "danger": "#ed4e50", | ||
| "success": "#3ab550", | ||
| "warning": "#fde15f" | ||
| "link": "#58a6ff", | ||
| "danger": "#f85149", | ||
| "success": "#56d364", | ||
| "warning": "#e3b341", | ||
| "white": "#f0f6fc" | ||
| }, | ||
| "ic": { | ||
| "icon": { | ||
| "primary": "#f0f6fc", | ||
| "secondary": "#8b949e", | ||
| "secondary": "#6e7681", | ||
| "tertiary": "#484f58", | ||
| "info": "#3f87e9", | ||
| "danger": "#ed4e50", | ||
| "success": "#3ab550", | ||
| "warning": "#fde15f" | ||
| "info": "#79c0ff", | ||
| "danger": "#f85149", | ||
| "success": "#56d364", | ||
| "warning": "#e3b341" | ||
| }, | ||
| "hl": { | ||
| "hoverPrimaryBg": "#3f87e9", | ||
| "hoverPrimaryBorder": "#3f87e9", | ||
| "hoverSecondaryBg": "#161b22", | ||
| "hoverSecondaryBorder": "#161b22", | ||
| "selectedPrimaryBg": "#3f87e9", | ||
| "selectedPrimaryBorder": "#3f87e9" | ||
| }, | ||
| "border": { | ||
| "primary": "#21262d", | ||
| "primaryLight": "#272d36", | ||
| "secondary": "#30363d", | ||
| "tertiary": "#0d1117", | ||
| "inverse": "#0d1117", | ||
| "info": "#3f87e9", | ||
| "danger": "#ed4e50", | ||
| "success": "#2f9a42", | ||
| "warning": "#f7d232" | ||
| "primary": "#30363d", | ||
| "secondary": "#21262d", | ||
| "tertiary": "#6e7681", | ||
| "overlay": "#30363d", | ||
| "inverse": "#f0f6fc", | ||
| "info": "rgba(56,139,253,0.4)", | ||
| "danger": "rgba(248,81,73,0.4)", | ||
| "success": "rgba(63,185,80,0.4)", | ||
| "warning": "rgba(187,128,9,0.4)" | ||
| }, | ||
| "bg": { | ||
| "canvas": "#0d1117", | ||
| "canvasMobile": "#010409", | ||
| "canvasInverse": "#f0f6fc", | ||
| "canvasInset": "#06090f", | ||
| "primary": "#0d1117", | ||
| "secondary": "#161b22", | ||
| "tertiary": "#0d1117", | ||
| "overlay": "#0d1117", | ||
| "selected": "#3f87e9", | ||
| "info": "#0b2e63", | ||
| "danger": "#660614", | ||
| "success": "#0a3818", | ||
| "warning": "#b67b00", | ||
| "infoInverse": "#3f87e9", | ||
| "dangerInverse": "#ed4e50", | ||
| "successInverse": "#2f9a42", | ||
| "warningInverse": "#f7d232" | ||
| "secondary": "#0d1117", | ||
| "tertiary": "#161b22", | ||
| "overlay": "#21262d", | ||
| "backdrop": "rgba(1,4,9,0.8)", | ||
| "info": "rgba(56,139,253,0.1)", | ||
| "infoInverse": "#388bfd", | ||
| "danger": "rgba(248,81,73,0.1)", | ||
| "dangerInverse": "#da3633", | ||
| "success": "rgba(46,160,67,0.1)", | ||
| "successInverse": "#2ea043", | ||
| "warning": "rgba(187,128,9,0.1)", | ||
| "warningInverse": "#bb8009" | ||
| }, | ||
| "shadow": { | ||
| "small": [ | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(255,255,255,0.04)" | ||
| ], | ||
| "medium": [ | ||
| "0", | ||
| "3px", | ||
| "6px", | ||
| "rgba(72,79,88,0.15)" | ||
| ], | ||
| "large": [ | ||
| "0", | ||
| "8px", | ||
| "24px", | ||
| "rgba(72,79,88,0.2)" | ||
| ], | ||
| "extraLarge": [ | ||
| "0", | ||
| "12px", | ||
| "48px", | ||
| "rgba(72,79,88,0.3)" | ||
| ], | ||
| "highlight": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(13,17,23,0.25)" | ||
| ], | ||
| "inset": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(33,38,45,0.2)" | ||
| ], | ||
| "focus": [ | ||
| "0", | ||
| "0", | ||
| "0", | ||
| "3px", | ||
| "rgba(63,135,233,0.3)" | ||
| ] | ||
| "small": "0 0 rgba(0,0,0,0)", | ||
| "medium": "0 3px 6px #010409", | ||
| "large": "0 8px 24px #010409", | ||
| "extraLarge": "0 12px 48px #010409", | ||
| "highlight": "0 0 rgba(0,0,0,0)", | ||
| "inset": "0 0 rgba(0,0,0,0)" | ||
| }, | ||
| "state": { | ||
| "hover": { | ||
| "primaryBg": "#1f6feb", | ||
| "primaryBorder": "#388bfd", | ||
| "primaryText": "#f0f6fc", | ||
| "primaryIcon": "#f0f6fc", | ||
| "secondaryBg": "#161b22", | ||
| "secondaryBorder": "#161b22" | ||
| }, | ||
| "selected": { | ||
| "primaryBg": "#1f6feb", | ||
| "primaryBorder": "#388bfd", | ||
| "primaryText": "#f0f6fc", | ||
| "primaryIcon": "#f0f6fc" | ||
| }, | ||
| "focus": { | ||
| "border": "#388bfd", | ||
| "shadow": "0 0 0 3px #0c2d6b" | ||
| } | ||
| }, | ||
| "fade": { | ||
| "black10": "rgba(1,4,9,0.1)", | ||
| "black15": "rgba(1,4,9,0.15)", | ||
| "black30": "rgba(1,4,9,0.3)", | ||
| "black50": "rgba(1,4,9,0.5)", | ||
| "black70": "rgba(1,4,9,0.7)", | ||
| "black85": "rgba(1,4,9,0.85)", | ||
| "white10": "rgba(240,246,252,0.1)", | ||
| "white15": "rgba(240,246,252,0.15)", | ||
| "white30": "rgba(240,246,252,0.3)", | ||
| "white50": "rgba(240,246,252,0.5)", | ||
| "white70": "rgba(240,246,252,0.7)", | ||
| "white85": "rgba(240,246,252,0.85)" | ||
| }, | ||
| "alert": { | ||
| "bg": "#0b2e63", | ||
| "border": "rgba(117,187,255,0.2)", | ||
| "icon": "rgba(117,187,255,0.6)", | ||
| "info": { | ||
| "text": "#79c0ff", | ||
| "icon": "#79c0ff", | ||
| "bg": "rgba(56,139,253,0.1)", | ||
| "border": "rgba(56,139,253,0.4)" | ||
| }, | ||
| "warn": { | ||
| "bg": "#9b6400", | ||
| "border": "rgba(253,225,95,0.2)", | ||
| "icon": "#fde15f" | ||
| "text": "#e3b341", | ||
| "icon": "#e3b341", | ||
| "bg": "rgba(187,128,9,0.1)", | ||
| "border": "rgba(187,128,9,0.4)" | ||
| }, | ||
| "error": { | ||
| "bg": "#ffe3e6", | ||
| "border": "rgba(255,189,186,0.2)", | ||
| "icon": "rgba(255,189,186,0.6)" | ||
| "text": "#ff7b72", | ||
| "icon": "#ff7b72", | ||
| "bg": "rgba(248,81,73,0.1)", | ||
| "border": "rgba(248,81,73,0.4)" | ||
| }, | ||
| "success": { | ||
| "bg": "#0a3818", | ||
| "border": "rgba(88,206,101,0.2)", | ||
| "icon": "rgba(88,206,101,0.8)" | ||
| "text": "#56d364", | ||
| "icon": "#56d364", | ||
| "bg": "rgba(46,160,67,0.1)", | ||
| "border": "rgba(46,160,67,0.4)" | ||
| } | ||
| }, | ||
| "autocomplete": { | ||
| "shadow": "0 16px 32px rgba(1,4,9,0.85)", | ||
| "rowBorder": "#30363d" | ||
| }, | ||
| "blankslate": { | ||
@@ -235,53 +333,147 @@ "icon": "#535c66" | ||
| "btn": { | ||
| "bg": "#0d1117", | ||
| "border": "rgba(13,17,23,0.15)", | ||
| "text": "#f0f6fc", | ||
| "ic": "#6e7681", | ||
| "bgHover": "#f3f4f6", | ||
| "bgActive": "#edeff2", | ||
| "bg": "#21262d", | ||
| "border": "#30363d", | ||
| "shadow": "0 0 rgba(0,0,0,0)", | ||
| "insetShadow": "0 0 rgba(0,0,0,0)", | ||
| "hoverBg": "#30363d", | ||
| "hoverBorder": "#8b949e", | ||
| "selectedBg": "#161b22", | ||
| "focusBg": "#21262d", | ||
| "focusBorder": "#8b949e", | ||
| "focusShadow": "0 0 0 3px rgba(139,148,158,0.3)", | ||
| "shadowActive": "inset 0 0.15em 0.3em rgba(1,4,9,0.15)", | ||
| "shadowInputFocus": "0 0 0 0.2em rgba(31,111,235,0.3)", | ||
| "primary": { | ||
| "bg": "#2ea44f", | ||
| "border": "rgba(13,17,23,0.15)", | ||
| "text": "#0d1117", | ||
| "ic": "#0d1117", | ||
| "bgHover": "#ffffff", | ||
| "bgActive": "#ffffff", | ||
| "boxShadow": "#ffffff", | ||
| "boxShadowHighlight": "#ffffff", | ||
| "boxShadowInset": "#ffffff", | ||
| "boxShadowFocus": "#ffffff" | ||
| } | ||
| "text": "#ffffff", | ||
| "bg": "#238636", | ||
| "border": "#2ea043", | ||
| "shadow": "0 0 rgba(0,0,0,0)", | ||
| "insetShadow": "0 0 rgba(0,0,0,0)", | ||
| "hoverBg": "#2ea043", | ||
| "hoverBorder": "#3fb950", | ||
| "selectedBg": "#238636", | ||
| "selectedShadow": "0 0 rgba(0,0,0,0)", | ||
| "disabledText": "rgba(240,246,252,0.5)", | ||
| "disabledBg": "#238636", | ||
| "disabledBorder": "#238636", | ||
| "focusBg": "#238636", | ||
| "focusBorder": "#3fb950", | ||
| "focusShadow": "0 0 0 3px rgba(46,164,79,0.4)", | ||
| "icon": "#f0f6fc", | ||
| "counterBg": "rgba(240,246,252,0.2)" | ||
| }, | ||
| "outline": { | ||
| "text": "#58a6ff", | ||
| "hoverText": "#58a6ff", | ||
| "hoverBg": "#30363d", | ||
| "hoverBorder": "#58a6ff", | ||
| "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)", | ||
| "hoverInsetShadow": "inset 0 1px 0 rgba(240,246,252,0.03)", | ||
| "hoverCounterBg": "rgba(240,246,252,0.2)", | ||
| "selectedText": "#f0f6fc", | ||
| "selectedBg": "#0d419d", | ||
| "selectedBorder": "rgba(240,246,252,0.1)", | ||
| "selectedShadow": "0 0 rgba(0,0,0,0)", | ||
| "disabledText": "#58a6ff", | ||
| "disabledBg": "#0d1117", | ||
| "disabledCounterBg": "rgba(31,111,235,0.05)", | ||
| "focusBorder": "#58a6ff", | ||
| "focusShadow": "0 0 0 3px rgba(17,88,199,0.4)", | ||
| "counterBg": "rgba(31,111,235,0.1)" | ||
| }, | ||
| "danger": { | ||
| "text": "#f85149", | ||
| "hoverText": "#ffffff", | ||
| "hoverBg": "#da3633", | ||
| "hoverBorder": "#f85149", | ||
| "hoverShadow": "0 0 rgba(0,0,0,0)", | ||
| "hoverInsetShadow": "0 0 rgba(0,0,0,0)", | ||
| "hoverCounterBg": "rgba(255,255,255,0.2)", | ||
| "selectedText": "#ffffff", | ||
| "selectedBg": "#b62324", | ||
| "selectedBorder": "rgba(240,246,252,0.1)", | ||
| "selectedShadow": "0 0 rgba(0,0,0,0)", | ||
| "disabledText": "#f85149", | ||
| "disabledBg": "#0d1117", | ||
| "disabledCounterBg": "rgba(218,54,51,0.05)", | ||
| "focusBorder": "#f85149", | ||
| "focusShadow": "0 0 0 3px rgba(182,35,36,0.4)", | ||
| "counterBg": "rgba(218,54,51,0.1)" | ||
| }, | ||
| "counterBg": "#30363d" | ||
| }, | ||
| "counter": { | ||
| "bg": "rgba(209,213,218,0.5)", | ||
| "border": "rgba(209,213,218,0.5)", | ||
| "text": "#f0f6fc" | ||
| "text": "#f0f6fc", | ||
| "bg": "#30363d", | ||
| "primary": { | ||
| "text": "#f0f6fc", | ||
| "bg": "#6e7681" | ||
| }, | ||
| "secondary": { | ||
| "text": "#8b949e" | ||
| } | ||
| }, | ||
| "topic": { | ||
| "tagBg": "#061e46", | ||
| "tagBorder": "#061e46", | ||
| "tagText": "#3f87e9" | ||
| "dropdown": { | ||
| "shadow": "0 16px 32px rgba(1,4,9,0.85)" | ||
| }, | ||
| "label": { | ||
| "border": "#30363d", | ||
| "primary": { | ||
| "text": "#b1bac4", | ||
| "border": "#6e7681" | ||
| }, | ||
| "secondary": { | ||
| "text": "#8b949e", | ||
| "border": "#30363d" | ||
| }, | ||
| "info": { | ||
| "text": "#388bfd", | ||
| "border": "rgba(56,139,253,0.4)" | ||
| }, | ||
| "success": { | ||
| "text": "#3fb950", | ||
| "border": "rgba(46,160,67,0.4)" | ||
| }, | ||
| "warning": { | ||
| "text": "#e3b341", | ||
| "border": "rgba(242,211,91,0.4)" | ||
| }, | ||
| "danger": { | ||
| "text": "#f85149", | ||
| "border": "rgba(248,81,73,0.4)" | ||
| } | ||
| }, | ||
| "input": { | ||
| "bg": "#0d1117", | ||
| "contrastBg": "#0d1117", | ||
| "shadow": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "2px", | ||
| "rgba(255,255,255,0.075)" | ||
| ], | ||
| "shadowFocus": [ | ||
| "0", | ||
| "0", | ||
| "0", | ||
| "0.2em", | ||
| "rgba(63,135,233,0.3)" | ||
| ] | ||
| "contrastBg": "rgba(1,4,9,0.3)", | ||
| "border": "rgba(240,246,252,0.1)", | ||
| "shadow": "0 0 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(13,17,23,0.1)", | ||
| "border": "rgba(240,246,252,0.1)", | ||
| "stackFade": "#30363d", | ||
| "stackFadeMore": "#21262d" | ||
| "stackFadeMore": "#21262d", | ||
| "childShadow": "-2px -2px 0 #0d1117" | ||
| }, | ||
@@ -293,50 +485,164 @@ "toast": { | ||
| "text": "#b1bac4", | ||
| "badgeBg": "#21262d", | ||
| "targetBadgeBorder": "#316ecd", | ||
| "targetBadgeShadow": "#0d4189" | ||
| "badgeBg": "#0d1117", | ||
| "targetBadgeBorder": "#1f6feb", | ||
| "targetBadgeShadow": "#0d419d" | ||
| }, | ||
| "selectMenu": { | ||
| "backdropBg": "rgba(13,17,23,0.5)", | ||
| "shadow": "rgba(255,255,255,0.4)" | ||
| "borderSecondary": "#30363d", | ||
| "shadow": "0 0 18px rgba(1,4,9,0.4)", | ||
| "backdropBg": "rgba(1,4,9,0.5)", | ||
| "backdropBorder": "#484f58", | ||
| "tapHighlight": "rgba(48,54,61,0.5)", | ||
| "tapFocusBg": "#0c2d6b" | ||
| }, | ||
| "box": { | ||
| "blueBorder": "#0d4189" | ||
| "blueBorder": "#0d419d", | ||
| "rowYellowBg": "rgba(235,196,64,0.1)", | ||
| "rowBlueBg": "rgba(121,192,255,0.1)", | ||
| "headerBlueBg": "#0d1117", | ||
| "headerBlueBorder": "#30363d", | ||
| "borderInfo": "rgba(56,139,253,0.4)", | ||
| "bgInfo": "rgba(56,139,253,0.1)", | ||
| "borderWarning": "rgba(187,128,9,0.4)", | ||
| "bgWarning": "rgba(187,128,9,0.1)" | ||
| }, | ||
| "dropdown": { | ||
| "border": "rgba(13,17,23,0.15)" | ||
| "branchName": { | ||
| "text": "#f0f6fc", | ||
| "icon": "#b1bac4", | ||
| "bg": "rgba(88,166,255,0.1)", | ||
| "link": { | ||
| "text": "#58a6ff", | ||
| "icon": "#58a6ff", | ||
| "bg": "rgba(88,166,255,0.1)" | ||
| } | ||
| }, | ||
| "popover": { | ||
| "border": "rgba(13,17,23,0.15)" | ||
| "markdown": { | ||
| "codeBg": "rgba(240,246,252,0.05)", | ||
| "frameBorder": "#3b434b", | ||
| "blockquoteBorder": "#3b434b", | ||
| "tableBorder": "#3b434b", | ||
| "tableTrBorder": "#272c32" | ||
| }, | ||
| "icFolder": "#2456aa", | ||
| "hlAuthorBg": "#061e46", | ||
| "hlAuthorBorder": "#0d4189", | ||
| "logoSubdued": "#30363d", | ||
| "diff": { | ||
| "menu": { | ||
| "headingText": "#8b949e", | ||
| "borderActive": "#f78166", | ||
| "bgActive": "#161b22" | ||
| }, | ||
| "sidenav": { | ||
| "selectedBg": "#21262d", | ||
| "borderActive": "#f78166" | ||
| }, | ||
| "tabnav": { | ||
| "selectedBg": "#0d1117" | ||
| }, | ||
| "header": { | ||
| "text": "rgba(240,246,252,0.7)", | ||
| "bg": "#161b22", | ||
| "logo": "#f0f6fc" | ||
| }, | ||
| "filterItem": { | ||
| "barBg": "#12161c" | ||
| }, | ||
| "hiddenTextExpander": { | ||
| "bg": "#3b434b", | ||
| "bgHover": "#272c32" | ||
| }, | ||
| "dragAndDrop": { | ||
| "border": "#25292f" | ||
| }, | ||
| "uploadEnabled": { | ||
| "border": "#3b434b", | ||
| "borderFocused": "#4487ee" | ||
| }, | ||
| "previewableCommentForm": { | ||
| "border": "#25292f", | ||
| "bg": "#161b22" | ||
| }, | ||
| "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" | ||
| }, | ||
| "diffstat": { | ||
| "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", | ||
| "deletionBorder": "#f85149", | ||
| "additionBg": "#238636", | ||
| "additionBorder": "#2ea043" | ||
| }, | ||
| "iconFolder": "#6e7681", | ||
| "hlAuthorBg": "#051d4d", | ||
| "hlAuthorBorder": "#0d419d", | ||
| "logoSubdued": "#30363d", | ||
| "discussionBorder": "#34513b", | ||
| "discussionBgSuccess": "rgba(46,160,67,0.1)", | ||
| "diffBlob": { | ||
| "numText": "rgba(240,246,252,0.3)", | ||
| "numHoverText": "rgba(240,246,252,0.6)", | ||
| "addition": { | ||
| "numBg": "rgba(35,134,54,0.3)", | ||
| "lineBg": "rgba(35,134,54,0.15)", | ||
| "wordBg": "rgba(35,134,54,0.3)" | ||
| }, | ||
| "deletion": { | ||
| "numBg": "rgba(218,54,51,0.3)", | ||
| "lineBg": "rgba(218,54,51,0.15)", | ||
| "wordBg": "rgba(218,54,51,0.3)" | ||
| }, | ||
| "hunk": { | ||
| "text": "#8b949e", | ||
| "numBg": "rgba(88,166,255,0.15)", | ||
| "lineBg": "rgba(88,166,255,0.1)" | ||
| }, | ||
| "emptyBlockBg": "#161b22", | ||
| "selectedLineHighlightBg": "rgba(187,128,9,0.1)", | ||
| "selectedLineHighlightBorder": "#bb8009", | ||
| "expander": { | ||
| "icon": "#8b949e", | ||
| "hoverIcon": "#f0f6fc", | ||
| "hoverBg": "#1f6feb" | ||
| }, | ||
| "commentButton": { | ||
| "icon": "#f0f6fc", | ||
| "bg": "#1f6feb", | ||
| "gradientBg": "#367eed" | ||
| } | ||
| }, | ||
| "globalNav": { | ||
| "logo": "#0d1117", | ||
| "bg": "#f0f6fc", | ||
| "text": "#0d1117", | ||
| "logo": "#f0f6fc", | ||
| "bg": "#161b22", | ||
| "text": "#f0f6fc", | ||
| "icon": "#f0f6fc", | ||
| "inputBg": "#0d1117", | ||
| "inputBorder": "#0d1117", | ||
| "inputIc": "#ffffff", | ||
| "inputPlaceholder": "#ffffff" | ||
| "inputBorder": "#21262d", | ||
| "inputIcon": "#21262d", | ||
| "inputPlaceholder": "#484f58" | ||
| }, | ||
| "calendarGraph": { | ||
| "dayBg": "#ebedf0", | ||
| "dayBg": "#161b22", | ||
| "dayBorder": "rgba(27,31,35,0.06)", | ||
| "dayL1Bg": "#9be9a8", | ||
| "dayL2Bg": "#40c463", | ||
| "dayL3Bg": "#30a14e", | ||
| "dayL4Bg": "#216e39", | ||
| "dayL1Bg": "#0c2b1e", | ||
| "dayL2Bg": "#034525", | ||
| "dayL3Bg": "#0f6d31", | ||
| "dayL4Bg": "#00c647", | ||
| "dayL4Border": "rgba(27,31,35,0.06)", | ||
@@ -346,3 +652,64 @@ "dayL3Border": "rgba(27,31,35,0.06)", | ||
| "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)", | ||
| "successIndicatorBg": "#238636", | ||
| "successIndicatorBorder": "#2ea043", | ||
| "mergedIconBg": "rgba(188,140,255,0.1)", | ||
| "mergedIconText": "#a371f7", | ||
| "mergedIconBorder": "rgba(188,140,255,0.4)", | ||
| "mergedBoxBorder": "rgba(188,140,255,0.4)", | ||
| "neutralIconBg": "rgba(213,221,229,0.1)", | ||
| "neutralIconText": "#8b949e", | ||
| "neutralIconBorder": "rgba(213,221,229,0.4)", | ||
| "neutralIndicatorBg": "#484f58", | ||
| "neutralIndicatorBorder": "#6e7681", | ||
| "warningIconBg": "rgba(187,128,9,0.1)", | ||
| "warningIconText": "#e3b341", | ||
| "warningIconBorder": "rgba(187,128,9,0.4)", | ||
| "warningBoxBorder": "rgba(187,128,9,0.4)", | ||
| "warningMergeHighlight": "rgba(187,128,9,0.1)", | ||
| "errorIconBg": "rgba(248,81,73,0.1)", | ||
| "errorIconText": "#f85149", | ||
| "errorIconBorder": "rgba(248,81,73,0.4)", | ||
| "errorIndicatorBg": "#da3633", | ||
| "errorIndicatorBorder": "#f85149" | ||
| }, | ||
| "project": { | ||
| "cardBg": "#161b22" | ||
| } | ||
| } |
@@ -5,3 +5,3 @@ export default { | ||
| "white": "#ffffff", | ||
| "grey": [ | ||
| "gray": [ | ||
| "#fafbfc", | ||
@@ -103,2 +103,102 @@ "#f6f8fa", | ||
| }, | ||
| "auto": { | ||
| "black": "#1b1f23", | ||
| "white": "#ffffff", | ||
| "gray": [ | ||
| "#fafbfc", | ||
| "#f6f8fa", | ||
| "#e1e4e8", | ||
| "#d1d5da", | ||
| "#959da5", | ||
| "#6a737d", | ||
| "#586069", | ||
| "#444d56", | ||
| "#2f363d", | ||
| "#24292e" | ||
| ], | ||
| "blue": [ | ||
| "#f1f8ff", | ||
| "#dbedff", | ||
| "#c8e1ff", | ||
| "#79b8ff", | ||
| "#2188ff", | ||
| "#0366d6", | ||
| "#005cc5", | ||
| "#044289", | ||
| "#032f62", | ||
| "#05264c" | ||
| ], | ||
| "green": [ | ||
| "#f0fff4", | ||
| "#dcffe4", | ||
| "#bef5cb", | ||
| "#85e89d", | ||
| "#34d058", | ||
| "#28a745", | ||
| "#22863a", | ||
| "#176f2c", | ||
| "#165c26", | ||
| "#144620" | ||
| ], | ||
| "yellow": [ | ||
| "#fffdef", | ||
| "#fffbdd", | ||
| "#fff5b1", | ||
| "#ffea7f", | ||
| "#ffdf5d", | ||
| "#ffd33d", | ||
| "#f9c513", | ||
| "#dbab09", | ||
| "#b08800", | ||
| "#735c0f" | ||
| ], | ||
| "orange": [ | ||
| "#fff8f2", | ||
| "#ffebda", | ||
| "#ffd1ac", | ||
| "#ffab70", | ||
| "#fb8532", | ||
| "#f66a0a", | ||
| "#e36209", | ||
| "#d15704", | ||
| "#c24e00", | ||
| "#a04100" | ||
| ], | ||
| "red": [ | ||
| "#ffeef0", | ||
| "#ffdce0", | ||
| "#fdaeb7", | ||
| "#f97583", | ||
| "#ea4a5a", | ||
| "#d73a49", | ||
| "#cb2431", | ||
| "#b31d28", | ||
| "#9e1c23", | ||
| "#86181d" | ||
| ], | ||
| "purple": [ | ||
| "#f5f0ff", | ||
| "#e6dcfd", | ||
| "#d1bcf9", | ||
| "#b392f0", | ||
| "#8a63d2", | ||
| "#6f42c1", | ||
| "#5a32a3", | ||
| "#4c2889", | ||
| "#3a1d6e", | ||
| "#29134e" | ||
| ], | ||
| "pink": [ | ||
| "#ffeef8", | ||
| "#fedbf0", | ||
| "#f9b3dd", | ||
| "#f692ce", | ||
| "#ec6cb9", | ||
| "#ea4aaa", | ||
| "#d03592", | ||
| "#b93a86", | ||
| "#99306f", | ||
| "#6d224f" | ||
| ] | ||
| }, | ||
| "text": { | ||
@@ -108,13 +208,12 @@ "primary": "#24292e", | ||
| "tertiary": "#6a737d", | ||
| "placeholder": "#d1d5da", | ||
| "disabled": "#d1d5da", | ||
| "placeholder": "#6a737d", | ||
| "disabled": "#6a737d", | ||
| "inverse": "#ffffff", | ||
| "linkPrimary": "#0366d6", | ||
| "linkSecondary": "#24292e", | ||
| "linkTertiary": "#586069", | ||
| "danger": "#d73a49", | ||
| "link": "#0366d6", | ||
| "danger": "#cb2431", | ||
| "success": "#22863a", | ||
| "warning": "#b08800" | ||
| "warning": "#b08800", | ||
| "white": "#ffffff" | ||
| }, | ||
| "ic": { | ||
| "icon": { | ||
| "primary": "#24292e", | ||
@@ -128,105 +227,104 @@ "secondary": "#586069", | ||
| }, | ||
| "hl": { | ||
| "hoverPrimaryBg": "#0366d6", | ||
| "hoverPrimaryBorder": "#0366d6", | ||
| "hoverSecondaryBg": "#f6f8fa", | ||
| "hoverSecondaryBorder": "#f6f8fa", | ||
| "selectedPrimaryBg": "#0366d6", | ||
| "selectedPrimaryBorder": "#0366d6" | ||
| }, | ||
| "border": { | ||
| "primary": "#e1e4e8", | ||
| "primaryLight": "#eaecef", | ||
| "secondary": "#d1d5da", | ||
| "tertiary": "#fafbfc", | ||
| "secondary": "#eaecef", | ||
| "tertiary": "#d1d5da", | ||
| "overlay": "#e1e4e8", | ||
| "inverse": "#ffffff", | ||
| "info": "#0366d6", | ||
| "danger": "#d73a49", | ||
| "success": "#28a745", | ||
| "warning": "#dbab09" | ||
| "success": "#34d058", | ||
| "warning": "#f9c513" | ||
| }, | ||
| "bg": { | ||
| "canvas": "#ffffff", | ||
| "canvasMobile": "#ffffff", | ||
| "canvasInverse": "#24292e", | ||
| "canvasInset": "#f6f8fa", | ||
| "primary": "#ffffff", | ||
| "secondary": "#f6f8fa", | ||
| "tertiary": "#fafbfc", | ||
| "secondary": "#fafbfc", | ||
| "tertiary": "#f6f8fa", | ||
| "overlay": "#ffffff", | ||
| "selected": "#0366d6", | ||
| "info": "#dbedff", | ||
| "danger": "#ffdce0", | ||
| "success": "#dcffe4", | ||
| "warning": "#fff5b1", | ||
| "backdrop": "rgba(27,31,35,0.5)", | ||
| "info": "#f1f8ff", | ||
| "infoInverse": "#0366d6", | ||
| "danger": "#ffeef0", | ||
| "dangerInverse": "#d73a49", | ||
| "success": "#dcffe4", | ||
| "successInverse": "#28a745", | ||
| "warningInverse": "#dbab09" | ||
| "warning": "#fff5b1", | ||
| "warningInverse": "#ffd33d" | ||
| }, | ||
| "shadow": { | ||
| "small": [ | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(27,31,35,0.04)" | ||
| ], | ||
| "medium": [ | ||
| "0", | ||
| "3px", | ||
| "6px", | ||
| "rgba(149,157,165,0.15)" | ||
| ], | ||
| "large": [ | ||
| "0", | ||
| "8px", | ||
| "24px", | ||
| "rgba(149,157,165,0.2)" | ||
| ], | ||
| "extraLarge": [ | ||
| "0", | ||
| "12px", | ||
| "48px", | ||
| "rgba(149,157,165,0.3)" | ||
| ], | ||
| "highlight": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(255,255,255,0.25)" | ||
| ], | ||
| "inset": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "0", | ||
| "rgba(225,228,232,0.2)" | ||
| ], | ||
| "focus": [ | ||
| "0", | ||
| "0", | ||
| "0", | ||
| "3px", | ||
| "rgba(3,102,214,0.3)" | ||
| ] | ||
| "small": "0 1px 0 rgba(27,31,35,0.04)", | ||
| "medium": "0 3px 6px rgba(149,157,165,0.15)", | ||
| "large": "0 8px 24px rgba(149,157,165,0.2)", | ||
| "extraLarge": "0 12px 48px rgba(149,157,165,0.3)", | ||
| "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)", | ||
| "inset": "inset 0 1px 0 rgba(225,228,232,0.2)" | ||
| }, | ||
| "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": { | ||
| "black10": "rgba(27,31,35,0.1)", | ||
| "black15": "rgba(27,31,35,0.15)", | ||
| "black30": "rgba(27,31,35,0.3)", | ||
| "black50": "rgba(27,31,35,0.5)", | ||
| "black70": "rgba(27,31,35,0.7)", | ||
| "black85": "rgba(27,31,35,0.85)", | ||
| "white10": "rgba(255,255,255,0.1)", | ||
| "white15": "rgba(255,255,255,0.15)", | ||
| "white30": "rgba(255,255,255,0.3)", | ||
| "white50": "rgba(255,255,255,0.5)", | ||
| "white70": "rgba(255,255,255,0.7)", | ||
| "white85": "rgba(255,255,255,0.85)" | ||
| }, | ||
| "alert": { | ||
| "bg": "#dbedff", | ||
| "border": "rgba(4,66,137,0.2)", | ||
| "icon": "rgba(4,66,137,0.6)", | ||
| "info": { | ||
| "text": "#24292e", | ||
| "icon": "rgba(4,66,137,0.6)", | ||
| "bg": "#dbedff", | ||
| "border": "rgba(4,66,137,0.2)" | ||
| }, | ||
| "warn": { | ||
| "text": "#24292e", | ||
| "icon": "#b08800", | ||
| "bg": "#fffbdd", | ||
| "border": "rgba(176,136,0,0.2)", | ||
| "icon": "#b08800" | ||
| "border": "rgba(176,136,0,0.2)" | ||
| }, | ||
| "error": { | ||
| "text": "#24292e", | ||
| "icon": "rgba(158,28,35,0.6)", | ||
| "bg": "#ffe3e6", | ||
| "border": "rgba(158,28,35,0.2)", | ||
| "icon": "rgba(158,28,35,0.6)" | ||
| "border": "rgba(158,28,35,0.2)" | ||
| }, | ||
| "success": { | ||
| "text": "#24292e", | ||
| "icon": "rgba(23,111,44,0.8)", | ||
| "bg": "#dcffe4", | ||
| "border": "rgba(23,111,44,0.2)", | ||
| "icon": "rgba(23,111,44,0.8)" | ||
| "border": "rgba(23,111,44,0.2)" | ||
| } | ||
| }, | ||
| "autocomplete": { | ||
| "shadow": "0 3px 6px rgba(149,157,165,0.15)", | ||
| "rowBorder": "#eaecef" | ||
| }, | ||
| "blankslate": { | ||
@@ -236,53 +334,147 @@ "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": "inset 0 0.15em 0.3em rgba(27,31,35,0.15)", | ||
| "shadowInputFocus": "0 0 0 0.2em rgba(3,102,214,0.3)", | ||
| "primary": { | ||
| "text": "#ffffff", | ||
| "bg": "#2ea44f", | ||
| "border": "rgba(27,31,35,0.15)", | ||
| "text": "#ffffff", | ||
| "ic": "#ffffff", | ||
| "bgHover": "#1b1f23", | ||
| "bgActive": "#1b1f23", | ||
| "boxShadow": "#1b1f23", | ||
| "boxShadowHighlight": "#1b1f23", | ||
| "boxShadowInset": "#1b1f23", | ||
| "boxShadowFocus": "#1b1f23" | ||
| } | ||
| "shadow": "0 1px 0 rgba(27,31,35,0.1)", | ||
| "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)", | ||
| "hoverBg": "#2c974b", | ||
| "hoverBorder": "rgba(27,31,35,0.15)", | ||
| "selectedBg": "#2a8f47", | ||
| "selectedShadow": "inset 0 1px 0 rgba(20,70,32,0.2)", | ||
| "disabledText": "rgba(255,255,255,0.8)", | ||
| "disabledBg": "#94d3a2", | ||
| "disabledBorder": "rgba(27,31,35,0.1)", | ||
| "focusBg": "#2ea44f", | ||
| "focusBorder": "rgba(27,31,35,0.15)", | ||
| "focusShadow": "0 0 0 3px rgba(46,164,79,0.4)", | ||
| "icon": "rgba(255,255,255,0.8)", | ||
| "counterBg": "rgba(255,255,255,0.2)" | ||
| }, | ||
| "outline": { | ||
| "text": "#0366d6", | ||
| "hoverText": "#ffffff", | ||
| "hoverBg": "#0366d6", | ||
| "hoverBorder": "rgba(27,31,35,0.15)", | ||
| "hoverShadow": "0 1px 0 rgba(27,31,35,0.1)", | ||
| "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)", | ||
| "hoverCounterBg": "rgba(255,255,255,0.2)", | ||
| "selectedText": "#ffffff", | ||
| "selectedBg": "#035fc7", | ||
| "selectedBorder": "rgba(27,31,35,0.15)", | ||
| "selectedShadow": "inset 0 1px 0 rgba(5,38,76,0.2)", | ||
| "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 0 0 3px rgba(0,92,197,0.4)", | ||
| "counterBg": "rgba(3,102,214,0.1)" | ||
| }, | ||
| "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 0 1px 0 rgba(255,255,255,0.03)", | ||
| "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(203,36,49,0.4)", | ||
| "counterBg": "rgba(215,58,73,0.1)" | ||
| }, | ||
| "counterBg": "rgba(27,31,35,0.08)" | ||
| }, | ||
| "counter": { | ||
| "text": "#24292e", | ||
| "bg": "rgba(209,213,218,0.5)", | ||
| "border": "rgba(209,213,218,0.5)", | ||
| "text": "#24292e" | ||
| "primary": { | ||
| "text": "#ffffff", | ||
| "bg": "#6a737d" | ||
| }, | ||
| "secondary": { | ||
| "text": "#6a737d" | ||
| } | ||
| }, | ||
| "topic": { | ||
| "tagBg": "#f1f8ff", | ||
| "tagBorder": "#f1f8ff", | ||
| "tagText": "#0366d6" | ||
| "dropdown": { | ||
| "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", | ||
| "shadow": [ | ||
| "inset", | ||
| "0", | ||
| "1px", | ||
| "2px", | ||
| "rgba(27,31,35,0.075)" | ||
| ], | ||
| "shadowFocus": [ | ||
| "0", | ||
| "0", | ||
| "0", | ||
| "0.2em", | ||
| "rgba(3,102,214,0.3)" | ||
| ] | ||
| "border": "#e1e4e8", | ||
| "shadow": "inset 0 1px 2px rgba(27,31,35,0.075)", | ||
| "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", | ||
| "stackFadeMore": "#e1e4e8" | ||
| "stackFadeMore": "#e1e4e8", | ||
| "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)" | ||
| }, | ||
@@ -299,28 +491,141 @@ "toast": { | ||
| "selectMenu": { | ||
| "borderSecondary": "#eaecef", | ||
| "shadow": "0 0 18px rgba(27,31,35,0.4)", | ||
| "backdropBg": "rgba(27,31,35,0.5)", | ||
| "shadow": "rgba(27,31,35,0.4)" | ||
| "backdropBorder": "rgba(0,0,0,0)", | ||
| "tapHighlight": "rgba(209,213,218,0.5)", | ||
| "tapFocusBg": "#dbedff" | ||
| }, | ||
| "box": { | ||
| "blueBorder": "#c8e1ff" | ||
| "blueBorder": "#c8e1ff", | ||
| "rowYellowBg": "#fffbdd", | ||
| "rowBlueBg": "#f1f8ff", | ||
| "headerBlueBg": "#f1f8ff", | ||
| "headerBlueBorder": "#c8e1ff", | ||
| "borderInfo": "rgba(3,102,214,0.2)", | ||
| "bgInfo": "#f1f8ff", | ||
| "borderWarning": "rgba(255,211,61,0.4)", | ||
| "bgWarning": "#fffdef" | ||
| }, | ||
| "dropdown": { | ||
| "border": "rgba(27,31,35,0.15)" | ||
| "branchName": { | ||
| "text": "rgba(27,31,35,0.6)", | ||
| "icon": "#a8bbd0", | ||
| "bg": "#eaf5ff", | ||
| "link": { | ||
| "text": "#0366d6", | ||
| "icon": "#a8bbd0", | ||
| "bg": "#eaf5ff" | ||
| } | ||
| }, | ||
| "popover": { | ||
| "border": "rgba(27,31,35,0.15)" | ||
| "markdown": { | ||
| "codeBg": "rgba(27,31,35,0.05)", | ||
| "frameBorder": "#dfe2e5", | ||
| "blockquoteBorder": "#dfe2e5", | ||
| "tableBorder": "#dfe2e5", | ||
| "tableTrBorder": "#c6cbd1" | ||
| }, | ||
| "icFolder": "#79b8ff", | ||
| "menu": { | ||
| "headingText": "#24292e", | ||
| "borderActive": "#f9826c", | ||
| "bgActive": "rgba(0,0,0,0)" | ||
| }, | ||
| "sidenav": { | ||
| "selectedBg": "#ffffff", | ||
| "borderActive": "#f9826c" | ||
| }, | ||
| "tabnav": { | ||
| "selectedBg": "#ffffff" | ||
| }, | ||
| "header": { | ||
| "text": "rgba(255,255,255,0.7)", | ||
| "bg": "#24292e", | ||
| "logo": "#ffffff" | ||
| }, | ||
| "filterItem": { | ||
| "barBg": "#eff3f6" | ||
| }, | ||
| "hiddenTextExpander": { | ||
| "bg": "#dfe2e5", | ||
| "bgHover": "#c6cbd1" | ||
| }, | ||
| "dragAndDrop": { | ||
| "border": "#c3c8cf" | ||
| }, | ||
| "uploadEnabled": { | ||
| "border": "#dfe2e5", | ||
| "borderFocused": "#4a9eff" | ||
| }, | ||
| "previewableCommentForm": { | ||
| "border": "#c3c8cf", | ||
| "bg": "#ffffff" | ||
| }, | ||
| "underlinenav": { | ||
| "border": "rgba(209,213,218,0)", | ||
| "borderHover": "#d1d5da", | ||
| "borderActive": "#f9826c", | ||
| "text": "#24292e", | ||
| "textHover": "#24292e", | ||
| "textActive": "#24292e", | ||
| "icon": "#959da5", | ||
| "iconHover": "#959da5", | ||
| "iconActive": "#24292e", | ||
| "counterText": "#24292e" | ||
| }, | ||
| "verifiedBadge": { | ||
| "text": "#22863a", | ||
| "bg": "#ffffff", | ||
| "border": "#e1e4e8" | ||
| }, | ||
| "socialCount": { | ||
| "bg": "#ffffff" | ||
| }, | ||
| "headerSearch": { | ||
| "bg": "#24292e", | ||
| "border": "#444d56" | ||
| }, | ||
| "diffstat": { | ||
| "neutralBg": "#d1d5da", | ||
| "neutralBorder": "#d1d5da", | ||
| "deletionBg": "#d73a49", | ||
| "deletionBorder": "#d73a49", | ||
| "additionBg": "#28a745", | ||
| "additionBorder": "#28a745" | ||
| }, | ||
| "iconFolder": "#79b8ff", | ||
| "hlAuthorBg": "#f1f8ff", | ||
| "hlAuthorBorder": "#c8e1ff", | ||
| "logoSubdued": "#d1d5da", | ||
| "diff": { | ||
| "neutralBg": "#d1d5da", | ||
| "deletionBg": "#cb2431", | ||
| "deletionBgStrong": "#1b1f23", | ||
| "deletionBorder": "#1b1f23", | ||
| "deletionBorderStrong": "#1b1f23", | ||
| "additionBg": "#2cbe4e", | ||
| "additionBgStrong": "#1b1f23", | ||
| "additionBorder": "#1b1f23", | ||
| "additionBorderStrong": "#1b1f23" | ||
| "discussionBorder": "#a2cbac", | ||
| "discussionBgSuccess": "#28a745", | ||
| "diffBlob": { | ||
| "numText": "rgba(27,31,35,0.3)", | ||
| "numHoverText": "rgba(27,31,35,0.6)", | ||
| "addition": { | ||
| "numBg": "#cdffd8", | ||
| "lineBg": "#e6ffed", | ||
| "wordBg": "#acf2bd" | ||
| }, | ||
| "deletion": { | ||
| "numBg": "#ffdce0", | ||
| "lineBg": "#ffeef0", | ||
| "wordBg": "#fdb8c0" | ||
| }, | ||
| "hunk": { | ||
| "text": "rgba(27,31,35,0.7)", | ||
| "numBg": "#dbedff", | ||
| "lineBg": "#f1f8ff" | ||
| }, | ||
| "emptyBlockBg": "#fafbfc", | ||
| "selectedLineHighlightBg": "rgba(255,223,93,0.2)", | ||
| "selectedLineHighlightBorder": "#ffd33d", | ||
| "expander": { | ||
| "icon": "#586069", | ||
| "hoverIcon": "#ffffff", | ||
| "hoverBg": "#0366d6" | ||
| }, | ||
| "commentButton": { | ||
| "icon": "#ffffff", | ||
| "bg": "#0366d6", | ||
| "gradientBg": "#0372ef" | ||
| } | ||
| }, | ||
@@ -331,6 +636,7 @@ "globalNav": { | ||
| "text": "#ffffff", | ||
| "icon": "#ffffff", | ||
| "inputBg": "#fafbfc", | ||
| "inputBorder": "#fafbfc", | ||
| "inputIc": "#1b1f23", | ||
| "inputPlaceholder": "#1b1f23" | ||
| "inputIcon": "#d1d5da", | ||
| "inputPlaceholder": "#959da5" | ||
| }, | ||
@@ -348,3 +654,64 @@ "calendarGraph": { | ||
| "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)", | ||
| "successIndicatorBg": "#28a745", | ||
| "successIndicatorBorder": "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)", | ||
| "neutralIndicatorBg": "#6a737d", | ||
| "neutralIndicatorBorder": "rgba(0,0,0,0)", | ||
| "warningIconBg": "#dbab09", | ||
| "warningIconText": "#ffffff", | ||
| "warningIconBorder": "rgba(0,0,0,0)", | ||
| "warningBoxBorder": "#ffd33d", | ||
| "warningMergeHighlight": "rgba(0,0,0,0)", | ||
| "errorIconBg": "#d73a49", | ||
| "errorIconText": "#ffffff", | ||
| "errorIconBorder": "rgba(0,0,0,0)", | ||
| "errorIndicatorBg": "#d73a49", | ||
| "errorIndicatorBorder": "rgba(0,0,0,0)" | ||
| }, | ||
| "project": { | ||
| "cardBg": "#ffffff" | ||
| } | ||
| } |
| { | ||
| "name": "@primer/primitives", | ||
| "version": "0.0.0-fc5e8c6", | ||
| "version": "0.0.0-fd6a5b3", | ||
| "description": "Typography, spacing, and color primitives for Primer design system", | ||
@@ -28,3 +28,4 @@ "files": [ | ||
| "build": "ts-node ./script/build.ts && tsc", | ||
| "prepack": "yarn build" | ||
| "prepack": "yarn build", | ||
| "watch": "ls data/**/*.scss script/**/*.ts | entr -s 'yarn build'" | ||
| }, | ||
@@ -34,2 +35,3 @@ "dependencies": {}, | ||
| "@types/chalk": "^2.2.0", | ||
| "@types/lodash": "^4.14.163", | ||
| "@types/mkdirp": "^1.0.1", | ||
@@ -40,2 +42,3 @@ "@types/node": "^14.0.26", | ||
| "deep-shape-equals": "^0.1.2", | ||
| "lodash": "^4.17.20", | ||
| "mkdirp": "^1.0.4", | ||
@@ -42,0 +45,0 @@ "node-sass": "^4.14.1", |
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
New alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Fixed alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by139.33%
249179
- Lines of code
- increased by120.94%
7629
Worsened metrics
- Dev dependency count
- increased by18.18%
13
No dependency changes