@primer/react
Version:
An implementation of GitHub's Primer Design System using React
517 lines • 41 kB
TypeScript
declare const colors: {
readonly canvasDefaultTransparent: "var(--bgColor-transparent, var(--color-canvas-default-transparent, rgba(13,17,23,0)))";
readonly pageHeaderBg: "var(--page-header-bgColor, var(--color-page-header-bg, #0d1117))";
readonly marketingIcon: {
readonly primary: "var(--color-marketing-icon-primary, #79c0ff)";
readonly secondary: "var(--color-marketing-icon-secondary, #1f6feb)";
};
readonly diffBlob: {
readonly addition: {
readonly numText: "var(--diffBlob-addition-fgColor-num, var(--color-diff-blob-addition-num-text, #e6edf3))";
readonly fg: "var(--diffBlob-addition-fgColor-text, var(--color-diff-blob-addition-fg, #e6edf3))";
readonly numBg: "var(--diffBlob-addition-bgColor-num, var(--color-diff-blob-addition-num-bg, rgba(63,185,80,0.3)))";
readonly lineBg: "var(--diffBlob-addition-bgColor-line, var(--color-diff-blob-addition-line-bg, rgba(46,160,67,0.15)))";
readonly wordBg: "var(--diffBlob-addition-bgColor-word, var(--color-diff-blob-addition-word-bg, rgba(46,160,67,0.4)))";
};
readonly deletion: {
readonly numText: "var(--diffBlob-deletion-fgColor-num, var(--color-diff-blob-deletion-num-text, #e6edf3))";
readonly fg: "var(--diffBlob-deletion-fgColor-text, var(--color-diff-blob-deletion-fg, #e6edf3))";
readonly numBg: "var(--diffBlob-deletion-bgColor-num, var(--color-diff-blob-deletion-num-bg, rgba(248,81,73,0.3)))";
readonly lineBg: "var(--diffBlob-deletion-bgColor-line, var(--color-diff-blob-deletion-line-bg, rgba(248,81,73,0.1)))";
readonly wordBg: "var(--diffBlob-deletion-bgColor-word, var(--color-diff-blob-deletion-word-bg, rgba(248,81,73,0.4)))";
};
readonly hunk: {
readonly numBg: "var(--diffBlob-hunk-bgColor-num, var(--color-diff-blob-hunk-num-bg, rgba(56,139,253,0.4)))";
};
readonly expander: {
readonly icon: "var(--diffBlob-expander-iconColor, var(--color-diff-blob-expander-icon, #848d97))";
};
readonly selectedLineHighlightMixBlendMode: "var(--color-diff-blob-selected-line-highlight-mix-blend-mode, screen)";
};
readonly diffstat: {
readonly deletionBorder: "var(--color-diffstat-deletion-border, rgba(240,246,252,0.1))";
readonly additionBorder: "var(--color-diffstat-addition-border, rgba(240,246,252,0.1))";
readonly additionBg: "var(--diffStat-addition-bgColor, var(--color-diffstat-addition-bg, #3fb950))";
};
readonly searchKeyword: {
readonly hl: "var(--highlight-neutral-bgColor, var(--color-search-keyword-hl, rgba(210,153,34,0.4)))";
};
readonly prettylights: {
readonly syntax: {
readonly comment: "var(--color-prettylights-syntax-comment, #8b949e)";
readonly constant: "var(--color-prettylights-syntax-constant, #79c0ff)";
readonly entity: "var(--color-prettylights-syntax-entity, #d2a8ff)";
readonly storageModifierImport: "var(--color-prettylights-syntax-storage-modifier-import, #c9d1d9)";
readonly entityTag: "var(--color-prettylights-syntax-entity-tag, #7ee787)";
readonly keyword: "var(--color-prettylights-syntax-keyword, #ff7b72)";
readonly string: "var(--color-prettylights-syntax-string, #a5d6ff)";
readonly variable: "var(--color-prettylights-syntax-variable, #ffa657)";
readonly brackethighlighterUnmatched: "var(--color-prettylights-syntax-brackethighlighter-unmatched, #f85149)";
readonly invalidIllegalText: "var(--color-prettylights-syntax-invalid-illegal-text, #f0f6fc)";
readonly invalidIllegalBg: "var(--color-prettylights-syntax-invalid-illegal-bg, #8e1519)";
readonly carriageReturnText: "var(--color-prettylights-syntax-carriage-return-text, #f0f6fc)";
readonly carriageReturnBg: "var(--color-prettylights-syntax-carriage-return-bg, #b62324)";
readonly stringRegexp: "var(--color-prettylights-syntax-string-regexp, #7ee787)";
readonly markupList: "var(--color-prettylights-syntax-markup-list, #f2cc60)";
readonly markupHeading: "var(--color-prettylights-syntax-markup-heading, #1f6feb)";
readonly markupItalic: "var(--color-prettylights-syntax-markup-italic, #c9d1d9)";
readonly markupBold: "var(--color-prettylights-syntax-markup-bold, #c9d1d9)";
readonly markupDeletedText: "var(--color-prettylights-syntax-markup-deleted-text, #ffdcd7)";
readonly markupDeletedBg: "var(--color-prettylights-syntax-markup-deleted-bg, #67060c)";
readonly markupInsertedText: "var(--color-prettylights-syntax-markup-inserted-text, #aff5b4)";
readonly markupInsertedBg: "var(--color-prettylights-syntax-markup-inserted-bg, #033a16)";
readonly markupChangedText: "var(--color-prettylights-syntax-markup-changed-text, #ffdfb6)";
readonly markupChangedBg: "var(--color-prettylights-syntax-markup-changed-bg, #5a1e02)";
readonly markupIgnoredText: "var(--color-prettylights-syntax-markup-ignored-text, #c9d1d9)";
readonly markupIgnoredBg: "var(--color-prettylights-syntax-markup-ignored-bg, #1158c7)";
readonly metaDiffRange: "var(--color-prettylights-syntax-meta-diff-range, #d2a8ff)";
readonly brackethighlighterAngle: "var(--color-prettylights-syntax-brackethighlighter-angle, #8b949e)";
readonly sublimelinterGutterMark: "var(--color-prettylights-syntax-sublimelinter-gutter-mark, #484f58)";
readonly constantOtherReferenceLink: "var(--color-prettylights-syntax-constant-other-reference-link, #a5d6ff)";
};
};
readonly codemirror: {
readonly text: "var(--codeMirror-fgColor, var(--color-codemirror-text, #e6edf3))";
readonly bg: "var(--codeMirror-bgColor, var(--color-codemirror-bg, #0d1117))";
readonly guttersBg: "var(--codeMirror-gutters-bgColor, var(--color-codemirror-gutters-bg, #0d1117))";
readonly guttermarkerText: "var(--codeMirror-gutterMarker-fgColor-default, var(--color-codemirror-guttermarker-text, #0d1117))";
readonly guttermarkerSubtleText: "var(--codeMirror-gutterMarker-fgColor-muted, var(--color-codemirror-guttermarker-subtle-text, #6e7681))";
readonly linenumberText: "var(--codeMirror-lineNumber-fgColor, var(--color-codemirror-linenumber-text, #848d97))";
readonly cursor: "var(--codeMirror-cursor-fgColor, var(--color-codemirror-cursor, #e6edf3))";
readonly selectionBg: "var(--codeMirror-selection-bgColor, var(--color-codemirror-selection-bg, rgba(56,139,253,0.4)))";
readonly activelineBg: "var(--codeMirror-activeline-bgColor, var(--color-codemirror-activeline-bg, rgba(110,118,129,0.1)))";
readonly matchingbracketText: "var(--codeMirror-matchingBracket-fgColor, var(--color-codemirror-matchingbracket-text, #e6edf3))";
readonly linesBg: "var(--codeMirror-lines-bgColor, var(--color-codemirror-lines-bg, #0d1117))";
readonly syntax: {
readonly comment: "var(--codeMirror-syntax-fgColor-comment, var(--color-codemirror-syntax-comment, #8b949e))";
readonly constant: "var(--codeMirror-syntax-fgColor-constant, var(--color-codemirror-syntax-constant, #79c0ff))";
readonly entity: "var(--codeMirror-syntax-fgColor-entity, var(--color-codemirror-syntax-entity, #d2a8ff))";
readonly keyword: "var(--codeMirror-syntax-fgColor-keyword, var(--color-codemirror-syntax-keyword, #ff7b72))";
readonly storage: "var(--codeMirror-syntax-fgColor-storage, var(--color-codemirror-syntax-storage, #ff7b72))";
readonly string: "var(--codeMirror-syntax-fgColor-string, var(--color-codemirror-syntax-string, #a5d6ff))";
readonly support: "var(--codeMirror-syntax-fgColor-support, var(--color-codemirror-syntax-support, #79c0ff))";
readonly variable: "var(--codeMirror-syntax-fgColor-variable, var(--color-codemirror-syntax-variable, #ffa657))";
};
};
readonly checks: {
readonly bg: "var(--color-checks-bg, #010409)";
readonly runBorderWidth: "var(--color-checks-run-border-width, 1px)";
readonly containerBorderWidth: "var(--color-checks-container-border-width, 1px)";
readonly textPrimary: "var(--color-checks-text-primary, #e6edf3)";
readonly textSecondary: "var(--color-checks-text-secondary, #848d97)";
readonly textLink: "var(--color-checks-text-link, #2f81f7)";
readonly btnIcon: "var(--color-checks-btn-icon, #848d97)";
readonly btnHoverIcon: "var(--color-checks-btn-hover-icon, #e6edf3)";
readonly btnHoverBg: "var(--color-checks-btn-hover-bg, rgba(110,118,129,0.1))";
readonly inputText: "var(--color-checks-input-text, #848d97)";
readonly inputPlaceholderText: "var(--color-checks-input-placeholder-text, #6e7681)";
readonly inputFocusText: "var(--color-checks-input-focus-text, #e6edf3)";
readonly inputBg: "var(--color-checks-input-bg, #161b22)";
readonly inputShadow: "var(--color-checks-input-shadow, 0 0 0 1px #30363d)";
readonly donutError: "var(--color-checks-donut-error, #f85149)";
readonly donutPending: "var(--color-checks-donut-pending, #d29922)";
readonly donutSuccess: "var(--color-checks-donut-success, #2ea043)";
readonly donutNeutral: "var(--color-checks-donut-neutral, #8b949e)";
readonly dropdownText: "var(--color-checks-dropdown-text, #e6edf3)";
readonly dropdownBg: "var(--color-checks-dropdown-bg, #161b22)";
readonly dropdownBorder: "var(--color-checks-dropdown-border, #30363d)";
readonly dropdownShadow: "var(--color-checks-dropdown-shadow, rgba(1,4,9,0.3))";
readonly dropdownHoverText: "var(--color-checks-dropdown-hover-text, #e6edf3)";
readonly dropdownHoverBg: "var(--color-checks-dropdown-hover-bg, rgba(110,118,129,0.1))";
readonly dropdownBtnHoverText: "var(--color-checks-dropdown-btn-hover-text, #e6edf3)";
readonly dropdownBtnHoverBg: "var(--color-checks-dropdown-btn-hover-bg, rgba(110,118,129,0.1))";
readonly scrollbarThumbBg: "var(--color-checks-scrollbar-thumb-bg, rgba(110,118,129,0.4))";
readonly headerLabelText: "var(--color-checks-header-label-text, #848d97)";
readonly headerLabelOpenText: "var(--color-checks-header-label-open-text, #e6edf3)";
readonly headerBorder: "var(--color-checks-header-border, #21262d)";
readonly headerIcon: "var(--color-checks-header-icon, #848d97)";
readonly lineText: "var(--color-checks-line-text, #848d97)";
readonly lineNumText: "var(--color-checks-line-num-text, #6e7681)";
readonly lineTimestampText: "var(--color-checks-line-timestamp-text, #6e7681)";
readonly lineHoverBg: "var(--color-checks-line-hover-bg, rgba(110,118,129,0.1))";
readonly lineSelectedBg: "var(--color-checks-line-selected-bg, rgba(56,139,253,0.1))";
readonly lineSelectedNumText: "var(--color-checks-line-selected-num-text, #2f81f7)";
readonly lineDtFmText: "var(--color-checks-line-dt-fm-text, #ffffff)";
readonly lineDtFmBg: "var(--color-checks-line-dt-fm-bg, #9e6a03)";
readonly gateBg: "var(--color-checks-gate-bg, rgba(187,128,9,0.15))";
readonly gateText: "var(--color-checks-gate-text, #848d97)";
readonly gateWaitingText: "var(--color-checks-gate-waiting-text, #d29922)";
readonly stepHeaderOpenBg: "var(--color-checks-step-header-open-bg, #161b22)";
readonly stepErrorText: "var(--color-checks-step-error-text, #f85149)";
readonly stepWarningText: "var(--color-checks-step-warning-text, #d29922)";
readonly loglineText: "var(--color-checks-logline-text, #848d97)";
readonly loglineNumText: "var(--color-checks-logline-num-text, #6e7681)";
readonly loglineDebugText: "var(--color-checks-logline-debug-text, #a371f7)";
readonly loglineErrorText: "var(--color-checks-logline-error-text, #848d97)";
readonly loglineErrorNumText: "var(--color-checks-logline-error-num-text, #6e7681)";
readonly loglineErrorBg: "var(--color-checks-logline-error-bg, rgba(248,81,73,0.1))";
readonly loglineWarningText: "var(--color-checks-logline-warning-text, #848d97)";
readonly loglineWarningNumText: "var(--color-checks-logline-warning-num-text, #d29922)";
readonly loglineWarningBg: "var(--color-checks-logline-warning-bg, rgba(187,128,9,0.15))";
readonly loglineCommandText: "var(--color-checks-logline-command-text, #2f81f7)";
readonly loglineSectionText: "var(--color-checks-logline-section-text, #3fb950)";
readonly ansi: {
readonly black: "var(--color-checks-ansi-black, #0d1117)";
readonly blackBright: "var(--color-checks-ansi-black-bright, #161b22)";
readonly white: "var(--color-checks-ansi-white, #b1bac4))";
readonly whiteBright: "var(--color-checks-ansi-white-bright, #b1bac4)";
readonly gray: "var(--color-checks-ansi-gray, #6e7681)";
readonly red: "var(--color-checks-ansi-red, #ff7b72)";
readonly redBright: "var(--color-checks-ansi-red-bright, #ffa198)";
readonly green: "var(--color-checks-ansi-green, #3fb950)";
readonly greenBright: "var(--color-checks-ansi-green-bright, #56d364)";
readonly yellow: "var(--color-checks-ansi-yellow, #d29922)";
readonly yellowBright: "var(--color-checks-ansi-yellow-bright, #e3b341)";
readonly blue: "var(--color-checks-ansi-blue, #58a6ff)";
readonly blueBright: "var(--color-checks-ansi-blue-bright, #79c0ff)";
readonly magenta: "var(--color-checks-ansi-magenta, #bc8cff)";
readonly magentaBright: "var(--color-checks-ansi-magenta-bright, #d2a8ff)";
readonly cyan: "var(--color-checks-ansi-cyan, #76e3ea)";
readonly cyanBright: "var(--color-checks-ansi-cyan-bright, #b3f0ff)";
};
};
readonly project: {
readonly headerBg: "var(--color-project-header-bg, #0d1117)";
readonly sidebarBg: "var(--color-project-sidebar-bg, #161b22)";
readonly gradientIn: "var(--color-project-gradient-in, #161b22)";
readonly gradientOut: "var(--color-project-gradient-out, rgba(22,27,34,0))";
};
readonly mktg: {
readonly btn: {
readonly bg: "var(--color-mktg-btn-bg, #f6f8fa))";
readonly shadow: {
readonly outline: "var(--color-mktg-btn-shadow-outline, rgb(255 255 255 / 25%) 0 0 0 1px inset))";
readonly focus: "var(--color-mktg-btn-shadow-focus, rgb(255 255 255 / 25%) 0 0 0 4px))";
readonly hover: "var(--color-mktg-btn-shadow-hover, 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)))";
readonly hoverMuted: "var(--color-mktg-btn-shadow-hover-muted, rgb(255 255 255) 0 0 0 2px inset))";
};
};
};
readonly control: {
readonly borderColor: {
readonly emphasis: "var(--control-borderColor-emphasis, var(--color-control-border-color-emphasis, #606771))";
};
};
readonly avatar: {
readonly bg: "var(--avatar-bgColor, var(--color-avatar-bg, rgba(255,255,255,0.1)))";
readonly border: "var(--avatar-borderColor, var(--color-avatar-border, rgba(240,246,252,0.1)))";
readonly stackFade: "var(--avatarStack-fade-bgColor-default, var(--color-avatar-stack-fade, #30363d))";
readonly stackFadeMore: "var(--avatarStack-fade-bgColor-muted, var(--color-avatar-stack-fade-more, #21262d))";
readonly childShadow: "var(--avatar-shadow, var(--color-avatar-child-shadow, 0 0 0 2px #0d1117))";
};
readonly topicTag: {
readonly border: "var(--topicTag-borderColor, var(--color-topic-tag-border, transparent))";
};
readonly counter: {
readonly border: "var(--counter-borderColor, var(--color-counter-border, transparent))";
};
readonly selectMenu: {
readonly backdropBorder: "var(--selectMenu-borderColor, var(--color-select-menu-backdrop-border, #484f58))";
readonly tapHighlight: "var(--control-bgColor-active, var(--color-select-menu-tap-highlight, rgba(48,54,61,0.5)))";
readonly tapFocusBg: "var(--selectMenu-bgColor-active, var(--color-select-menu-tap-focus-bg, #0c2d6b))";
};
readonly overlay: {
readonly shadow: "var(--shadow-floating-small, var(--color-overlay-shadow, 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85)))";
readonly backdrop: "var(--overlay-backdrop-bgColor, var(--color-overlay-backdrop, rgba(22,27,34,0.4)))";
};
readonly header: {
readonly text: "var(--header-fgColor-default, var(--color-header-text, rgba(255,255,255,0.7)))";
readonly bg: "var(--header-bgColor, var(--color-header-bg, #161b22))";
readonly divider: "var(--header-borderColor-divider, var(--color-header-divider, #8b949e))";
readonly logo: "var(--header-fgColor-logo, var(--color-header-logo, #f0f6fc))";
};
readonly headerSearch: {
readonly bg: "var(--headerSearch-bgColor, var(--color-header-search-bg, #0d1117))";
readonly border: "var(--headerSearch-borderColor, var(--color-header-search-border, #30363d))";
};
readonly sidenav: {
readonly selectedBg: "var(--sideNav-bgColor-selected, var(--color-sidenav-selected-bg, #21262d))";
};
readonly menu: {
readonly bgActive: "var(--menu-bgColor-active, var(--color-menu-bg-active, #161b22))";
};
readonly input: {
readonly disabledBg: "var(--control-bgColor-disabled, var(--color-input-disabled-bg, rgba(110,118,129,0)))";
};
readonly timeline: {
readonly badgeBg: "var(--timelineBadge-bgColor, var(--color-timeline-badge-bg, #21262d))";
};
readonly ansi: {
readonly black: "var(--color-ansi-black, #484f58)";
readonly blackBright: "var(--color-ansi-black-bright, #6e7681)";
readonly white: "var(--color-ansi-white, #b1bac4)";
readonly whiteBright: "var(--color-ansi-white-bright, #ffffff)";
readonly gray: "var(--color-ansi-gray, #6e7681)";
readonly red: "var(--color-ansi-red, #ff7b72)";
readonly redBright: "var(--color-ansi-red-bright, #ffa198)";
readonly green: "var(--color-ansi-green, #3fb950)";
readonly greenBright: "var(--color-ansi-green-bright, #56d364)";
readonly yellow: "var(--color-ansi-yellow, #d29922)";
readonly yellowBright: "var(--color-ansi-yellow-bright, #e3b341)";
readonly blue: "var(--color-ansi-blue, #58a6ff)";
readonly blueBright: "var(--color-ansi-blue-bright, #79c0ff)";
readonly magenta: "var(--color-ansi-magenta, #bc8cff)";
readonly magentaBright: "var(--color-ansi-magenta-bright, #d2a8ff)";
readonly cyan: "var(--color-ansi-cyan, #39c5cf)";
readonly cyanBright: "var(--color-ansi-cyan-bright, #56d4dd)";
};
readonly btn: {
readonly text: "var(--button-default-fgColor-rest, var(--color-btn-text, #c9d1d9))";
readonly bg: "var(--button-default-bgColor-rest, var(--color-btn-bg, #21262d))";
readonly border: "var(--button-default-borderColor-rest, var(--color-btn-border, rgba(240,246,252,0.1)))";
readonly shadow: "var(--button-default-shadow-resting, var(--color-btn-shadow, 0 0 transparent))";
readonly insetShadow: "var(--button-default-shadow-inset, var(--color-btn-inset-shadow, 0 0 transparent))";
readonly hoverBg: "var(--button-default-bgColor-hover, var(--color-btn-hover-bg, #30363d))";
readonly hoverBorder: "var(--button-default-borderColor-hover, var(--color-btn-hover-border, #8b949e))";
readonly activeBg: "var(--button-default-bgColor-active, var(--color-btn-active-bg, hsla(212,12%,18%,1)))";
readonly activeBorder: "var(--button-default-borderColor-active, var(--color-btn-active-border, #6e7681))";
readonly selectedBg: "var(--button-default-bgColor-selected, var(--color-btn-selected-bg, #161b22))";
readonly counterBg: "var(--buttonCounter-default-bgColor-rest, var(--color-btn-counter-bg, #30363d))";
readonly primary: {
readonly text: "var(--button-primary-fgColor-rest, var(--color-btn-primary-text, #ffffff))";
readonly bg: "var(--button-primary-bgColor-rest, var(--color-btn-primary-bg, #238636))";
readonly border: "var(--button-primary-borderColor-rest, var(--color-btn-primary-border, rgba(240,246,252,0.1)))";
readonly shadow: "var(--shadow-resting-small, var(--color-btn-primary-shadow, 0 0 transparent))";
readonly insetShadow: "var(--shadow-highlight, var(--color-btn-primary-inset-shadow, 0 0 transparent))";
readonly hoverBg: "var(--button-primary-bgColor-hover, var(--color-btn-primary-hover-bg, #2ea043))";
readonly hoverBorder: "var(--button-primary-borderColor-hover, var(--color-btn-primary-hover-border, rgba(240,246,252,0.1)))";
readonly selectedBg: "var(--button-primary-bgColor-active, var(--color-btn-primary-selected-bg, #238636))";
readonly selectedShadow: "var(--button-primary-shadow-selected, var(--color-btn-primary-selected-shadow, 0 0 transparent))";
readonly disabledText: "var(--button-primary-fgColor-disabled, var(--color-btn-primary-disabled-text, rgba(255,255,255,0.5)))";
readonly disabledBg: "var(--button-primary-bgColor-disabled, var(--color-btn-primary-disabled-bg, rgba(35,134,54,0.6)))";
readonly disabledBorder: "var(--button-primary-borderColor-disabled, var(--color-btn-primary-disabled-border, rgba(240,246,252,0.1)))";
readonly icon: "var(--button-primary-iconColor-rest, var(--color-btn-primary-icon, #ffffff))";
readonly counterBg: "var(--buttonCounter-primary-bgColor-rest, var(--color-btn-primary-counter-bg, rgba(4,38,15,0.2)))";
};
readonly outline: {
readonly text: "var(--button-outline-fgColor-rest, var(--color-btn-outline-text, #388bfd))";
readonly hoverText: "var(--button-outline-fgColor-hover, var(--color-btn-outline-hover-text, #58a6ff))";
readonly hoverBg: "var(--button-outline-bgColor-hover, var(--color-btn-outline-hover-bg, #30363d))";
readonly hoverBorder: "var(--button-outline-borderColor-hover, var(--color-btn-outline-hover-border, rgba(240,246,252,0.1)))";
readonly hoverShadow: "var(--shadow-resting-small, var(--color-btn-outline-hover-shadow, 0 1px 0 rgba(1,4,9,0.1)))";
readonly hoverInsetShadow: "var(--shadow-highlight, var(--color-btn-outline-hover-inset-shadow, inset 0 1px 0 rgba(255,255,255,0.03)))";
readonly hoverCounterBg: "var(--buttonCounter-outline-bgColor-hover, var(--color-btn-outline-hover-counter-bg, rgba(5,29,77,0.2)))";
readonly selectedText: "var(--button-outline-fgColor-active, var(--color-btn-outline-selected-text, #ffffff))";
readonly selectedBg: "var(--button-outline-bgColor-active, var(--color-btn-outline-selected-bg, #0d419d))";
readonly selectedBorder: "var(--button-outline-borderColor-active, var(--color-btn-outline-selected-border, rgba(240,246,252,0.1)))";
readonly selectedShadow: "var(--button-outline-shadow-selected, var(--color-btn-outline-selected-shadow, 0 0 transparent))";
readonly disabledText: "var(--button-outline-fgColor-disabled, var(--color-btn-outline-disabled-text, rgba(88,166,255,0.5)))";
readonly disabledBg: "var(--button-outline-bgColor-disabled, var(--color-btn-outline-disabled-bg, #0d1117))";
readonly disabledCounterBg: "var(--buttonCounter-outline-bgColor-disabled, var(--color-btn-outline-disabled-counter-bg, rgba(31,111,235,0.05)))";
readonly counterBg: "var(--buttonCounter-outline-bgColor-rest, var(--color-btn-outline-counter-bg, rgba(5,29,77,0.2)))";
readonly hoverCounterFg: "var(--buttonCounter-outline-fgColor-hover, var(--color-btn-outline-hover-counter-fg, #58a6ff))";
readonly disabledCounterFg: "var(--buttonCounter-outline-fgColor-disabled, var(--color-btn-outline-disabled-counter-fg, rgba(47,129,247,0.5)))";
readonly counterFg: "var(--buttonCounter-outline-fgColor-rest, var(--color-btn-outline-counter-fg, #388bfd))";
};
readonly danger: {
readonly text: "var(--button-danger-fgColor-rest, var(--color-btn-danger-text, #f85149))";
readonly hoverText: "var(--button-danger-fgColor-hover, var(--color-btn-danger-hover-text, #ffffff))";
readonly hoverBg: "var(--button-danger-bgColor-hover, var(--color-btn-danger-hover-bg, #da3633))";
readonly hoverBorder: "var(--button-danger-borderColor-hover, var(--color-btn-danger-hover-border, #f85149))";
readonly hoverShadow: "var(--shadow-resting-small, var(--color-btn-danger-hover-shadow, 0 0 transparent))";
readonly hoverInsetShadow: "var(--shadow-highlight, var(--color-btn-danger-hover-inset-shadow, 0 0 transparent))";
readonly hoverIcon: "var(--button-danger-iconColor-hover, var(--color-btn-danger-hover-icon, #ffffff))";
readonly hoverCounterBg: "var(--buttonCounter-danger-bgColor-hover, var(--color-btn-danger-hover-counter-bg, rgba(255,255,255,0.2)))";
readonly selectedText: "var(--button-danger-fgColor-active, var(--color-btn-danger-selected-text, #ffffff))";
readonly selectedBg: "var(--button-danger-bgColor-active, var(--color-btn-danger-selected-bg, #b62324))";
readonly selectedBorder: "var(--button-danger-borderColor-active, var(--color-btn-danger-selected-border, #ff7b72))";
readonly selectedShadow: "var(--button-danger-shadow-selected, var(--color-btn-danger-selected-shadow, 0 0 transparent))";
readonly disabledText: "var(--button-danger-fgColor-disabled, var(--color-btn-danger-disabled-text, rgba(248,81,73,0.5)))";
readonly disabledBg: "var(--button-danger-bgColor-disabled, var(--color-btn-danger-disabled-bg, #0d1117))";
readonly disabledCounterBg: "var(--buttonCounter-danger-bgColor-disabled, var(--color-btn-danger-disabled-counter-bg, rgba(218,54,51,0.05)))";
readonly counterBg: "var(--buttonCounter-danger-bgColor-rest, var(--color-btn-danger-counter-bg, rgba(73,2,2,0.2)))";
readonly icon: "var(--button-danger-iconColor-rest, var(--color-btn-danger-icon, #f85149))";
readonly counterFg: "var(--buttonCounter-danger-fgColor-rest, var(--color-btn-danger-counter-fg, #f85149))";
readonly disabledCounterFg: "var(--buttonCounter-danger-fgColor-disabled, var(--color-btn-danger-disabled-counter-fg, rgba(248,81,73,0.5)))";
readonly hoverCounterFg: "var(--buttonCounter-danger-fgColor-hover, var(--color-btn-danger-hover-counter-fg, #ffffff))";
};
readonly inactive: {
readonly bg: "var(--button-inactive-bgColor-rest, var(--color-btn-inactive-bg, #21262d))";
readonly text: "var(--button-inactive-fgColor-rest, var(--color-btn-inactive-text, #8b949e))";
};
};
readonly underlinenav: {
readonly icon: "var(--underlineNav-iconColor-rest, var(--color-underlinenav-icon, #6e7681))";
readonly borderHover: "var(--underlineNav-borderColor-hover, var(--color-underlinenav-border-hover, rgba(110,118,129,0.4)))";
};
readonly actionListItem: {
readonly inlineDivider: "var(--borderColor-muted, var(--color-action-list-item-inline-divider, rgba(48,54,61,0.48)))";
readonly default: {
readonly hoverBg: "var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg, rgba(177,186,196,0.12)))";
readonly hoverBorder: "var(--control-transparent-borderColor-hover, var(--color-action-list-item-default-hover-border, transparent))";
readonly activeBg: "var(--control-transparent-bgColor-active, var(--color-action-list-item-default-active-bg, rgba(177,186,196,0.2)))";
readonly activeBorder: "var(--control-transparent-borderColor-active, var(--color-action-list-item-default-active-border, transparent))";
readonly selectedBg: "var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg, rgba(177,186,196,0.08)))";
};
readonly danger: {
readonly hoverBg: "var(--control-danger-bgColor-hover, var(--color-action-list-item-danger-hover-bg, rgba(248,81,73,0.16)))";
readonly activeBg: "var(--control-danger-bgColor-active, var(--color-action-list-item-danger-active-bg, rgba(248,81,73,0.24)))";
readonly hoverText: "var(--control-danger-fgColor-hover, var(--color-action-list-item-danger-hover-text, #ff7b72))";
};
};
readonly switchTrack: {
readonly bg: "var(--controlTrack-bgColor-rest, var(--color-switch-track-bg, rgba(110,118,129,0.1)))";
readonly hoverBg: "var(--controlTrack-bgColor-hover, var(--color-switch-track-hover-bg, hsla(215,8%,72%,0.1)))";
readonly activeBg: "var(--controlTrack-bgColor-active, var(--color-switch-track-active-bg, rgba(110,118,129,0.4)))";
readonly disabledBg: "var(--controlTrack-bgColor-disabled, var(--color-switch-track-disabled-bg, #21262d))";
readonly fg: "var(--controlTrack-fgColor-rest, var(--color-switch-track-fg, #848d97))";
readonly disabledFg: "var(--controlTrack-fgColor-disabled, var(--color-switch-track-disabled-fg, #010409))";
readonly border: "var(--controlTrack-borderColor-rest, var(--color-switch-track-border, transparent))";
readonly checked: {
readonly bg: "var(--control-checked-bgColor-rest, var(--color-switch-track-checked-bg, rgba(31,111,235,0.35)))";
readonly hoverBg: "var(--control-checked-bgColor-hover, var(--color-switch-track-checked-hover-bg, rgba(31,111,235,0.5)))";
readonly activeBg: "var(--control-checked-bgColor-active, var(--color-switch-track-checked-active-bg, rgba(31,111,235,0.65)))";
readonly fg: "var(--control-checked-fgColor-rest, var(--color-switch-track-checked-fg, #ffffff))";
readonly disabledFg: "var(--control-checked-fgColor-disabled, var(--color-switch-track-checked-disabled-fg, #010409))";
readonly border: "var(--borderColor-transparent, var(--color-switch-track-checked-border, transparent))";
};
};
readonly switchKnob: {
readonly bg: "var(--controlKnob-bgColor-rest, var(--color-switch-knob-bg, #0d1117))";
readonly border: "var(--controlKnob-borderColor-rest, var(--color-switch-knob-border, #606771))";
readonly disabledBg: "var(--controlKnob-bgColor-disabled, var(--color-switch-knob-disabled-bg, #161b22))";
readonly checked: {
readonly bg: "var(--controlKnob-bgColor-checked, var(--color-switch-knob-checked-bg, #0d1117))";
readonly disabledBg: "var(--controlKnob-bgColor-disabled, var(--color-switch-knob-checked-disabled-bg, #161b22))";
readonly border: "var(--controlKnob-borderColor-checked, var(--color-switch-knob-checked-border, rgba(31,111,235,0.35)))";
};
};
readonly segmentedControl: {
readonly bg: "var(--controlTrack-bgColor-rest, var(--color-segmented-control-bg, rgba(110,118,129,0.1)))";
readonly button: {
readonly bg: "var(--controlKnob-bgColor-rest, var(--color-segmented-control-button-bg, #0d1117))";
readonly hover: {
readonly bg: "var(--controlTrack-bgColor-hover, var(--color-segmented-control-button-hover-bg, #30363d))";
};
readonly active: {
readonly bg: "var(--controlTrack-bgColor-active, var(--color-segmented-control-button-active-bg, #21262d))";
};
readonly selected: {
readonly border: "var(--controlKnob-borderColor-rest, var(--color-segmented-control-button-selected-border, #6e7681))";
};
};
};
readonly treeViewItem: {
readonly chevron: {
readonly hoverBg: "var(--control-transparent-bgColor-hover, var(--color-tree-view-item-chevron-hover-bg, rgba(177,186,196,0.12)))";
};
readonly directory: {
readonly fill: "var(--treeViewItem-leadingVisual-iconColor-rest, var(--color-tree-view-item-directory-fill, #848d97))";
};
};
readonly fg: {
readonly default: "var(--fgColor-default, var(--color-fg-default, #e6edf3))";
readonly muted: "var(--fgColor-muted, var(--color-fg-muted, #848d97))";
readonly subtle: "var(--fgColor-muted, var(--color-fg-subtle, #6e7681))";
readonly onEmphasis: "var(--fgColor-onEmphasis, var(--color-fg-on-emphasis, #ffffff))";
};
readonly canvas: {
readonly default: "var(--bgColor-default, var(--color-canvas-default, #0d1117))";
readonly overlay: "var(--overlay-bgColor, var(--color-canvas-overlay, #161b22))";
readonly inset: "var(--bgColor-inset, var(--color-canvas-inset, #010409))";
readonly subtle: "var(--bgColor-muted, var(--color-canvas-subtle, #161b22))";
};
readonly border: {
readonly default: "var(--borderColor-default, var(--color-border-default, #30363d))";
readonly muted: "var(--borderColor-muted, var(--color-border-muted, #21262d))";
readonly subtle: "var(--borderColor-muted, var(--color-border-subtle, rgba(240,246,252,0.1)))";
};
readonly shadow: {
readonly small: "var(--shadow-resting-small, var(--color-shadow-small, 0 0 transparent))";
readonly medium: "var(--shadow-resting-medium, var(--color-shadow-medium, 0 3px 6px #010409))";
readonly large: "var(--shadow-floating-large, var(--color-shadow-large, 0 8px 24px #010409))";
readonly extraLarge: "var(--shadow-floating-xlarge, var(--color-shadow-extra-large, 0 12px 48px #010409))";
};
readonly neutral: {
readonly emphasisPlus: "var(--bgColor-emphasis, var(--color-neutral-emphasis-plus, #6e7681))";
readonly emphasis: "var(--bgColor-neutral-emphasis, var(--color-neutral-emphasis, #6e7681))";
readonly muted: "var(--bgColor-neutral-muted, var(--color-neutral-muted, rgba(110,118,129,0.4)))";
readonly subtle: "var(--bgColor-neutral-muted, var(--color-neutral-subtle, rgba(110,118,129,0.1)))";
};
readonly accent: {
readonly fg: "var(--fgColor-accent, var(--color-accent-fg, #2f81f7))";
readonly emphasis: "var(--bgColor-accent-emphasis, var(--color-accent-emphasis, #1f6feb))";
readonly muted: "var(--borderColor-accent-muted, var(--color-accent-muted, rgba(56,139,253,0.4)))";
readonly subtle: "var(--bgColor-accent-muted, var(--color-accent-subtle, rgba(56,139,253,0.1)))";
};
readonly success: {
readonly fg: "var(--fgColor-success, var(--color-success-fg, #3fb950))";
readonly emphasis: "var(--bgColor-success-emphasis, var(--color-success-emphasis, #238636))";
readonly muted: "var(--borderColor-success-muted, var(--color-success-muted, rgba(46,160,67,0.4)))";
readonly subtle: "var(--bgColor-success-muted, var(--color-success-subtle, rgba(46,160,67,0.15)))";
};
readonly attention: {
readonly fg: "var(--fgColor-attention, var(--color-attention-fg, #d29922))";
readonly emphasis: "var(--bgColor-attention-emphasis, var(--color-attention-emphasis, #9e6a03))";
readonly muted: "var(--borderColor-attention-muted, var(--color-attention-muted, rgba(187,128,9,0.4)))";
readonly subtle: "var(--bgColor-attention-muted, var(--color-attention-subtle, rgba(187,128,9,0.15)))";
};
readonly severe: {
readonly fg: "var(--fgColor-severe, var(--color-severe-fg, #db6d28))";
readonly emphasis: "var(--bgColor-severe-emphasis, var(--color-severe-emphasis, #bd561d))";
readonly muted: "var(--borderColor-severe-muted, var(--color-severe-muted, rgba(219,109,40,0.4)))";
readonly subtle: "var(--bgColor-severe-muted, var(--color-severe-subtle, rgba(219,109,40,0.1)))";
};
readonly danger: {
readonly fg: "var(--fgColor-danger, var(--color-danger-fg, #f85149))";
readonly emphasis: "var(--borderColor-danger-emphasis, var(--color-danger-emphasis, #da3633))";
readonly muted: "var(--borderColor-danger-muted, var(--color-danger-muted, rgba(248,81,73,0.4)))";
readonly subtle: "var(--bgColor-danger-muted, var(--color-danger-subtle, rgba(248,81,73,0.1)))";
};
readonly open: {
readonly fg: "var(--fgColor-open, var(--color-open-fg, #3fb950))";
readonly emphasis: "var(--bgColor-open-emphasis, var(--color-open-emphasis, #238636))";
readonly muted: "var(--borderColor-open-muted, var(--color-open-muted, rgba(46,160,67,0.4)))";
readonly subtle: "var(--bgColor-open-muted, var(--color-open-subtle, rgba(46,160,67,0.15)))";
};
readonly closed: {
readonly fg: "var(--fgColor-closed, var(--color-closed-fg, #f85149))";
readonly emphasis: "var(--bgColor-closed-emphasis, var(--color-closed-emphasis, #da3633))";
readonly muted: "var(--borderColor-closed-muted, var(--color-closed-muted, rgba(248,81,73,0.4)))";
readonly subtle: "var(--bgColor-closed-muted, var(--color-closed-subtle, rgba(248,81,73,0.15)))";
};
readonly done: {
readonly fg: "var(--fgColor-done, var(--color-done-fg, #a371f7))";
readonly emphasis: "var(--bgColor-done-emphasis, var(--color-done-emphasis, #8957e5))";
readonly muted: "var(--borderColor-done-muted, var(--color-done-muted, rgba(163,113,247,0.4)))";
readonly subtle: "var(--bgColor-done-muted, var(--color-done-subtle, rgba(163,113,247,0.1)))";
};
readonly sponsors: {
readonly fg: "var(--fgColor-sponsors, var(--color-sponsors-fg, #db61a2))";
readonly emphasis: "var(--bgColor-sponsors-emphasis, var(--color-sponsors-emphasis, #bf4b8a))";
readonly muted: "var(--borderColor-sponsors-muted, var(--color-sponsors-muted, rgba(219,97,162,0.4)))";
readonly subtle: "var(--bgColor-sponsors-muted, var(--color-sponsors-subtle, rgba(219,97,162,0.1)))";
};
readonly primer: {
readonly fg: {
readonly disabled: "var(--fgColor-disabled, var(--color-primer-fg-disabled, #484f58))";
};
readonly canvas: {
readonly backdrop: "var(--overlay-backdrop-bgColor, var(--color-primer-canvas-backdrop, rgba(1,4,9,0.8)))";
readonly sticky: "var(--color-primer-canvas-sticky, rgba(13,17,23,0.95))";
};
readonly border: {
readonly active: "var(--underlineNav-borderColor-active, var(--color-primer-border-active, #f78166))";
readonly contrast: "var(--borderColor-muted, var(--color-primer-border-contrast, rgba(255,255,255,0.2)))";
};
readonly shadow: {
readonly highlight: "var(--shadow-highlight, var(--color-primer-shadow-highlight, 0 0 transparent))";
readonly inset: "var(--shadow-inset, var(--color-primer-shadow-inset, 0 0 transparent))";
};
};
readonly scale: {
readonly black: "#010409";
readonly white: "#ffffff";
readonly gray: readonly ["#f0f6fc", "#c9d1d9", "#b1bac4", "#8b949e", "#6e7681", "#484f58", "#30363d", "#21262d", "#161b22", "#0d1117"];
readonly blue: readonly ["#cae8ff", "#a5d6ff", "#79c0ff", "#58a6ff", "#388bfd", "#1f6feb", "#1158c7", "#0d419d", "#0c2d6b", "#051d4d"];
readonly green: readonly ["#aff5b4", "#7ee787", "#56d364", "#3fb950", "#2ea043", "#238636", "#196c2e", "#0f5323", "#033a16", "#04260f"];
readonly yellow: readonly ["#f8e3a1", "#f2cc60", "#e3b341", "#d29922", "#bb8009", "#9e6a03", "#845306", "#693e00", "#4b2900", "#341a00"];
readonly orange: readonly ["#ffdfb6", "#ffc680", "#ffa657", "#f0883e", "#db6d28", "#bd561d", "#9b4215", "#762d0a", "#5a1e02", "#3d1300"];
readonly red: readonly ["#ffdcd7", "#ffc1ba", "#ffa198", "#ff7b72", "#f85149", "#da3633", "#b62324", "#8e1519", "#67060c", "#490202"];
readonly purple: readonly ["#eddeff", "#e2c5ff", "#d2a8ff", "#bc8cff", "#a371f7", "#8957e5", "#6e40c9", "#553098", "#3c1e70", "#271052"];
readonly pink: readonly ["#ffdaec", "#ffbedd", "#ff9bce", "#f778ba", "#db61a2", "#bf4b8a", "#9e3670", "#7d2457", "#5e103e", "#42062a"];
readonly coral: readonly ["#ffddd2", "#ffc2b2", "#ffa28b", "#f78166", "#ea6045", "#cf462d", "#ac3220", "#872012", "#640d04", "#460701"];
};
};
export default colors;
//# sourceMappingURL=dark.d.ts.map