From e5cb46324dcec003f8df54712927206e8cdbb17c Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Wed, 4 Oct 2023 09:47:14 -0700 Subject: [PATCH 01/19] move legacy primitives to prc --- src/legacy-theme/README.md | 1 + src/legacy-theme/js/colors/dark.d.ts | 512 ++ src/legacy-theme/js/colors/dark.js | 602 +++ .../js/colors/dark_colorblind.d.ts | 512 ++ src/legacy-theme/js/colors/dark_colorblind.js | 602 +++ src/legacy-theme/js/colors/dark_dimmed.d.ts | 512 ++ src/legacy-theme/js/colors/dark_dimmed.js | 602 +++ .../js/colors/dark_high_contrast.d.ts | 512 ++ .../js/colors/dark_high_contrast.js | 602 +++ .../js/colors/dark_tritanopia.d.ts | 512 ++ src/legacy-theme/js/colors/dark_tritanopia.js | 602 +++ src/legacy-theme/js/colors/index.d.ts | 4602 ++++++++++++++++ src/legacy-theme/js/colors/index.js | 30 + src/legacy-theme/js/colors/light.d.ts | 512 ++ src/legacy-theme/js/colors/light.js | 602 +++ .../js/colors/light_colorblind.d.ts | 512 ++ .../js/colors/light_colorblind.js | 602 +++ .../js/colors/light_high_contrast.d.ts | 512 ++ .../js/colors/light_high_contrast.js | 602 +++ .../js/colors/light_tritanopia.d.ts | 512 ++ .../js/colors/light_tritanopia.js | 602 +++ src/legacy-theme/js/index.d.ts | 4613 +++++++++++++++++ src/legacy-theme/js/index.js | 13 + src/legacy-theme/js/typography/index.d.ts | 10 + src/legacy-theme/js/typography/index.js | 7 + src/legacy-theme/js/typography/normal.d.ts | 8 + src/legacy-theme/js/typography/normal.js | 9 + src/theme.ts | 2 +- 28 files changed, 19320 insertions(+), 1 deletion(-) create mode 100644 src/legacy-theme/README.md create mode 100644 src/legacy-theme/js/colors/dark.d.ts create mode 100644 src/legacy-theme/js/colors/dark.js create mode 100644 src/legacy-theme/js/colors/dark_colorblind.d.ts create mode 100644 src/legacy-theme/js/colors/dark_colorblind.js create mode 100644 src/legacy-theme/js/colors/dark_dimmed.d.ts create mode 100644 src/legacy-theme/js/colors/dark_dimmed.js create mode 100644 src/legacy-theme/js/colors/dark_high_contrast.d.ts create mode 100644 src/legacy-theme/js/colors/dark_high_contrast.js create mode 100644 src/legacy-theme/js/colors/dark_tritanopia.d.ts create mode 100644 src/legacy-theme/js/colors/dark_tritanopia.js create mode 100644 src/legacy-theme/js/colors/index.d.ts create mode 100644 src/legacy-theme/js/colors/index.js create mode 100644 src/legacy-theme/js/colors/light.d.ts create mode 100644 src/legacy-theme/js/colors/light.js create mode 100644 src/legacy-theme/js/colors/light_colorblind.d.ts create mode 100644 src/legacy-theme/js/colors/light_colorblind.js create mode 100644 src/legacy-theme/js/colors/light_high_contrast.d.ts create mode 100644 src/legacy-theme/js/colors/light_high_contrast.js create mode 100644 src/legacy-theme/js/colors/light_tritanopia.d.ts create mode 100644 src/legacy-theme/js/colors/light_tritanopia.js create mode 100644 src/legacy-theme/js/index.d.ts create mode 100644 src/legacy-theme/js/index.js create mode 100644 src/legacy-theme/js/typography/index.d.ts create mode 100644 src/legacy-theme/js/typography/index.js create mode 100644 src/legacy-theme/js/typography/normal.d.ts create mode 100644 src/legacy-theme/js/typography/normal.js diff --git a/src/legacy-theme/README.md b/src/legacy-theme/README.md new file mode 100644 index 00000000000..4cee9848575 --- /dev/null +++ b/src/legacy-theme/README.md @@ -0,0 +1 @@ +explain things here diff --git a/src/legacy-theme/js/colors/dark.d.ts b/src/legacy-theme/js/colors/dark.d.ts new file mode 100644 index 00000000000..e8c6acd7489 --- /dev/null +++ b/src/legacy-theme/js/colors/dark.d.ts @@ -0,0 +1,512 @@ +declare const _default: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string + shadow: { + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + hoverCounterFg: string + disabledCounterFg: string + counterFg: string + } + danger: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverIcon: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + icon: string + counterFg: string + disabledCounterFg: string + hoverCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + border: string + disabledBg: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } +} +export default _default diff --git a/src/legacy-theme/js/colors/dark.js b/src/legacy-theme/js/colors/dark.js new file mode 100644 index 00000000000..ddaa572a712 --- /dev/null +++ b/src/legacy-theme/js/colors/dark.js @@ -0,0 +1,602 @@ +'use strict' +Object.defineProperty(exports, '__esModule', {value: true}) +exports.default = { + canvasDefaultTransparent: 'rgba(13,17,23,0)', + pageHeaderBg: '#0d1117', + marketingIcon: { + primary: '#79c0ff', + secondary: '#1f6feb', + }, + diffBlob: { + addition: { + numText: '#e6edf3', + fg: '#e6edf3', + numBg: 'rgba(63,185,80,0.3)', + lineBg: 'rgba(46,160,67,0.15)', + wordBg: 'rgba(46,160,67,0.4)', + }, + deletion: { + numText: '#e6edf3', + fg: '#e6edf3', + numBg: 'rgba(248,81,73,0.3)', + lineBg: 'rgba(248,81,73,0.1)', + wordBg: 'rgba(248,81,73,0.4)', + }, + hunk: { + numBg: 'rgba(56,139,253,0.4)', + }, + expander: { + icon: '#7d8590', + }, + selectedLineHighlightMixBlendMode: 'screen', + }, + diffstat: { + deletionBorder: 'rgba(240,246,252,0.1)', + additionBorder: 'rgba(240,246,252,0.1)', + additionBg: '#3fb950', + }, + searchKeyword: { + hl: 'rgba(210,153,34,0.4)', + }, + prettylights: { + syntax: { + comment: '#8b949e', + constant: '#79c0ff', + entity: '#d2a8ff', + storageModifierImport: '#c9d1d9', + entityTag: '#7ee787', + keyword: '#ff7b72', + string: '#a5d6ff', + variable: '#ffa657', + brackethighlighterUnmatched: '#f85149', + invalidIllegalText: '#f0f6fc', + invalidIllegalBg: '#8e1519', + carriageReturnText: '#f0f6fc', + carriageReturnBg: '#b62324', + stringRegexp: '#7ee787', + markupList: '#f2cc60', + markupHeading: '#1f6feb', + markupItalic: '#c9d1d9', + markupBold: '#c9d1d9', + markupDeletedText: '#ffdcd7', + markupDeletedBg: '#67060c', + markupInsertedText: '#aff5b4', + markupInsertedBg: '#033a16', + markupChangedText: '#ffdfb6', + markupChangedBg: '#5a1e02', + markupIgnoredText: '#c9d1d9', + markupIgnoredBg: '#1158c7', + metaDiffRange: '#d2a8ff', + brackethighlighterAngle: '#8b949e', + sublimelinterGutterMark: '#484f58', + constantOtherReferenceLink: '#a5d6ff', + }, + }, + codemirror: { + text: '#e6edf3', + bg: '#0d1117', + guttersBg: '#0d1117', + guttermarkerText: '#0d1117', + guttermarkerSubtleText: '#6e7681', + linenumberText: '#7d8590', + cursor: '#e6edf3', + selectionBg: 'rgba(56,139,253,0.4)', + activelineBg: 'rgba(110,118,129,0.1)', + matchingbracketText: '#e6edf3', + linesBg: '#0d1117', + syntax: { + comment: '#8b949e', + constant: '#79c0ff', + entity: '#d2a8ff', + keyword: '#ff7b72', + storage: '#ff7b72', + string: '#a5d6ff', + support: '#79c0ff', + variable: '#ffa657', + }, + }, + checks: { + bg: '#010409', + runBorderWidth: '1px', + containerBorderWidth: '1px', + textPrimary: '#e6edf3', + textSecondary: '#7d8590', + textLink: '#2f81f7', + btnIcon: '#7d8590', + btnHoverIcon: '#e6edf3', + btnHoverBg: 'rgba(110,118,129,0.1)', + inputText: '#7d8590', + inputPlaceholderText: '#6e7681', + inputFocusText: '#e6edf3', + inputBg: '#161b22', + inputShadow: '0 0 0 1px (obj) => (0, get_1.default)(obj, path)', + donutError: '#f85149', + donutPending: '#d29922', + donutSuccess: '#2ea043', + donutNeutral: '#8b949e', + dropdownText: '#e6edf3', + dropdownBg: '#161b22', + dropdownBorder: '#30363d', + dropdownShadow: 'rgba(1,4,9,0.3)', + dropdownHoverText: '#e6edf3', + dropdownHoverBg: 'rgba(110,118,129,0.1)', + dropdownBtnHoverText: '#e6edf3', + dropdownBtnHoverBg: 'rgba(110,118,129,0.1)', + scrollbarThumbBg: 'rgba(110,118,129,0.4)', + headerLabelText: '#7d8590', + headerLabelOpenText: '#e6edf3', + headerBorder: '#21262d', + headerIcon: '#7d8590', + lineText: '#7d8590', + lineNumText: '#6e7681', + lineTimestampText: '#6e7681', + lineHoverBg: 'rgba(110,118,129,0.1)', + lineSelectedBg: 'rgba(56,139,253,0.1)', + lineSelectedNumText: '#2f81f7', + lineDtFmText: '#ffffff', + lineDtFmBg: '#9e6a03', + gateBg: 'rgba(187,128,9,0.15)', + gateText: '#7d8590', + gateWaitingText: '#d29922', + stepHeaderOpenBg: '#161b22', + stepErrorText: '#f85149', + stepWarningText: '#d29922', + loglineText: '#7d8590', + loglineNumText: '#6e7681', + loglineDebugText: '#a371f7', + loglineErrorText: '#7d8590', + loglineErrorNumText: '#6e7681', + loglineErrorBg: 'rgba(248,81,73,0.1)', + loglineWarningText: '#7d8590', + loglineWarningNumText: '#d29922', + loglineWarningBg: 'rgba(187,128,9,0.15)', + loglineCommandText: '#2f81f7', + loglineSectionText: '#3fb950', + ansi: { + black: '#0d1117', + blackBright: '#161b22', + white: '#b1bac4', + whiteBright: '#b1bac4', + gray: '#6e7681', + red: '#ff7b72', + redBright: '#ffa198', + green: '#3fb950', + greenBright: '#56d364', + yellow: '#d29922', + yellowBright: '#e3b341', + blue: '#58a6ff', + blueBright: '#79c0ff', + magenta: '#bc8cff', + magentaBright: '#d2a8ff', + cyan: '#76e3ea', + cyanBright: '#b3f0ff', + }, + }, + project: { + headerBg: '#0d1117', + sidebarBg: '#161b22', + gradientIn: '#161b22', + gradientOut: 'rgba(22,27,34,0)', + }, + mktg: { + btn: { + bg: '#f6f8fa', + shadow: { + outline: 'rgb(255 255 255 / 25%) 0 0 0 1px inset', + focus: 'rgb(255 255 255 / 25%) 0 0 0 4px', + 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)', + hoverMuted: 'rgb(255 255 255) 0 0 0 2px inset', + }, + }, + }, + control: { + borderColor: { + emphasis: '#606771', + }, + }, + avatar: { + bg: 'rgba(255,255,255,0.1)', + border: 'rgba(240,246,252,0.1)', + stackFade: '#30363d', + stackFadeMore: '#21262d', + childShadow: '0 0 0 2px #0d1117', + }, + topicTag: { + border: 'rgba(0,0,0,0)', + }, + counter: { + border: 'rgba(0,0,0,0)', + }, + selectMenu: { + backdropBorder: '#484f58', + tapHighlight: 'rgba(48,54,61,0.5)', + tapFocusBg: '#0c2d6b', + }, + overlay: { + shadow: '0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85)', + backdrop: 'rgba(22,27,34,0.4)', + }, + header: { + text: 'rgba(255,255,255,0.7)', + bg: '#161b22', + divider: '#8b949e', + logo: '#f0f6fc', + }, + headerSearch: { + bg: '#0d1117', + border: '#30363d', + }, + sidenav: { + selectedBg: '#21262d', + }, + menu: { + bgActive: '#161b22', + }, + input: { + disabledBg: 'rgba(110,118,129,0)', + }, + timeline: { + badgeBg: '#21262d', + }, + ansi: { + black: '#484f58', + blackBright: '#6e7681', + white: '#b1bac4', + whiteBright: '#ffffff', + gray: '#6e7681', + red: '#ff7b72', + redBright: '#ffa198', + green: '#3fb950', + greenBright: '#56d364', + yellow: '#d29922', + yellowBright: '#e3b341', + blue: '#58a6ff', + blueBright: '#79c0ff', + magenta: '#bc8cff', + magentaBright: '#d2a8ff', + cyan: '#39c5cf', + cyanBright: '#56d4dd', + }, + btn: { + text: '#c9d1d9', + bg: '#21262d', + border: 'rgba(240,246,252,0.1)', + shadow: '0 0 transparent', + insetShadow: '0 0 transparent', + hoverBg: '#30363d', + hoverBorder: '#8b949e', + activeBg: 'hsla(212,12%,18%,1)', + activeBorder: '#6e7681', + selectedBg: '#161b22', + counterBg: '#30363d', + primary: { + text: '#ffffff', + bg: '#238636', + border: 'rgba(240,246,252,0.1)', + shadow: '0 0 transparent', + insetShadow: '0 0 transparent', + hoverBg: '#2ea043', + hoverBorder: 'rgba(240,246,252,0.1)', + selectedBg: '#238636', + selectedShadow: '0 0 transparent', + disabledText: 'rgba(255,255,255,0.5)', + disabledBg: 'rgba(35,134,54,0.6)', + disabledBorder: 'rgba(240,246,252,0.1)', + icon: '#ffffff', + counterBg: 'rgba(4,38,15,0.2)', + }, + outline: { + text: '#388bfd', + hoverText: '#58a6ff', + hoverBg: '#30363d', + hoverBorder: 'rgba(240,246,252,0.1)', + hoverShadow: '0 1px 0 rgba(1,4,9,0.1)', + hoverInsetShadow: 'inset 0 1px 0 rgba(255,255,255,0.03)', + hoverCounterBg: 'rgba(5,29,77,0.2)', + selectedText: '#ffffff', + selectedBg: '#0d419d', + selectedBorder: 'rgba(240,246,252,0.1)', + selectedShadow: '0 0 transparent', + disabledText: 'rgba(88,166,255,0.5)', + disabledBg: '#0d1117', + disabledCounterBg: 'rgba(31,111,235,0.05)', + counterBg: 'rgba(5,29,77,0.2)', + hoverCounterFg: '#58a6ff', + disabledCounterFg: 'rgba(47,129,247,0.5)', + counterFg: '#388bfd', + }, + danger: { + text: '#f85149', + hoverText: '#ffffff', + hoverBg: '#da3633', + hoverBorder: '#f85149', + hoverShadow: '0 0 transparent', + hoverInsetShadow: '0 0 transparent', + hoverIcon: '#ffffff', + hoverCounterBg: 'rgba(255,255,255,0.2)', + selectedText: '#ffffff', + selectedBg: '#b62324', + selectedBorder: '#ff7b72', + selectedShadow: '0 0 transparent', + disabledText: 'rgba(248,81,73,0.5)', + disabledBg: '#0d1117', + disabledCounterBg: 'rgba(218,54,51,0.05)', + counterBg: 'rgba(73,2,2,0.2)', + icon: '#f85149', + counterFg: '#f85149', + disabledCounterFg: 'rgba(248,81,73,0.5)', + hoverCounterFg: '#ffffff', + }, + }, + underlinenav: { + icon: '#6e7681', + borderHover: 'rgba(110,118,129,0.4)', + }, + actionListItem: { + inlineDivider: 'rgba(48,54,61,0.48)', + default: { + hoverBg: 'rgba(177,186,196,0.12)', + hoverBorder: 'rgba(0,0,0,0)', + activeBg: 'rgba(177,186,196,0.2)', + activeBorder: 'rgba(0,0,0,0)', + selectedBg: 'rgba(177,186,196,0.08)', + }, + danger: { + hoverBg: 'rgba(248,81,73,0.16)', + activeBg: 'rgba(248,81,73,0.24)', + hoverText: '#ff7b72', + }, + }, + switchTrack: { + bg: 'rgba(110,118,129,0.1)', + hoverBg: 'hsla(215,8%,72%,0.1)', + activeBg: 'rgba(110,118,129,0.4)', + disabledBg: '#21262d', + fg: '#7d8590', + disabledFg: '#010409', + border: 'rgba(0,0,0,0)', + checked: { + bg: 'rgba(31,111,235,0.35)', + hoverBg: 'rgba(31,111,235,0.5)', + activeBg: 'rgba(31,111,235,0.65)', + fg: '#ffffff', + disabledFg: '#010409', + border: 'rgba(0,0,0,0)', + }, + }, + switchKnob: { + bg: '#0d1117', + border: '#606771', + disabledBg: '#161b22', + checked: { + bg: '#0d1117', + disabledBg: '#161b22', + border: 'rgba(31,111,235,0.35)', + }, + }, + segmentedControl: { + bg: 'rgba(110,118,129,0.1)', + button: { + bg: '#0d1117', + hover: { + bg: '#30363d', + }, + active: { + bg: '#21262d', + }, + selected: { + border: '#6e7681', + }, + }, + }, + treeViewItem: { + chevron: { + hoverBg: 'rgba(177,186,196,0.12)', + }, + directory: { + fill: '#7d8590', + }, + }, + fg: { + default: '#e6edf3', + muted: '#7d8590', + subtle: '#6e7681', + onEmphasis: '#ffffff', + }, + canvas: { + default: '#0d1117', + overlay: '#161b22', + inset: '#010409', + subtle: '#161b22', + }, + border: { + default: '#30363d', + muted: '#21262d', + subtle: 'rgba(240,246,252,0.1)', + }, + shadow: { + small: '0 0 transparent', + medium: '0 3px 6px #010409', + large: '0 8px 24px #010409', + extraLarge: '0 12px 48px #010409', + }, + neutral: { + emphasisPlus: '#6e7681', + emphasis: '#6e7681', + muted: 'rgba(110,118,129,0.4)', + subtle: 'rgba(110,118,129,0.1)', + }, + accent: { + fg: '#2f81f7', + emphasis: '#1f6feb', + muted: 'rgba(56,139,253,0.4)', + subtle: 'rgba(56,139,253,0.1)', + }, + success: { + fg: '#3fb950', + emphasis: '#238636', + muted: 'rgba(46,160,67,0.4)', + subtle: 'rgba(46,160,67,0.15)', + }, + attention: { + fg: '#d29922', + emphasis: '#9e6a03', + muted: 'rgba(187,128,9,0.4)', + subtle: 'rgba(187,128,9,0.15)', + }, + severe: { + fg: '#db6d28', + emphasis: '#bd561d', + muted: 'rgba(219,109,40,0.4)', + subtle: 'rgba(219,109,40,0.1)', + }, + danger: { + fg: '#f85149', + emphasis: '#da3633', + muted: 'rgba(248,81,73,0.4)', + subtle: 'rgba(248,81,73,0.1)', + }, + open: { + fg: '#3fb950', + emphasis: '#238636', + muted: 'rgba(46,160,67,0.4)', + subtle: 'rgba(46,160,67,0.15)', + }, + closed: { + fg: '#f85149', + emphasis: '#da3633', + muted: 'rgba(248,81,73,0.4)', + subtle: 'rgba(248,81,73,0.15)', + }, + done: { + fg: '#a371f7', + emphasis: '#8957e5', + muted: 'rgba(163,113,247,0.4)', + subtle: 'rgba(163,113,247,0.1)', + }, + sponsors: { + fg: '#db61a2', + emphasis: '#bf4b8a', + muted: 'rgba(219,97,162,0.4)', + subtle: 'rgba(219,97,162,0.1)', + }, + primer: { + fg: { + disabled: '#484f58', + }, + canvas: { + backdrop: 'rgba(1,4,9,0.8)', + sticky: 'rgba(13,17,23,0.95)', + }, + border: { + active: '#f78166', + contrast: 'rgba(255,255,255,0.2)', + }, + shadow: { + highlight: '0 0 transparent', + inset: '0 0 transparent', + }, + }, + scale: { + black: '#010409', + white: '#ffffff', + gray: [ + '#f0f6fc', + '#c9d1d9', + '#b1bac4', + '#8b949e', + '#6e7681', + '#484f58', + '#30363d', + '#21262d', + '#161b22', + '#0d1117', + ], + blue: [ + '#cae8ff', + '#a5d6ff', + '#79c0ff', + '#58a6ff', + '#388bfd', + '#1f6feb', + '#1158c7', + '#0d419d', + '#0c2d6b', + '#051d4d', + ], + green: [ + '#aff5b4', + '#7ee787', + '#56d364', + '#3fb950', + '#2ea043', + '#238636', + '#196c2e', + '#0f5323', + '#033a16', + '#04260f', + ], + yellow: [ + '#f8e3a1', + '#f2cc60', + '#e3b341', + '#d29922', + '#bb8009', + '#9e6a03', + '#845306', + '#693e00', + '#4b2900', + '#341a00', + ], + orange: [ + '#ffdfb6', + '#ffc680', + '#ffa657', + '#f0883e', + '#db6d28', + '#bd561d', + '#9b4215', + '#762d0a', + '#5a1e02', + '#3d1300', + ], + red: ['#ffdcd7', '#ffc1ba', '#ffa198', '#ff7b72', '#f85149', '#da3633', '#b62324', '#8e1519', '#67060c', '#490202'], + purple: [ + '#eddeff', + '#e2c5ff', + '#d2a8ff', + '#bc8cff', + '#a371f7', + '#8957e5', + '#6e40c9', + '#553098', + '#3c1e70', + '#271052', + ], + pink: [ + '#ffdaec', + '#ffbedd', + '#ff9bce', + '#f778ba', + '#db61a2', + '#bf4b8a', + '#9e3670', + '#7d2457', + '#5e103e', + '#42062a', + ], + coral: [ + '#ffddd2', + '#ffc2b2', + '#ffa28b', + '#f78166', + '#ea6045', + '#cf462d', + '#ac3220', + '#872012', + '#640d04', + '#460701', + ], + }, +} diff --git a/src/legacy-theme/js/colors/dark_colorblind.d.ts b/src/legacy-theme/js/colors/dark_colorblind.d.ts new file mode 100644 index 00000000000..e8c6acd7489 --- /dev/null +++ b/src/legacy-theme/js/colors/dark_colorblind.d.ts @@ -0,0 +1,512 @@ +declare const _default: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string + shadow: { + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + hoverCounterFg: string + disabledCounterFg: string + counterFg: string + } + danger: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverIcon: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + icon: string + counterFg: string + disabledCounterFg: string + hoverCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + border: string + disabledBg: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } +} +export default _default diff --git a/src/legacy-theme/js/colors/dark_colorblind.js b/src/legacy-theme/js/colors/dark_colorblind.js new file mode 100644 index 00000000000..fdba0634742 --- /dev/null +++ b/src/legacy-theme/js/colors/dark_colorblind.js @@ -0,0 +1,602 @@ +'use strict' +Object.defineProperty(exports, '__esModule', {value: true}) +exports.default = { + canvasDefaultTransparent: 'rgba(13,17,23,0)', + pageHeaderBg: '#0d1117', + marketingIcon: { + primary: '#79c0ff', + secondary: '#1f6feb', + }, + diffBlob: { + addition: { + numText: '#c9d1d9', + fg: '#c9d1d9', + numBg: 'rgba(88,166,255,0.3)', + lineBg: 'rgba(56,139,253,0.15)', + wordBg: 'rgba(56,139,253,0.4)', + }, + deletion: { + numText: '#c9d1d9', + fg: '#c9d1d9', + numBg: 'rgba(212,118,22,0.3)', + lineBg: 'rgba(212,118,22,0.1)', + wordBg: 'rgba(212,118,22,0.4)', + }, + hunk: { + numBg: 'rgba(56,139,253,0.4)', + }, + expander: { + icon: '#8b949e', + }, + selectedLineHighlightMixBlendMode: 'screen', + }, + diffstat: { + deletionBorder: 'rgba(240,246,252,0.1)', + additionBorder: 'rgba(240,246,252,0.1)', + additionBg: '#58a6ff', + }, + searchKeyword: { + hl: 'rgba(210,153,34,0.4)', + }, + prettylights: { + syntax: { + comment: '#8b949e', + constant: '#79c0ff', + entity: '#d2a8ff', + storageModifierImport: '#c9d1d9', + entityTag: '#a5d6ff', + keyword: '#ec8e2c', + string: '#a5d6ff', + variable: '#fdac54', + brackethighlighterUnmatched: '#d47616', + invalidIllegalText: '#f0f6fc', + invalidIllegalBg: '#6c3906', + carriageReturnText: '#f0f6fc', + carriageReturnBg: '#914d04', + stringRegexp: '#a5d6ff', + markupList: '#f2cc60', + markupHeading: '#1f6feb', + markupItalic: '#c9d1d9', + markupBold: '#c9d1d9', + markupDeletedText: '#ffe2bb', + markupDeletedBg: '#4e2906', + markupInsertedText: '#cae8ff', + markupInsertedBg: '#0c2d6b', + markupChangedText: '#ffe2bb', + markupChangedBg: '#4e2906', + markupIgnoredText: '#c9d1d9', + markupIgnoredBg: '#1158c7', + metaDiffRange: '#d2a8ff', + brackethighlighterAngle: '#8b949e', + sublimelinterGutterMark: '#484f58', + constantOtherReferenceLink: '#a5d6ff', + }, + }, + codemirror: { + text: '#c9d1d9', + bg: '#0d1117', + guttersBg: '#0d1117', + guttermarkerText: '#0d1117', + guttermarkerSubtleText: '#6e7681', + linenumberText: '#8b949e', + cursor: '#c9d1d9', + selectionBg: 'rgba(56,139,253,0.4)', + activelineBg: 'rgba(110,118,129,0.1)', + matchingbracketText: '#c9d1d9', + linesBg: '#0d1117', + syntax: { + comment: '#8b949e', + constant: '#79c0ff', + entity: '#d2a8ff', + keyword: '#ec8e2c', + storage: '#ec8e2c', + string: '#a5d6ff', + support: '#79c0ff', + variable: '#fdac54', + }, + }, + checks: { + bg: '#010409', + runBorderWidth: '1px', + containerBorderWidth: '1px', + textPrimary: '#c9d1d9', + textSecondary: '#8b949e', + textLink: '#58a6ff', + btnIcon: '#8b949e', + btnHoverIcon: '#c9d1d9', + btnHoverBg: 'rgba(110,118,129,0.1)', + inputText: '#8b949e', + inputPlaceholderText: '#6e7681', + inputFocusText: '#c9d1d9', + inputBg: '#161b22', + inputShadow: '0 0 0 1px (obj) => (0, get_1.default)(obj, path)', + donutError: '#d47616', + donutPending: '#d29922', + donutSuccess: '#388bfd', + donutNeutral: '#8b949e', + dropdownText: '#c9d1d9', + dropdownBg: '#161b22', + dropdownBorder: '#30363d', + dropdownShadow: 'rgba(1,4,9,0.3)', + dropdownHoverText: '#c9d1d9', + dropdownHoverBg: 'rgba(110,118,129,0.1)', + dropdownBtnHoverText: '#c9d1d9', + dropdownBtnHoverBg: 'rgba(110,118,129,0.1)', + scrollbarThumbBg: 'rgba(110,118,129,0.4)', + headerLabelText: '#8b949e', + headerLabelOpenText: '#c9d1d9', + headerBorder: '#21262d', + headerIcon: '#8b949e', + lineText: '#8b949e', + lineNumText: '#6e7681', + lineTimestampText: '#6e7681', + lineHoverBg: 'rgba(110,118,129,0.1)', + lineSelectedBg: 'rgba(56,139,253,0.1)', + lineSelectedNumText: '#58a6ff', + lineDtFmText: '#ffffff', + lineDtFmBg: '#9e6a03', + gateBg: 'rgba(187,128,9,0.15)', + gateText: '#8b949e', + gateWaitingText: '#d29922', + stepHeaderOpenBg: '#161b22', + stepErrorText: '#d47616', + stepWarningText: '#d29922', + loglineText: '#8b949e', + loglineNumText: '#6e7681', + loglineDebugText: '#a371f7', + loglineErrorText: '#8b949e', + loglineErrorNumText: '#6e7681', + loglineErrorBg: 'rgba(212,118,22,0.1)', + loglineWarningText: '#8b949e', + loglineWarningNumText: '#d29922', + loglineWarningBg: 'rgba(187,128,9,0.15)', + loglineCommandText: '#58a6ff', + loglineSectionText: '#58a6ff', + ansi: { + black: '#0d1117', + blackBright: '#161b22', + white: '#b1bac4', + whiteBright: '#b1bac4', + gray: '#6e7681', + red: '#ec8e2c', + redBright: '#fdac54', + green: '#58a6ff', + greenBright: '#79c0ff', + yellow: '#d29922', + yellowBright: '#e3b341', + blue: '#58a6ff', + blueBright: '#79c0ff', + magenta: '#bc8cff', + magentaBright: '#d2a8ff', + cyan: '#76e3ea', + cyanBright: '#b3f0ff', + }, + }, + project: { + headerBg: '#0d1117', + sidebarBg: '#161b22', + gradientIn: '#161b22', + gradientOut: 'rgba(22,27,34,0)', + }, + mktg: { + btn: { + bg: '#f6f8fa', + shadow: { + outline: 'rgb(255 255 255 / 25%) 0 0 0 1px inset', + focus: 'rgb(255 255 255 / 25%) 0 0 0 4px', + 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)', + hoverMuted: 'rgb(255 255 255) 0 0 0 2px inset', + }, + }, + }, + control: { + borderColor: { + emphasis: '#606771', + }, + }, + avatar: { + bg: 'rgba(255,255,255,0.1)', + border: 'rgba(240,246,252,0.1)', + stackFade: '#30363d', + stackFadeMore: '#21262d', + childShadow: '0 0 0 2px #0d1117', + }, + topicTag: { + border: 'rgba(0,0,0,0)', + }, + counter: { + border: 'rgba(0,0,0,0)', + }, + selectMenu: { + backdropBorder: '#484f58', + tapHighlight: 'rgba(48,54,61,0.5)', + tapFocusBg: '#0c2d6b', + }, + overlay: { + shadow: '0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85)', + backdrop: 'rgba(22,27,34,0.4)', + }, + header: { + text: 'rgba(255,255,255,0.7)', + bg: '#161b22', + divider: '#8b949e', + logo: '#f0f6fc', + }, + headerSearch: { + bg: '#0d1117', + border: '#30363d', + }, + sidenav: { + selectedBg: '#21262d', + }, + menu: { + bgActive: '#161b22', + }, + input: { + disabledBg: 'rgba(110,118,129,0)', + }, + timeline: { + badgeBg: '#21262d', + }, + ansi: { + black: '#484f58', + blackBright: '#6e7681', + white: '#b1bac4', + whiteBright: '#ffffff', + gray: '#6e7681', + red: '#ec8e2c', + redBright: '#fdac54', + green: '#58a6ff', + greenBright: '#79c0ff', + yellow: '#d29922', + yellowBright: '#e3b341', + blue: '#58a6ff', + blueBright: '#79c0ff', + magenta: '#bc8cff', + magentaBright: '#d2a8ff', + cyan: '#39c5cf', + cyanBright: '#56d4dd', + }, + btn: { + text: '#c9d1d9', + bg: '#21262d', + border: 'rgba(240,246,252,0.1)', + shadow: '0 0 transparent', + insetShadow: '0 0 transparent', + hoverBg: '#30363d', + hoverBorder: '#8b949e', + activeBg: 'hsla(212,12%,18%,1)', + activeBorder: '#6e7681', + selectedBg: '#161b22', + counterBg: '#30363d', + primary: { + text: '#ffffff', + bg: '#1f6feb', + border: 'rgba(240,246,252,0.1)', + shadow: '0 0 transparent', + insetShadow: '0 0 transparent', + hoverBg: '#388bfd', + hoverBorder: 'rgba(240,246,252,0.1)', + selectedBg: '#1f6feb', + selectedShadow: '0 0 transparent', + disabledText: 'rgba(255,255,255,0.5)', + disabledBg: 'rgba(31,111,235,0.6)', + disabledBorder: 'rgba(240,246,252,0.1)', + icon: '#ffffff', + counterBg: 'rgba(5,29,77,0.2)', + }, + outline: { + text: '#388bfd', + hoverText: '#58a6ff', + hoverBg: '#30363d', + hoverBorder: 'rgba(240,246,252,0.1)', + hoverShadow: '0 1px 0 rgba(1,4,9,0.1)', + hoverInsetShadow: 'inset 0 1px 0 rgba(255,255,255,0.03)', + hoverCounterBg: 'rgba(5,29,77,0.2)', + selectedText: '#ffffff', + selectedBg: '#0d419d', + selectedBorder: 'rgba(240,246,252,0.1)', + selectedShadow: '0 0 transparent', + disabledText: 'rgba(88,166,255,0.5)', + disabledBg: '#0d1117', + disabledCounterBg: 'rgba(31,111,235,0.05)', + counterBg: 'rgba(5,29,77,0.2)', + hoverCounterFg: '#58a6ff', + disabledCounterFg: 'rgba(88,166,255,0.5)', + counterFg: '#388bfd', + }, + danger: { + text: '#d47616', + hoverText: '#ffffff', + hoverBg: '#b76100', + hoverBorder: '#d47616', + hoverShadow: '0 0 transparent', + hoverInsetShadow: '0 0 transparent', + hoverIcon: '#ffffff', + hoverCounterBg: 'rgba(255,255,255,0.2)', + selectedText: '#ffffff', + selectedBg: '#914d04', + selectedBorder: '#ec8e2c', + selectedShadow: '0 0 transparent', + disabledText: 'rgba(212,118,22,0.5)', + disabledBg: '#0d1117', + disabledCounterBg: 'rgba(183,97,0,0.05)', + counterBg: 'rgba(51,28,4,0.2)', + icon: '#d47616', + counterFg: '#d47616', + disabledCounterFg: 'rgba(212,118,22,0.5)', + hoverCounterFg: '#ffffff', + }, + }, + underlinenav: { + icon: '#6e7681', + borderHover: 'rgba(110,118,129,0.4)', + }, + actionListItem: { + inlineDivider: 'rgba(48,54,61,0.48)', + default: { + hoverBg: 'rgba(177,186,196,0.12)', + hoverBorder: 'rgba(0,0,0,0)', + activeBg: 'rgba(177,186,196,0.2)', + activeBorder: 'rgba(0,0,0,0)', + selectedBg: 'rgba(177,186,196,0.08)', + }, + danger: { + hoverBg: 'rgba(212,118,22,0.16)', + activeBg: 'rgba(212,118,22,0.24)', + hoverText: '#ec8e2c', + }, + }, + switchTrack: { + bg: 'rgba(110,118,129,0.1)', + hoverBg: 'hsla(215,8%,72%,0.1)', + activeBg: 'rgba(110,118,129,0.4)', + disabledBg: '#21262d', + fg: '#8b949e', + disabledFg: '#010409', + border: 'rgba(0,0,0,0)', + checked: { + bg: 'rgba(31,111,235,0.35)', + hoverBg: 'rgba(31,111,235,0.5)', + activeBg: 'rgba(31,111,235,0.65)', + fg: '#ffffff', + disabledFg: '#010409', + border: 'rgba(0,0,0,0)', + }, + }, + switchKnob: { + bg: '#0d1117', + border: '#606771', + disabledBg: '#161b22', + checked: { + bg: '#0d1117', + disabledBg: '#161b22', + border: 'rgba(31,111,235,0.35)', + }, + }, + segmentedControl: { + bg: 'rgba(110,118,129,0.1)', + button: { + bg: '#0d1117', + hover: { + bg: '#30363d', + }, + active: { + bg: '#21262d', + }, + selected: { + border: '#6e7681', + }, + }, + }, + treeViewItem: { + chevron: { + hoverBg: 'rgba(177,186,196,0.12)', + }, + directory: { + fill: '#8b949e', + }, + }, + fg: { + default: '#c9d1d9', + muted: '#8b949e', + subtle: '#6e7681', + onEmphasis: '#ffffff', + }, + canvas: { + default: '#0d1117', + overlay: '#161b22', + inset: '#010409', + subtle: '#161b22', + }, + border: { + default: '#30363d', + muted: '#21262d', + subtle: 'rgba(240,246,252,0.1)', + }, + shadow: { + small: '0 0 transparent', + medium: '0 3px 6px #010409', + large: '0 8px 24px #010409', + extraLarge: '0 12px 48px #010409', + }, + neutral: { + emphasisPlus: '#6e7681', + emphasis: '#6e7681', + muted: 'rgba(110,118,129,0.4)', + subtle: 'rgba(110,118,129,0.1)', + }, + accent: { + fg: '#58a6ff', + emphasis: '#1f6feb', + muted: 'rgba(56,139,253,0.4)', + subtle: 'rgba(56,139,253,0.1)', + }, + success: { + fg: '#58a6ff', + emphasis: '#1f6feb', + muted: 'rgba(56,139,253,0.4)', + subtle: 'rgba(56,139,253,0.15)', + }, + attention: { + fg: '#d29922', + emphasis: '#9e6a03', + muted: 'rgba(187,128,9,0.4)', + subtle: 'rgba(187,128,9,0.15)', + }, + severe: { + fg: '#d47616', + emphasis: '#b76100', + muted: 'rgba(212,118,22,0.4)', + subtle: 'rgba(212,118,22,0.1)', + }, + danger: { + fg: '#d47616', + emphasis: '#b76100', + muted: 'rgba(212,118,22,0.4)', + subtle: 'rgba(212,118,22,0.1)', + }, + open: { + fg: '#ec8e2c', + emphasis: '#b76100', + muted: 'rgba(212,118,22,0.4)', + subtle: 'rgba(212,118,22,0.15)', + }, + closed: { + fg: '#8b949e', + emphasis: '#6e7681', + muted: 'rgba(110,118,129,0.4)', + subtle: 'rgba(110,118,129,0.1)', + }, + done: { + fg: '#a371f7', + emphasis: '#8957e5', + muted: 'rgba(163,113,247,0.4)', + subtle: 'rgba(163,113,247,0.1)', + }, + sponsors: { + fg: '#db61a2', + emphasis: '#bf4b8a', + muted: 'rgba(219,97,162,0.4)', + subtle: 'rgba(219,97,162,0.1)', + }, + primer: { + fg: { + disabled: '#484f58', + }, + canvas: { + backdrop: 'rgba(1,4,9,0.8)', + sticky: 'rgba(13,17,23,0.95)', + }, + border: { + active: '#f78166', + contrast: 'rgba(255,255,255,0.2)', + }, + shadow: { + highlight: '0 0 transparent', + inset: '0 0 transparent', + }, + }, + scale: { + black: '#010409', + white: '#ffffff', + gray: [ + '#f0f6fc', + '#c9d1d9', + '#b1bac4', + '#8b949e', + '#6e7681', + '#484f58', + '#30363d', + '#21262d', + '#161b22', + '#0d1117', + ], + blue: [ + '#cae8ff', + '#a5d6ff', + '#79c0ff', + '#58a6ff', + '#388bfd', + '#1f6feb', + '#1158c7', + '#0d419d', + '#0c2d6b', + '#051d4d', + ], + green: [ + '#cae8ff', + '#a5d6ff', + '#79c0ff', + '#58a6ff', + '#388bfd', + '#1f6feb', + '#1158c7', + '#0d419d', + '#0c2d6b', + '#051d4d', + ], + yellow: [ + '#f8e3a1', + '#f2cc60', + '#e3b341', + '#d29922', + '#bb8009', + '#9e6a03', + '#845306', + '#693e00', + '#4b2900', + '#341a00', + ], + orange: [ + '#ffe2bb', + '#ffc981', + '#fdac54', + '#ec8e2c', + '#d47616', + '#b76100', + '#914d04', + '#6c3906', + '#4e2906', + '#331c04', + ], + red: ['#ffe2bb', '#ffc981', '#fdac54', '#ec8e2c', '#d47616', '#b76100', '#914d04', '#6c3906', '#4e2906', '#331c04'], + purple: [ + '#eddeff', + '#e2c5ff', + '#d2a8ff', + '#bc8cff', + '#a371f7', + '#8957e5', + '#6e40c9', + '#553098', + '#3c1e70', + '#271052', + ], + pink: [ + '#ffdaec', + '#ffbedd', + '#ff9bce', + '#f778ba', + '#db61a2', + '#bf4b8a', + '#9e3670', + '#7d2457', + '#5e103e', + '#42062a', + ], + coral: [ + '#ffddd2', + '#ffc2b2', + '#ffa28b', + '#f78166', + '#ea6045', + '#cf462d', + '#ac3220', + '#872012', + '#640d04', + '#460701', + ], + }, +} diff --git a/src/legacy-theme/js/colors/dark_dimmed.d.ts b/src/legacy-theme/js/colors/dark_dimmed.d.ts new file mode 100644 index 00000000000..e8c6acd7489 --- /dev/null +++ b/src/legacy-theme/js/colors/dark_dimmed.d.ts @@ -0,0 +1,512 @@ +declare const _default: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string + shadow: { + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + hoverCounterFg: string + disabledCounterFg: string + counterFg: string + } + danger: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverIcon: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + icon: string + counterFg: string + disabledCounterFg: string + hoverCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + border: string + disabledBg: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } +} +export default _default diff --git a/src/legacy-theme/js/colors/dark_dimmed.js b/src/legacy-theme/js/colors/dark_dimmed.js new file mode 100644 index 00000000000..c9b0f7fb292 --- /dev/null +++ b/src/legacy-theme/js/colors/dark_dimmed.js @@ -0,0 +1,602 @@ +'use strict' +Object.defineProperty(exports, '__esModule', {value: true}) +exports.default = { + canvasDefaultTransparent: 'rgba(34,39,46,0)', + pageHeaderBg: '#22272e', + marketingIcon: { + primary: '#6cb6ff', + secondary: '#316dca', + }, + diffBlob: { + addition: { + numText: '#adbac7', + fg: '#adbac7', + numBg: 'rgba(87,171,90,0.3)', + lineBg: 'rgba(70,149,74,0.15)', + wordBg: 'rgba(70,149,74,0.4)', + }, + deletion: { + numText: '#adbac7', + fg: '#adbac7', + numBg: 'rgba(229,83,75,0.3)', + lineBg: 'rgba(229,83,75,0.1)', + wordBg: 'rgba(229,83,75,0.4)', + }, + hunk: { + numBg: 'rgba(65,132,228,0.4)', + }, + expander: { + icon: '#adbac7', + }, + selectedLineHighlightMixBlendMode: 'screen', + }, + diffstat: { + deletionBorder: 'rgba(205,217,229,0.1)', + additionBorder: 'rgba(205,217,229,0.1)', + additionBg: '#57ab5a', + }, + searchKeyword: { + hl: 'rgba(198,144,38,0.4)', + }, + prettylights: { + syntax: { + comment: '#768390', + constant: '#6cb6ff', + entity: '#dcbdfb', + storageModifierImport: '#adbac7', + entityTag: '#8ddb8c', + keyword: '#f47067', + string: '#96d0ff', + variable: '#f69d50', + brackethighlighterUnmatched: '#e5534b', + invalidIllegalText: '#cdd9e5', + invalidIllegalBg: '#922323', + carriageReturnText: '#cdd9e5', + carriageReturnBg: '#ad2e2c', + stringRegexp: '#8ddb8c', + markupList: '#eac55f', + markupHeading: '#316dca', + markupItalic: '#adbac7', + markupBold: '#adbac7', + markupDeletedText: '#ffd8d3', + markupDeletedBg: '#78191b', + markupInsertedText: '#b4f1b4', + markupInsertedBg: '#1b4721', + markupChangedText: '#ffddb0', + markupChangedBg: '#682d0f', + markupIgnoredText: '#adbac7', + markupIgnoredBg: '#255ab2', + metaDiffRange: '#dcbdfb', + brackethighlighterAngle: '#768390', + sublimelinterGutterMark: '#545d68', + constantOtherReferenceLink: '#96d0ff', + }, + }, + codemirror: { + text: '#adbac7', + bg: '#22272e', + guttersBg: '#22272e', + guttermarkerText: '#22272e', + guttermarkerSubtleText: '#636e7b', + linenumberText: '#768390', + cursor: '#adbac7', + selectionBg: 'rgba(65,132,228,0.4)', + activelineBg: 'rgba(99,110,123,0.1)', + matchingbracketText: '#adbac7', + linesBg: '#22272e', + syntax: { + comment: '#768390', + constant: '#6cb6ff', + entity: '#dcbdfb', + keyword: '#f47067', + storage: '#f47067', + string: '#96d0ff', + support: '#6cb6ff', + variable: '#f69d50', + }, + }, + checks: { + bg: '#1c2128', + runBorderWidth: '1px', + containerBorderWidth: '1px', + textPrimary: '#adbac7', + textSecondary: '#768390', + textLink: '#539bf5', + btnIcon: '#768390', + btnHoverIcon: '#adbac7', + btnHoverBg: 'rgba(99,110,123,0.1)', + inputText: '#768390', + inputPlaceholderText: '#636e7b', + inputFocusText: '#adbac7', + inputBg: '#2d333b', + inputShadow: '0 0 0 1px (obj) => (0, get_1.default)(obj, path)', + donutError: '#e5534b', + donutPending: '#c69026', + donutSuccess: '#46954a', + donutNeutral: '#768390', + dropdownText: '#adbac7', + dropdownBg: '#2d333b', + dropdownBorder: '#444c56', + dropdownShadow: 'rgba(28,33,40,0.3)', + dropdownHoverText: '#adbac7', + dropdownHoverBg: 'rgba(99,110,123,0.1)', + dropdownBtnHoverText: '#adbac7', + dropdownBtnHoverBg: 'rgba(99,110,123,0.1)', + scrollbarThumbBg: 'rgba(99,110,123,0.4)', + headerLabelText: '#768390', + headerLabelOpenText: '#adbac7', + headerBorder: '#373e47', + headerIcon: '#768390', + lineText: '#768390', + lineNumText: '#636e7b', + lineTimestampText: '#636e7b', + lineHoverBg: 'rgba(99,110,123,0.1)', + lineSelectedBg: 'rgba(65,132,228,0.1)', + lineSelectedNumText: '#539bf5', + lineDtFmText: '#cdd9e5', + lineDtFmBg: '#966600', + gateBg: 'rgba(174,124,20,0.15)', + gateText: '#768390', + gateWaitingText: '#c69026', + stepHeaderOpenBg: '#2d333b', + stepErrorText: '#e5534b', + stepWarningText: '#c69026', + loglineText: '#768390', + loglineNumText: '#636e7b', + loglineDebugText: '#986ee2', + loglineErrorText: '#768390', + loglineErrorNumText: '#636e7b', + loglineErrorBg: 'rgba(229,83,75,0.1)', + loglineWarningText: '#768390', + loglineWarningNumText: '#c69026', + loglineWarningBg: 'rgba(174,124,20,0.15)', + loglineCommandText: '#539bf5', + loglineSectionText: '#57ab5a', + ansi: { + black: '#22272e', + blackBright: '#2d333b', + white: '#909dab', + whiteBright: '#909dab', + gray: '#636e7b', + red: '#f47067', + redBright: '#ff938a', + green: '#57ab5a', + greenBright: '#6bc46d', + yellow: '#c69026', + yellowBright: '#daaa3f', + blue: '#539bf5', + blueBright: '#6cb6ff', + magenta: '#b083f0', + magentaBright: '#dcbdfb', + cyan: '#76e3ea', + cyanBright: '#b3f0ff', + }, + }, + project: { + headerBg: '#22272e', + sidebarBg: '#2d333b', + gradientIn: '#2d333b', + gradientOut: 'rgba(45,51,59,0)', + }, + mktg: { + btn: { + bg: '#f6f8fa', + shadow: { + outline: 'rgb(255 255 255 / 25%) 0 0 0 1px inset', + focus: 'rgb(255 255 255 / 25%) 0 0 0 4px', + 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)', + hoverMuted: 'rgb(255 255 255) 0 0 0 2px inset', + }, + }, + }, + control: { + borderColor: { + emphasis: '#606771', + }, + }, + avatar: { + bg: 'rgba(205,217,229,0.1)', + border: 'rgba(205,217,229,0.1)', + stackFade: '#444c56', + stackFadeMore: '#373e47', + childShadow: '0 0 0 2px #22272e', + }, + topicTag: { + border: 'rgba(0,0,0,0)', + }, + counter: { + border: 'rgba(0,0,0,0)', + }, + selectMenu: { + backdropBorder: '#545d68', + tapHighlight: 'rgba(68,76,86,0.5)', + tapFocusBg: '#143d79', + }, + overlay: { + shadow: '0 0 0 1px #444c56, 0 16px 32px rgba(28,33,40,0.85)', + backdrop: 'rgba(45,51,59,0.4)', + }, + header: { + text: 'rgba(205,217,229,0.7)', + bg: '#2d333b', + divider: '#768390', + logo: '#cdd9e5', + }, + headerSearch: { + bg: '#22272e', + border: '#444c56', + }, + sidenav: { + selectedBg: '#373e47', + }, + menu: { + bgActive: '#2d333b', + }, + input: { + disabledBg: 'rgba(99,110,123,0)', + }, + timeline: { + badgeBg: '#373e47', + }, + ansi: { + black: '#545d68', + blackBright: '#636e7b', + white: '#909dab', + whiteBright: '#cdd9e5', + gray: '#636e7b', + red: '#f47067', + redBright: '#ff938a', + green: '#57ab5a', + greenBright: '#6bc46d', + yellow: '#c69026', + yellowBright: '#daaa3f', + blue: '#539bf5', + blueBright: '#6cb6ff', + magenta: '#b083f0', + magentaBright: '#dcbdfb', + cyan: '#39c5cf', + cyanBright: '#56d4dd', + }, + btn: { + text: '#adbac7', + bg: '#373e47', + border: 'rgba(205,217,229,0.1)', + shadow: '0 0 transparent', + insetShadow: '0 0 transparent', + hoverBg: '#444c56', + hoverBorder: '#768390', + activeBg: 'hsla(213,12%,27%,1)', + activeBorder: '#636e7b', + selectedBg: '#2d333b', + counterBg: '#444c56', + primary: { + text: '#ffffff', + bg: '#347d39', + border: 'rgba(205,217,229,0.1)', + shadow: '0 0 transparent', + insetShadow: '0 0 transparent', + hoverBg: '#46954a', + hoverBorder: 'rgba(205,217,229,0.1)', + selectedBg: '#347d39', + selectedShadow: '0 0 transparent', + disabledText: 'rgba(205,217,229,0.5)', + disabledBg: 'rgba(52,125,57,0.6)', + disabledBorder: 'rgba(205,217,229,0.1)', + icon: '#cdd9e5', + counterBg: 'rgba(17,52,23,0.2)', + }, + outline: { + text: '#4184e4', + hoverText: '#539bf5', + hoverBg: '#444c56', + hoverBorder: 'rgba(205,217,229,0.1)', + hoverShadow: '0 1px 0 rgba(28,33,40,0.1)', + hoverInsetShadow: 'inset 0 1px 0 rgba(205,217,229,0.03)', + hoverCounterBg: 'rgba(15,45,92,0.2)', + selectedText: '#cdd9e5', + selectedBg: '#1b4b91', + selectedBorder: 'rgba(205,217,229,0.1)', + selectedShadow: '0 0 transparent', + disabledText: 'rgba(83,155,245,0.5)', + disabledBg: '#22272e', + disabledCounterBg: 'rgba(49,109,202,0.05)', + counterBg: 'rgba(15,45,92,0.2)', + hoverCounterFg: '#539bf5', + disabledCounterFg: 'rgba(83,155,245,0.5)', + counterFg: '#4184e4', + }, + danger: { + text: '#e5534b', + hoverText: '#cdd9e5', + hoverBg: '#c93c37', + hoverBorder: '#e5534b', + hoverShadow: '0 0 transparent', + hoverInsetShadow: '0 0 transparent', + hoverIcon: '#cdd9e5', + hoverCounterBg: 'rgba(255,255,255,0.2)', + selectedText: '#ffffff', + selectedBg: '#ad2e2c', + selectedBorder: '#f47067', + selectedShadow: '0 0 transparent', + disabledText: 'rgba(229,83,75,0.5)', + disabledBg: '#22272e', + disabledCounterBg: 'rgba(201,60,55,0.05)', + counterBg: 'rgba(93,15,18,0.2)', + icon: '#e5534b', + counterFg: '#e5534b', + disabledCounterFg: 'rgba(229,83,75,0.5)', + hoverCounterFg: '#cdd9e5', + }, + }, + underlinenav: { + icon: '#636e7b', + borderHover: 'rgba(99,110,123,0.4)', + }, + actionListItem: { + inlineDivider: 'rgba(68,76,86,0.48)', + default: { + hoverBg: 'rgba(144,157,171,0.12)', + hoverBorder: 'rgba(0,0,0,0)', + activeBg: 'rgba(144,157,171,0.2)', + activeBorder: 'rgba(0,0,0,0)', + selectedBg: 'rgba(144,157,171,0.08)', + }, + danger: { + hoverBg: 'rgba(229,83,75,0.16)', + activeBg: 'rgba(229,83,75,0.24)', + hoverText: '#f47067', + }, + }, + switchTrack: { + bg: 'rgba(99,110,123,0.1)', + hoverBg: 'hsla(213,11%,69%,0.1)', + activeBg: 'rgba(99,110,123,0.4)', + disabledBg: '#373e47', + fg: '#768390', + disabledFg: '#1c2128', + border: 'rgba(0,0,0,0)', + checked: { + bg: 'rgba(49,109,202,0.35)', + hoverBg: 'rgba(49,109,202,0.5)', + activeBg: 'rgba(49,109,202,0.65)', + fg: '#cdd9e5', + disabledFg: '#1c2128', + border: 'rgba(0,0,0,0)', + }, + }, + switchKnob: { + bg: '#22272e', + border: '#606771', + disabledBg: '#2d333b', + checked: { + bg: '#22272e', + disabledBg: '#2d333b', + border: 'rgba(49,109,202,0.35)', + }, + }, + segmentedControl: { + bg: 'rgba(99,110,123,0.1)', + button: { + bg: '#22272e', + hover: { + bg: '#444c56', + }, + active: { + bg: '#373e47', + }, + selected: { + border: '#636e7b', + }, + }, + }, + treeViewItem: { + chevron: { + hoverBg: 'rgba(144,157,171,0.12)', + }, + directory: { + fill: '#768390', + }, + }, + fg: { + default: '#adbac7', + muted: '#768390', + subtle: '#636e7b', + onEmphasis: '#cdd9e5', + }, + canvas: { + default: '#22272e', + overlay: '#2d333b', + inset: '#1c2128', + subtle: '#2d333b', + }, + border: { + default: '#444c56', + muted: '#373e47', + subtle: 'rgba(205,217,229,0.1)', + }, + shadow: { + small: '0 0 transparent', + medium: '0 3px 6px #1c2128', + large: '0 8px 24px #1c2128', + extraLarge: '0 12px 48px #1c2128', + }, + neutral: { + emphasisPlus: '#636e7b', + emphasis: '#636e7b', + muted: 'rgba(99,110,123,0.4)', + subtle: 'rgba(99,110,123,0.1)', + }, + accent: { + fg: '#539bf5', + emphasis: '#316dca', + muted: 'rgba(65,132,228,0.4)', + subtle: 'rgba(65,132,228,0.1)', + }, + success: { + fg: '#57ab5a', + emphasis: '#347d39', + muted: 'rgba(70,149,74,0.4)', + subtle: 'rgba(70,149,74,0.15)', + }, + attention: { + fg: '#c69026', + emphasis: '#966600', + muted: 'rgba(174,124,20,0.4)', + subtle: 'rgba(174,124,20,0.15)', + }, + severe: { + fg: '#cc6b2c', + emphasis: '#ae5622', + muted: 'rgba(204,107,44,0.4)', + subtle: 'rgba(204,107,44,0.1)', + }, + danger: { + fg: '#e5534b', + emphasis: '#c93c37', + muted: 'rgba(229,83,75,0.4)', + subtle: 'rgba(229,83,75,0.1)', + }, + open: { + fg: '#57ab5a', + emphasis: '#347d39', + muted: 'rgba(70,149,74,0.4)', + subtle: 'rgba(70,149,74,0.15)', + }, + closed: { + fg: '#e5534b', + emphasis: '#c93c37', + muted: 'rgba(229,83,75,0.4)', + subtle: 'rgba(229,83,75,0.15)', + }, + done: { + fg: '#986ee2', + emphasis: '#8256d0', + muted: 'rgba(152,110,226,0.4)', + subtle: 'rgba(152,110,226,0.1)', + }, + sponsors: { + fg: '#c96198', + emphasis: '#ae4c82', + muted: 'rgba(201,97,152,0.4)', + subtle: 'rgba(201,97,152,0.1)', + }, + primer: { + fg: { + disabled: '#545d68', + }, + canvas: { + backdrop: 'rgba(28,33,40,0.8)', + sticky: 'rgba(34,39,46,0.95)', + }, + border: { + active: '#ec775c', + contrast: 'rgba(205,217,229,0.2)', + }, + shadow: { + highlight: '0 0 transparent', + inset: '0 0 transparent', + }, + }, + scale: { + black: '#1c2128', + white: '#cdd9e5', + gray: [ + '#cdd9e5', + '#adbac7', + '#909dab', + '#768390', + '#636e7b', + '#545d68', + '#444c56', + '#373e47', + '#2d333b', + '#22272e', + ], + blue: [ + '#c6e6ff', + '#96d0ff', + '#6cb6ff', + '#539bf5', + '#4184e4', + '#316dca', + '#255ab2', + '#1b4b91', + '#143d79', + '#0f2d5c', + ], + green: [ + '#b4f1b4', + '#8ddb8c', + '#6bc46d', + '#57ab5a', + '#46954a', + '#347d39', + '#2b6a30', + '#245829', + '#1b4721', + '#113417', + ], + yellow: [ + '#fbe090', + '#eac55f', + '#daaa3f', + '#c69026', + '#ae7c14', + '#966600', + '#805400', + '#6c4400', + '#593600', + '#452700', + ], + orange: [ + '#ffddb0', + '#ffbc6f', + '#f69d50', + '#e0823d', + '#cc6b2c', + '#ae5622', + '#94471b', + '#7f3913', + '#682d0f', + '#4d210c', + ], + red: ['#ffd8d3', '#ffb8b0', '#ff938a', '#f47067', '#e5534b', '#c93c37', '#ad2e2c', '#922323', '#78191b', '#5d0f12'], + purple: [ + '#eedcff', + '#dcbdfb', + '#dcbdfb', + '#b083f0', + '#986ee2', + '#8256d0', + '#6b44bc', + '#5936a2', + '#472c82', + '#352160', + ], + pink: [ + '#ffd7eb', + '#ffb3d8', + '#fc8dc7', + '#e275ad', + '#c96198', + '#ae4c82', + '#983b6e', + '#7e325a', + '#69264a', + '#551639', + ], + coral: [ + '#ffdacf', + '#ffb9a5', + '#f79981', + '#ec775c', + '#de5b41', + '#c2442d', + '#a93524', + '#8d291b', + '#771d13', + '#5d1008', + ], + }, +} diff --git a/src/legacy-theme/js/colors/dark_high_contrast.d.ts b/src/legacy-theme/js/colors/dark_high_contrast.d.ts new file mode 100644 index 00000000000..e8c6acd7489 --- /dev/null +++ b/src/legacy-theme/js/colors/dark_high_contrast.d.ts @@ -0,0 +1,512 @@ +declare const _default: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string + shadow: { + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + hoverCounterFg: string + disabledCounterFg: string + counterFg: string + } + danger: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverIcon: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + icon: string + counterFg: string + disabledCounterFg: string + hoverCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + border: string + disabledBg: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } +} +export default _default diff --git a/src/legacy-theme/js/colors/dark_high_contrast.js b/src/legacy-theme/js/colors/dark_high_contrast.js new file mode 100644 index 00000000000..31594efe9dc --- /dev/null +++ b/src/legacy-theme/js/colors/dark_high_contrast.js @@ -0,0 +1,602 @@ +'use strict' +Object.defineProperty(exports, '__esModule', {value: true}) +exports.default = { + canvasDefaultTransparent: 'rgba(10,12,16,0)', + pageHeaderBg: '#0a0c10', + marketingIcon: { + primary: '#91cbff', + secondary: '#409eff', + }, + diffBlob: { + addition: { + numText: '#f0f3f6', + fg: '#0a0c10', + numBg: 'rgba(38,205,77,0.3)', + lineBg: 'rgba(9,180,58,0.15)', + wordBg: '#09b43a', + }, + deletion: { + numText: '#f0f3f6', + fg: '#0a0c10', + numBg: 'rgba(255,106,105,0.3)', + lineBg: 'rgba(255,106,105,0.1)', + wordBg: '#ff6a69', + }, + hunk: { + numBg: 'rgba(64,158,255,0.4)', + }, + expander: { + icon: '#f0f3f6', + }, + selectedLineHighlightMixBlendMode: 'screen', + }, + diffstat: { + deletionBorder: '#ffb1af', + additionBorder: '#4ae168', + additionBg: '#26cd4d', + }, + searchKeyword: { + hl: 'rgba(240,183,47,0.4)', + }, + prettylights: { + syntax: { + comment: '#bdc4cc', + constant: '#91cbff', + entity: '#dbb7ff', + storageModifierImport: '#f0f3f6', + entityTag: '#72f088', + keyword: '#ff9492', + string: '#addcff', + variable: '#ffb757', + brackethighlighterUnmatched: '#ff6a69', + invalidIllegalText: '#ffffff', + invalidIllegalBg: '#e82a2f', + carriageReturnText: '#ffffff', + carriageReturnBg: '#ff4445', + stringRegexp: '#72f088', + markupList: '#fbd669', + markupHeading: '#409eff', + markupItalic: '#f0f3f6', + markupBold: '#f0f3f6', + markupDeletedText: '#ffdedb', + markupDeletedBg: '#cc1421', + markupInsertedText: '#acf7b6', + markupInsertedBg: '#007728', + markupChangedText: '#ffe1b4', + markupChangedBg: '#a74c00', + markupIgnoredText: '#f0f3f6', + markupIgnoredBg: '#318bf8', + metaDiffRange: '#dbb7ff', + brackethighlighterAngle: '#bdc4cc', + sublimelinterGutterMark: '#7a828e', + constantOtherReferenceLink: '#addcff', + }, + }, + codemirror: { + text: '#f0f3f6', + bg: '#0a0c10', + guttersBg: '#0a0c10', + guttermarkerText: '#0a0c10', + guttermarkerSubtleText: '#9ea7b3', + linenumberText: '#f0f3f6', + cursor: '#f0f3f6', + selectionBg: 'rgba(64,158,255,0.4)', + activelineBg: 'rgba(158,167,179,0.1)', + matchingbracketText: '#f0f3f6', + linesBg: '#0a0c10', + syntax: { + comment: '#bdc4cc', + constant: '#91cbff', + entity: '#dbb7ff', + keyword: '#ff9492', + storage: '#ff9492', + string: '#addcff', + support: '#91cbff', + variable: '#ffb757', + }, + }, + checks: { + bg: '#010409', + runBorderWidth: '1px', + containerBorderWidth: '1px', + textPrimary: '#f0f3f6', + textSecondary: '#f0f3f6', + textLink: '#71b7ff', + btnIcon: '#f0f3f6', + btnHoverIcon: '#f0f3f6', + btnHoverBg: 'rgba(158,167,179,0.1)', + inputText: '#f0f3f6', + inputPlaceholderText: '#9ea7b3', + inputFocusText: '#f0f3f6', + inputBg: '#272b33', + inputShadow: '0 0 0 1px (obj) => (0, get_1.default)(obj, path)', + donutError: '#ff6a69', + donutPending: '#f0b72f', + donutSuccess: '#09b43a', + donutNeutral: '#bdc4cc', + dropdownText: '#f0f3f6', + dropdownBg: '#272b33', + dropdownBorder: '#7a828e', + dropdownShadow: 'rgba(1,4,9,0.3)', + dropdownHoverText: '#f0f3f6', + dropdownHoverBg: 'rgba(158,167,179,0.1)', + dropdownBtnHoverText: '#f0f3f6', + dropdownBtnHoverBg: 'rgba(158,167,179,0.1)', + scrollbarThumbBg: 'rgba(158,167,179,0.4)', + headerLabelText: '#f0f3f6', + headerLabelOpenText: '#f0f3f6', + headerBorder: '#7a828e', + headerIcon: '#f0f3f6', + lineText: '#f0f3f6', + lineNumText: '#9ea7b3', + lineTimestampText: '#9ea7b3', + lineHoverBg: 'rgba(158,167,179,0.1)', + lineSelectedBg: 'rgba(64,158,255,0.1)', + lineSelectedNumText: '#71b7ff', + lineDtFmText: '#0a0c10', + lineDtFmBg: '#e09b13', + gateBg: 'rgba(224,155,19,0.15)', + gateText: '#f0f3f6', + gateWaitingText: '#f0b72f', + stepHeaderOpenBg: '#272b33', + stepErrorText: '#ff6a69', + stepWarningText: '#f0b72f', + loglineText: '#f0f3f6', + loglineNumText: '#9ea7b3', + loglineDebugText: '#b780ff', + loglineErrorText: '#f0f3f6', + loglineErrorNumText: '#9ea7b3', + loglineErrorBg: 'rgba(255,106,105,0.1)', + loglineWarningText: '#f0f3f6', + loglineWarningNumText: '#f0b72f', + loglineWarningBg: 'rgba(224,155,19,0.15)', + loglineCommandText: '#71b7ff', + loglineSectionText: '#26cd4d', + ansi: { + black: '#0a0c10', + blackBright: '#272b33', + white: '#d9dee3', + whiteBright: '#d9dee3', + gray: '#9ea7b3', + red: '#ff9492', + redBright: '#ffb1af', + green: '#26cd4d', + greenBright: '#4ae168', + yellow: '#f0b72f', + yellowBright: '#f7c843', + blue: '#71b7ff', + blueBright: '#91cbff', + magenta: '#cb9eff', + magentaBright: '#dbb7ff', + cyan: '#76e3ea', + cyanBright: '#b3f0ff', + }, + }, + project: { + headerBg: '#0a0c10', + sidebarBg: '#272b33', + gradientIn: '#272b33', + gradientOut: 'rgba(39,43,51,0)', + }, + mktg: { + btn: { + bg: '#f6f8fa', + shadow: { + outline: 'rgb(255 255 255 / 25%) 0 0 0 1px inset', + focus: 'rgb(255 255 255 / 25%) 0 0 0 4px', + 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)', + hoverMuted: 'rgb(255 255 255) 0 0 0 2px inset', + }, + }, + }, + control: { + borderColor: { + emphasis: '#9ea7b3', + }, + }, + avatar: { + bg: 'rgba(255,255,255,0.1)', + border: 'rgba(255,255,255,0.9)', + stackFade: '#525964', + stackFadeMore: '#272b33', + childShadow: '0 0 0 2px #0a0c10', + }, + topicTag: { + border: '#409eff', + }, + counter: { + border: 'rgba(0,0,0,0)', + }, + selectMenu: { + backdropBorder: '#7a828e', + tapHighlight: 'rgba(82,89,100,0.5)', + tapFocusBg: '#1e60d5', + }, + overlay: { + shadow: '0 0 0 1px #525964, 0 16px 32px rgba(1,4,9,0.85)', + backdrop: 'rgba(39,43,51,0.4)', + }, + header: { + text: 'rgba(255,255,255,0.7)', + bg: '#272b33', + divider: '#bdc4cc', + logo: '#ffffff', + }, + headerSearch: { + bg: '#0a0c10', + border: '#525964', + }, + sidenav: { + selectedBg: '#272b33', + }, + menu: { + bgActive: '#272b33', + }, + input: { + disabledBg: 'rgba(158,167,179,0)', + }, + timeline: { + badgeBg: '#272b33', + }, + ansi: { + black: '#7a828e', + blackBright: '#9ea7b3', + white: '#d9dee3', + whiteBright: '#ffffff', + gray: '#9ea7b3', + red: '#ff9492', + redBright: '#ffb1af', + green: '#26cd4d', + greenBright: '#4ae168', + yellow: '#f0b72f', + yellowBright: '#f7c843', + blue: '#71b7ff', + blueBright: '#91cbff', + magenta: '#cb9eff', + magentaBright: '#dbb7ff', + cyan: '#39c5cf', + cyanBright: '#56d4dd', + }, + btn: { + text: '#f0f3f6', + bg: '#272b33', + border: '#7a828e', + shadow: '0 0 transparent', + insetShadow: '0 0 transparent', + hoverBg: '#525964', + hoverBorder: '#bdc4cc', + activeBg: 'hsla(217,10%,33%,1)', + activeBorder: '#9ea7b3', + selectedBg: 'rgba(82,89,100,0.9)', + counterBg: '#525964', + primary: { + text: '#0a0c10', + bg: '#09b43a', + border: '#4ae168', + shadow: '0 0 transparent', + insetShadow: '0 0 transparent', + hoverBg: '#26cd4d', + hoverBorder: '#4ae168', + selectedBg: '#09b43a', + selectedShadow: '0 0 transparent', + disabledText: 'rgba(10,12,16,0.5)', + disabledBg: 'rgba(9,180,58,0.6)', + disabledBorder: 'rgba(74,225,104,0.4)', + icon: '#0a0c10', + counterBg: 'rgba(1,4,9,0.15)', + }, + outline: { + text: '#409eff', + hoverText: '#71b7ff', + hoverBg: '#525964', + hoverBorder: '#7a828e', + hoverShadow: '0 1px 0 rgba(1,4,9,0.1)', + hoverInsetShadow: 'inset 0 1px 0 rgba(255,255,255,0.03)', + hoverCounterBg: 'rgba(25,79,177,0.2)', + selectedText: '#ffffff', + selectedBg: '#2672f3', + selectedBorder: '#7a828e', + selectedShadow: '0 0 transparent', + disabledText: 'rgba(113,183,255,0.5)', + disabledBg: '#0a0c10', + disabledCounterBg: 'rgba(64,158,255,0.05)', + counterBg: 'rgba(25,79,177,0.2)', + hoverCounterFg: '#71b7ff', + disabledCounterFg: 'rgba(113,183,255,0.5)', + counterFg: '#409eff', + }, + danger: { + text: '#ff6a69', + hoverText: '#0a0c10', + hoverBg: '#ff6a69', + hoverBorder: '#ff6a69', + hoverShadow: '0 0 transparent', + hoverInsetShadow: '0 0 transparent', + hoverIcon: '#0a0c10', + hoverCounterBg: 'rgba(1,4,9,0.15)', + selectedText: '#ffffff', + selectedBg: '#ff4445', + selectedBorder: '#ff9492', + selectedShadow: '0 0 transparent', + disabledText: 'rgba(255,106,105,0.5)', + disabledBg: '#0a0c10', + disabledCounterBg: 'rgba(255,106,105,0.05)', + counterBg: 'rgba(1,4,9,0.15)', + icon: '#ff6a69', + counterFg: '#ff6a69', + disabledCounterFg: 'rgba(255,106,105,0.5)', + hoverCounterFg: '#ffffff', + }, + }, + underlinenav: { + icon: '#f0f3f6', + borderHover: '#bdc4cc', + }, + actionListItem: { + inlineDivider: '#7a828e', + default: { + hoverBg: '#272b33', + hoverBorder: '#7a828e', + activeBg: '#525964', + activeBorder: '#9ea7b3', + selectedBg: '#525964', + }, + danger: { + hoverBg: '#ff6a69', + activeBg: '#ff4445', + hoverText: '#0a0c10', + }, + }, + switchTrack: { + bg: '#9ea7b3', + hoverBg: 'hsla(214,12%,61%,1)', + activeBg: 'hsla(214,12%,58%,1)', + disabledBg: '#272b33', + fg: '#0a0c10', + disabledFg: '#010409', + border: 'rgba(0,0,0,0)', + checked: { + bg: '#409eff', + hoverBg: 'rgba(64,158,255,0.5)', + activeBg: 'rgba(64,158,255,0.65)', + fg: '#0a0c10', + disabledFg: '#010409', + border: 'rgba(0,0,0,0)', + }, + }, + switchKnob: { + bg: '#0a0c10', + border: '#9ea7b3', + disabledBg: '#272b33', + checked: { + bg: '#0a0c10', + disabledBg: '#272b33', + border: '#409eff', + }, + }, + segmentedControl: { + bg: 'rgba(158,167,179,0.1)', + button: { + bg: '#0a0c10', + hover: { + bg: '#525964', + }, + active: { + bg: '#272b33', + }, + selected: { + border: '#9ea7b3', + }, + }, + }, + treeViewItem: { + chevron: { + hoverBg: '#525964', + }, + directory: { + fill: '#f0f3f6', + }, + }, + fg: { + default: '#f0f3f6', + muted: '#f0f3f6', + subtle: '#9ea7b3', + onEmphasis: '#0a0c10', + }, + canvas: { + default: '#0a0c10', + overlay: '#272b33', + inset: '#010409', + subtle: '#272b33', + }, + border: { + default: '#7a828e', + muted: '#7a828e', + subtle: '#7a828e', + }, + shadow: { + small: '0 0 transparent', + medium: '0 3px 6px #010409', + large: '0 8px 24px #010409', + extraLarge: '0 12px 48px #010409', + }, + neutral: { + emphasisPlus: '#ffffff', + emphasis: '#9ea7b3', + muted: 'rgba(158,167,179,0.4)', + subtle: 'rgba(158,167,179,0.1)', + }, + accent: { + fg: '#71b7ff', + emphasis: '#409eff', + muted: '#409eff', + subtle: 'rgba(64,158,255,0.1)', + }, + success: { + fg: '#26cd4d', + emphasis: '#09b43a', + muted: '#09b43a', + subtle: 'rgba(9,180,58,0.15)', + }, + attention: { + fg: '#f0b72f', + emphasis: '#e09b13', + muted: '#e09b13', + subtle: 'rgba(224,155,19,0.15)', + }, + severe: { + fg: '#e7811d', + emphasis: '#e7811d', + muted: '#e7811d', + subtle: 'rgba(231,129,29,0.1)', + }, + danger: { + fg: '#ff6a69', + emphasis: '#ff6a69', + muted: '#ff6a69', + subtle: 'rgba(255,106,105,0.1)', + }, + open: { + fg: '#26cd4d', + emphasis: '#09b43a', + muted: 'rgba(9,180,58,0.4)', + subtle: 'rgba(9,180,58,0.15)', + }, + closed: { + fg: '#ff6a69', + emphasis: '#ff6a69', + muted: 'rgba(255,106,105,0.4)', + subtle: 'rgba(255,106,105,0.15)', + }, + done: { + fg: '#b780ff', + emphasis: '#b87fff', + muted: '#b780ff', + subtle: 'rgba(183,128,255,0.1)', + }, + sponsors: { + fg: '#ef6eb1', + emphasis: '#ef6eb1', + muted: '#ef6eb1', + subtle: 'rgba(239,110,177,0.1)', + }, + primer: { + fg: { + disabled: '#7a828e', + }, + canvas: { + backdrop: 'rgba(1,4,9,0.8)', + sticky: 'rgba(10,12,16,0.95)', + }, + border: { + active: '#ff967d', + contrast: 'rgba(255,255,255,0.2)', + }, + shadow: { + highlight: '0 0 transparent', + inset: '0 0 transparent', + }, + }, + scale: { + black: '#010409', + white: '#ffffff', + gray: [ + '#ffffff', + '#f0f3f6', + '#d9dee3', + '#bdc4cc', + '#9ea7b3', + '#7a828e', + '#525964', + '#272b33', + '#272b33', + '#0a0c10', + ], + blue: [ + '#caeaff', + '#addcff', + '#91cbff', + '#71b7ff', + '#409eff', + '#409eff', + '#318bf8', + '#2672f3', + '#1e60d5', + '#194fb1', + ], + green: [ + '#acf7b6', + '#72f088', + '#4ae168', + '#26cd4d', + '#09b43a', + '#09b43a', + '#02a232', + '#008c2c', + '#007728', + '#006222', + ], + yellow: [ + '#fbe59e', + '#fbd669', + '#f7c843', + '#f0b72f', + '#e09b13', + '#e09b13', + '#c88508', + '#ae7104', + '#945d02', + '#7b4900', + ], + orange: [ + '#ffe1b4', + '#ffcf86', + '#ffb757', + '#fe9a2d', + '#e7811d', + '#e7811d', + '#d57014', + '#bf5e0a', + '#a74c00', + '#8f3c00', + ], + red: ['#ffdedb', '#ffc9c7', '#ffb1af', '#ff9492', '#ff6a69', '#ff6a69', '#ff4445', '#e82a2f', '#cc1421', '#ad0116'], + purple: [ + '#f0dfff', + '#e6ccff', + '#dbb7ff', + '#cb9eff', + '#b780ff', + '#b87fff', + '#a66bff', + '#954ffd', + '#8031f7', + '#6921d7', + ], + pink: [ + '#ffdceb', + '#ffc7e1', + '#ffadd4', + '#ff8dc7', + '#ef6eb1', + '#ef6eb1', + '#e456a3', + '#d23d91', + '#b72c7d', + '#9c1d6a', + ], + coral: [ + '#ffded4', + '#ffcbb9', + '#ffb39b', + '#ff967d', + '#fc704f', + '#fc704f', + '#f75133', + '#e03b21', + '#c62612', + '#a91500', + ], + }, +} diff --git a/src/legacy-theme/js/colors/dark_tritanopia.d.ts b/src/legacy-theme/js/colors/dark_tritanopia.d.ts new file mode 100644 index 00000000000..e8c6acd7489 --- /dev/null +++ b/src/legacy-theme/js/colors/dark_tritanopia.d.ts @@ -0,0 +1,512 @@ +declare const _default: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string + shadow: { + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + hoverCounterFg: string + disabledCounterFg: string + counterFg: string + } + danger: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverIcon: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + icon: string + counterFg: string + disabledCounterFg: string + hoverCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + border: string + disabledBg: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } +} +export default _default diff --git a/src/legacy-theme/js/colors/dark_tritanopia.js b/src/legacy-theme/js/colors/dark_tritanopia.js new file mode 100644 index 00000000000..fe155ca5b8d --- /dev/null +++ b/src/legacy-theme/js/colors/dark_tritanopia.js @@ -0,0 +1,602 @@ +'use strict' +Object.defineProperty(exports, '__esModule', {value: true}) +exports.default = { + canvasDefaultTransparent: 'rgba(13,17,23,0)', + pageHeaderBg: '#0d1117', + marketingIcon: { + primary: '#79c0ff', + secondary: '#1f6feb', + }, + diffBlob: { + addition: { + numText: '#c9d1d9', + fg: '#c9d1d9', + numBg: 'rgba(88,166,255,0.3)', + lineBg: 'rgba(56,139,253,0.15)', + wordBg: 'rgba(56,139,253,0.4)', + }, + deletion: { + numText: '#c9d1d9', + fg: '#c9d1d9', + numBg: 'rgba(248,81,73,0.3)', + lineBg: 'rgba(248,81,73,0.1)', + wordBg: 'rgba(248,81,73,0.4)', + }, + hunk: { + numBg: 'rgba(56,139,253,0.4)', + }, + expander: { + icon: '#8b949e', + }, + selectedLineHighlightMixBlendMode: 'screen', + }, + diffstat: { + deletionBorder: 'rgba(240,246,252,0.1)', + additionBorder: 'rgba(240,246,252,0.1)', + additionBg: '#58a6ff', + }, + searchKeyword: { + hl: 'rgba(210,153,34,0.4)', + }, + prettylights: { + syntax: { + comment: '#8b949e', + constant: '#79c0ff', + entity: '#d2a8ff', + storageModifierImport: '#c9d1d9', + entityTag: '#a5d6ff', + keyword: '#ff7b72', + string: '#a5d6ff', + variable: '#ffa198', + brackethighlighterUnmatched: '#f85149', + invalidIllegalText: '#f0f6fc', + invalidIllegalBg: '#8e1519', + carriageReturnText: '#f0f6fc', + carriageReturnBg: '#b62324', + stringRegexp: '#a5d6ff', + markupList: '#f2cc60', + markupHeading: '#1f6feb', + markupItalic: '#c9d1d9', + markupBold: '#c9d1d9', + markupDeletedText: '#ffdcd7', + markupDeletedBg: '#67060c', + markupInsertedText: '#cae8ff', + markupInsertedBg: '#0c2d6b', + markupChangedText: '#ffdcd7', + markupChangedBg: '#67060c', + markupIgnoredText: '#c9d1d9', + markupIgnoredBg: '#1158c7', + metaDiffRange: '#d2a8ff', + brackethighlighterAngle: '#8b949e', + sublimelinterGutterMark: '#484f58', + constantOtherReferenceLink: '#a5d6ff', + }, + }, + codemirror: { + text: '#c9d1d9', + bg: '#0d1117', + guttersBg: '#0d1117', + guttermarkerText: '#0d1117', + guttermarkerSubtleText: '#6e7681', + linenumberText: '#8b949e', + cursor: '#c9d1d9', + selectionBg: 'rgba(56,139,253,0.4)', + activelineBg: 'rgba(110,118,129,0.1)', + matchingbracketText: '#c9d1d9', + linesBg: '#0d1117', + syntax: { + comment: '#8b949e', + constant: '#79c0ff', + entity: '#d2a8ff', + keyword: '#ff7b72', + storage: '#ff7b72', + string: '#a5d6ff', + support: '#79c0ff', + variable: '#ffa198', + }, + }, + checks: { + bg: '#010409', + runBorderWidth: '1px', + containerBorderWidth: '1px', + textPrimary: '#c9d1d9', + textSecondary: '#8b949e', + textLink: '#58a6ff', + btnIcon: '#8b949e', + btnHoverIcon: '#c9d1d9', + btnHoverBg: 'rgba(110,118,129,0.1)', + inputText: '#8b949e', + inputPlaceholderText: '#6e7681', + inputFocusText: '#c9d1d9', + inputBg: '#161b22', + inputShadow: '0 0 0 1px (obj) => (0, get_1.default)(obj, path)', + donutError: '#f85149', + donutPending: '#d29922', + donutSuccess: '#388bfd', + donutNeutral: '#8b949e', + dropdownText: '#c9d1d9', + dropdownBg: '#161b22', + dropdownBorder: '#30363d', + dropdownShadow: 'rgba(1,4,9,0.3)', + dropdownHoverText: '#c9d1d9', + dropdownHoverBg: 'rgba(110,118,129,0.1)', + dropdownBtnHoverText: '#c9d1d9', + dropdownBtnHoverBg: 'rgba(110,118,129,0.1)', + scrollbarThumbBg: 'rgba(110,118,129,0.4)', + headerLabelText: '#8b949e', + headerLabelOpenText: '#c9d1d9', + headerBorder: '#21262d', + headerIcon: '#8b949e', + lineText: '#8b949e', + lineNumText: '#6e7681', + lineTimestampText: '#6e7681', + lineHoverBg: 'rgba(110,118,129,0.1)', + lineSelectedBg: 'rgba(56,139,253,0.1)', + lineSelectedNumText: '#58a6ff', + lineDtFmText: '#ffffff', + lineDtFmBg: '#9e6a03', + gateBg: 'rgba(187,128,9,0.15)', + gateText: '#8b949e', + gateWaitingText: '#d29922', + stepHeaderOpenBg: '#161b22', + stepErrorText: '#f85149', + stepWarningText: '#d29922', + loglineText: '#8b949e', + loglineNumText: '#6e7681', + loglineDebugText: '#a371f7', + loglineErrorText: '#8b949e', + loglineErrorNumText: '#6e7681', + loglineErrorBg: 'rgba(248,81,73,0.1)', + loglineWarningText: '#8b949e', + loglineWarningNumText: '#d29922', + loglineWarningBg: 'rgba(187,128,9,0.15)', + loglineCommandText: '#58a6ff', + loglineSectionText: '#58a6ff', + ansi: { + black: '#0d1117', + blackBright: '#161b22', + white: '#b1bac4', + whiteBright: '#b1bac4', + gray: '#6e7681', + red: '#ff7b72', + redBright: '#ffa198', + green: '#58a6ff', + greenBright: '#79c0ff', + yellow: '#d29922', + yellowBright: '#e3b341', + blue: '#58a6ff', + blueBright: '#79c0ff', + magenta: '#bc8cff', + magentaBright: '#d2a8ff', + cyan: '#76e3ea', + cyanBright: '#b3f0ff', + }, + }, + project: { + headerBg: '#0d1117', + sidebarBg: '#161b22', + gradientIn: '#161b22', + gradientOut: 'rgba(22,27,34,0)', + }, + mktg: { + btn: { + bg: '#f6f8fa', + shadow: { + outline: 'rgb(255 255 255 / 25%) 0 0 0 1px inset', + focus: 'rgb(255 255 255 / 25%) 0 0 0 4px', + 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)', + hoverMuted: 'rgb(255 255 255) 0 0 0 2px inset', + }, + }, + }, + control: { + borderColor: { + emphasis: '#606771', + }, + }, + avatar: { + bg: 'rgba(255,255,255,0.1)', + border: 'rgba(240,246,252,0.1)', + stackFade: '#30363d', + stackFadeMore: '#21262d', + childShadow: '0 0 0 2px #0d1117', + }, + topicTag: { + border: 'rgba(0,0,0,0)', + }, + counter: { + border: 'rgba(0,0,0,0)', + }, + selectMenu: { + backdropBorder: '#484f58', + tapHighlight: 'rgba(48,54,61,0.5)', + tapFocusBg: '#0c2d6b', + }, + overlay: { + shadow: '0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85)', + backdrop: 'rgba(22,27,34,0.4)', + }, + header: { + text: 'rgba(255,255,255,0.7)', + bg: '#161b22', + divider: '#8b949e', + logo: '#f0f6fc', + }, + headerSearch: { + bg: '#0d1117', + border: '#30363d', + }, + sidenav: { + selectedBg: '#21262d', + }, + menu: { + bgActive: '#161b22', + }, + input: { + disabledBg: 'rgba(110,118,129,0)', + }, + timeline: { + badgeBg: '#21262d', + }, + ansi: { + black: '#484f58', + blackBright: '#6e7681', + white: '#b1bac4', + whiteBright: '#ffffff', + gray: '#6e7681', + red: '#ff7b72', + redBright: '#ffa198', + green: '#58a6ff', + greenBright: '#79c0ff', + yellow: '#d29922', + yellowBright: '#e3b341', + blue: '#58a6ff', + blueBright: '#79c0ff', + magenta: '#bc8cff', + magentaBright: '#d2a8ff', + cyan: '#39c5cf', + cyanBright: '#56d4dd', + }, + btn: { + text: '#c9d1d9', + bg: '#21262d', + border: 'rgba(240,246,252,0.1)', + shadow: '0 0 transparent', + insetShadow: '0 0 transparent', + hoverBg: '#30363d', + hoverBorder: '#8b949e', + activeBg: 'hsla(212,12%,18%,1)', + activeBorder: '#6e7681', + selectedBg: '#161b22', + counterBg: '#30363d', + primary: { + text: '#ffffff', + bg: '#1f6feb', + border: 'rgba(240,246,252,0.1)', + shadow: '0 0 transparent', + insetShadow: '0 0 transparent', + hoverBg: '#388bfd', + hoverBorder: 'rgba(240,246,252,0.1)', + selectedBg: '#1f6feb', + selectedShadow: '0 0 transparent', + disabledText: 'rgba(255,255,255,0.5)', + disabledBg: 'rgba(31,111,235,0.6)', + disabledBorder: 'rgba(240,246,252,0.1)', + icon: '#ffffff', + counterBg: 'rgba(5,29,77,0.2)', + }, + outline: { + text: '#388bfd', + hoverText: '#58a6ff', + hoverBg: '#30363d', + hoverBorder: 'rgba(240,246,252,0.1)', + hoverShadow: '0 1px 0 rgba(1,4,9,0.1)', + hoverInsetShadow: 'inset 0 1px 0 rgba(255,255,255,0.03)', + hoverCounterBg: 'rgba(5,29,77,0.2)', + selectedText: '#ffffff', + selectedBg: '#0d419d', + selectedBorder: 'rgba(240,246,252,0.1)', + selectedShadow: '0 0 transparent', + disabledText: 'rgba(88,166,255,0.5)', + disabledBg: '#0d1117', + disabledCounterBg: 'rgba(31,111,235,0.05)', + counterBg: 'rgba(5,29,77,0.2)', + hoverCounterFg: '#58a6ff', + disabledCounterFg: 'rgba(88,166,255,0.5)', + counterFg: '#388bfd', + }, + danger: { + text: '#f85149', + hoverText: '#ffffff', + hoverBg: '#da3633', + hoverBorder: '#f85149', + hoverShadow: '0 0 transparent', + hoverInsetShadow: '0 0 transparent', + hoverIcon: '#ffffff', + hoverCounterBg: 'rgba(255,255,255,0.2)', + selectedText: '#ffffff', + selectedBg: '#b62324', + selectedBorder: '#ff7b72', + selectedShadow: '0 0 transparent', + disabledText: 'rgba(248,81,73,0.5)', + disabledBg: '#0d1117', + disabledCounterBg: 'rgba(218,54,51,0.05)', + counterBg: 'rgba(73,2,2,0.2)', + icon: '#f85149', + counterFg: '#f85149', + disabledCounterFg: 'rgba(248,81,73,0.5)', + hoverCounterFg: '#ffffff', + }, + }, + underlinenav: { + icon: '#6e7681', + borderHover: 'rgba(110,118,129,0.4)', + }, + actionListItem: { + inlineDivider: 'rgba(48,54,61,0.48)', + default: { + hoverBg: 'rgba(177,186,196,0.12)', + hoverBorder: 'rgba(0,0,0,0)', + activeBg: 'rgba(177,186,196,0.2)', + activeBorder: 'rgba(0,0,0,0)', + selectedBg: 'rgba(177,186,196,0.08)', + }, + danger: { + hoverBg: 'rgba(248,81,73,0.16)', + activeBg: 'rgba(248,81,73,0.24)', + hoverText: '#ff7b72', + }, + }, + switchTrack: { + bg: 'rgba(110,118,129,0.1)', + hoverBg: 'hsla(215,8%,72%,0.1)', + activeBg: 'rgba(110,118,129,0.4)', + disabledBg: '#21262d', + fg: '#8b949e', + disabledFg: '#010409', + border: 'rgba(0,0,0,0)', + checked: { + bg: 'rgba(31,111,235,0.35)', + hoverBg: 'rgba(31,111,235,0.5)', + activeBg: 'rgba(31,111,235,0.65)', + fg: '#ffffff', + disabledFg: '#010409', + border: 'rgba(0,0,0,0)', + }, + }, + switchKnob: { + bg: '#0d1117', + border: '#606771', + disabledBg: '#161b22', + checked: { + bg: '#0d1117', + disabledBg: '#161b22', + border: 'rgba(31,111,235,0.35)', + }, + }, + segmentedControl: { + bg: 'rgba(110,118,129,0.1)', + button: { + bg: '#0d1117', + hover: { + bg: '#30363d', + }, + active: { + bg: '#21262d', + }, + selected: { + border: '#6e7681', + }, + }, + }, + treeViewItem: { + chevron: { + hoverBg: 'rgba(177,186,196,0.12)', + }, + directory: { + fill: '#8b949e', + }, + }, + fg: { + default: '#c9d1d9', + muted: '#8b949e', + subtle: '#6e7681', + onEmphasis: '#ffffff', + }, + canvas: { + default: '#0d1117', + overlay: '#161b22', + inset: '#010409', + subtle: '#161b22', + }, + border: { + default: '#30363d', + muted: '#21262d', + subtle: 'rgba(240,246,252,0.1)', + }, + shadow: { + small: '0 0 transparent', + medium: '0 3px 6px #010409', + large: '0 8px 24px #010409', + extraLarge: '0 12px 48px #010409', + }, + neutral: { + emphasisPlus: '#6e7681', + emphasis: '#6e7681', + muted: 'rgba(110,118,129,0.4)', + subtle: 'rgba(110,118,129,0.1)', + }, + accent: { + fg: '#58a6ff', + emphasis: '#1f6feb', + muted: 'rgba(56,139,253,0.4)', + subtle: 'rgba(56,139,253,0.1)', + }, + success: { + fg: '#58a6ff', + emphasis: '#1f6feb', + muted: 'rgba(56,139,253,0.4)', + subtle: 'rgba(56,139,253,0.15)', + }, + attention: { + fg: '#d29922', + emphasis: '#9e6a03', + muted: 'rgba(187,128,9,0.4)', + subtle: 'rgba(187,128,9,0.15)', + }, + severe: { + fg: '#f85149', + emphasis: '#da3633', + muted: 'rgba(248,81,73,0.4)', + subtle: 'rgba(248,81,73,0.1)', + }, + danger: { + fg: '#f85149', + emphasis: '#da3633', + muted: 'rgba(248,81,73,0.4)', + subtle: 'rgba(248,81,73,0.1)', + }, + open: { + fg: '#ff7b72', + emphasis: '#da3633', + muted: 'rgba(248,81,73,0.4)', + subtle: 'rgba(248,81,73,0.15)', + }, + closed: { + fg: '#8b949e', + emphasis: '#6e7681', + muted: 'rgba(110,118,129,0.4)', + subtle: 'rgba(110,118,129,0.1)', + }, + done: { + fg: '#a371f7', + emphasis: '#8957e5', + muted: 'rgba(163,113,247,0.4)', + subtle: 'rgba(163,113,247,0.1)', + }, + sponsors: { + fg: '#db61a2', + emphasis: '#bf4b8a', + muted: 'rgba(219,97,162,0.4)', + subtle: 'rgba(219,97,162,0.1)', + }, + primer: { + fg: { + disabled: '#484f58', + }, + canvas: { + backdrop: 'rgba(1,4,9,0.8)', + sticky: 'rgba(13,17,23,0.95)', + }, + border: { + active: '#f78166', + contrast: 'rgba(255,255,255,0.2)', + }, + shadow: { + highlight: '0 0 transparent', + inset: '0 0 transparent', + }, + }, + scale: { + black: '#010409', + white: '#ffffff', + gray: [ + '#f0f6fc', + '#c9d1d9', + '#b1bac4', + '#8b949e', + '#6e7681', + '#484f58', + '#30363d', + '#21262d', + '#161b22', + '#0d1117', + ], + blue: [ + '#cae8ff', + '#a5d6ff', + '#79c0ff', + '#58a6ff', + '#388bfd', + '#1f6feb', + '#1158c7', + '#0d419d', + '#0c2d6b', + '#051d4d', + ], + green: [ + '#cae8ff', + '#a5d6ff', + '#79c0ff', + '#58a6ff', + '#388bfd', + '#1f6feb', + '#1158c7', + '#0d419d', + '#0c2d6b', + '#051d4d', + ], + yellow: [ + '#f8e3a1', + '#f2cc60', + '#e3b341', + '#d29922', + '#bb8009', + '#9e6a03', + '#845306', + '#693e00', + '#4b2900', + '#341a00', + ], + orange: [ + '#ffdcd7', + '#ffc1ba', + '#ffa198', + '#ff7b72', + '#f85149', + '#da3633', + '#b62324', + '#8e1519', + '#67060c', + '#490202', + ], + 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', + ], + coral: [ + '#ffddd2', + '#ffc2b2', + '#ffa28b', + '#f78166', + '#ea6045', + '#cf462d', + '#ac3220', + '#872012', + '#640d04', + '#460701', + ], + }, +} diff --git a/src/legacy-theme/js/colors/index.d.ts b/src/legacy-theme/js/colors/index.d.ts new file mode 100644 index 00000000000..d9da8fc0ae3 --- /dev/null +++ b/src/legacy-theme/js/colors/index.d.ts @@ -0,0 +1,4602 @@ +declare const _default: { + light: { + canvasDefaultTransparent: string; + pageHeaderBg: string; + marketingIcon: { + primary: string; + secondary: string; + }; + diffBlob: { + addition: { + numText: string; + fg: string; + numBg: string; + lineBg: string; + wordBg: string; + }; + deletion: { + numText: string; + fg: string; + numBg: string; + lineBg: string; + wordBg: string; + }; + hunk: { + numBg: string; + }; + expander: { + icon: string; + }; + selectedLineHighlightMixBlendMode: string; + }; + diffstat: { + deletionBorder: string; + additionBorder: string; + additionBg: string; + }; + searchKeyword: { + hl: string; + }; + prettylights: { + syntax: { + comment: string; + constant: string; + entity: string; + storageModifierImport: string; + entityTag: string; + keyword: string; + string: string; + variable: string; + brackethighlighterUnmatched: string; + invalidIllegalText: string; + invalidIllegalBg: string; + carriageReturnText: string; + carriageReturnBg: string; + stringRegexp: string; + markupList: string; + markupHeading: string; + markupItalic: string; + markupBold: string; + markupDeletedText: string; + markupDeletedBg: string; + markupInsertedText: string; + markupInsertedBg: string; + markupChangedText: string; + markupChangedBg: string; + markupIgnoredText: string; + markupIgnoredBg: string; + metaDiffRange: string; + brackethighlighterAngle: string; + sublimelinterGutterMark: string; + constantOtherReferenceLink: string; + }; + }; + codemirror: { + text: string; + bg: string; + guttersBg: string; + guttermarkerText: string; + guttermarkerSubtleText: string; + linenumberText: string; + cursor: string; + selectionBg: string; + activelineBg: string; + matchingbracketText: string; + linesBg: string; + syntax: { + comment: string; + constant: string; + entity: string; + keyword: string; + storage: string; + string: string; + support: string; + variable: string; + }; + }; + checks: { + bg: string; + runBorderWidth: string; + containerBorderWidth: string; + textPrimary: string; + textSecondary: string; + textLink: string; + btnIcon: string; + btnHoverIcon: string; + btnHoverBg: string; + inputText: string; + inputPlaceholderText: string; + inputFocusText: string; + inputBg: string; + inputShadow: string; + donutError: string; + donutPending: string; + donutSuccess: string; + donutNeutral: string; + dropdownText: string; + dropdownBg: string; + dropdownBorder: string; + dropdownShadow: string; + dropdownHoverText: string; + dropdownHoverBg: string; + dropdownBtnHoverText: string; + dropdownBtnHoverBg: string; + scrollbarThumbBg: string; + headerLabelText: string; + headerLabelOpenText: string; + headerBorder: string; + headerIcon: string; + lineText: string; + lineNumText: string; + lineTimestampText: string; + lineHoverBg: string; + lineSelectedBg: string; + lineSelectedNumText: string; + lineDtFmText: string; + lineDtFmBg: string; + gateBg: string; + gateText: string; + gateWaitingText: string; + stepHeaderOpenBg: string; + stepErrorText: string; + stepWarningText: string; + loglineText: string; + loglineNumText: string; + loglineDebugText: string; + loglineErrorText: string; + loglineErrorNumText: string; + loglineErrorBg: string; + loglineWarningText: string; + loglineWarningNumText: string; + loglineWarningBg: string; + loglineCommandText: string; + loglineSectionText: string; + ansi: { + black: string; + blackBright: string; + white: string; + whiteBright: string; + gray: string; + red: string; + redBright: string; + green: string; + greenBright: string; + yellow: string; + yellowBright: string; + blue: string; + blueBright: string; + magenta: string; + magentaBright: string; + cyan: string; + cyanBright: string; + }; + }; + project: { + headerBg: string; + sidebarBg: string; + gradientIn: string; + gradientOut: string; + }; + mktg: { + btn: { + bg: string; + shadow: { + outline: string; + focus: string; + hover: string; + hoverMuted: string; + }; + }; + }; + control: { + borderColor: { + emphasis: string; + }; + }; + avatar: { + bg: string; + border: string; + stackFade: string; + stackFadeMore: string; + childShadow: string; + }; + topicTag: { + border: string; + }; + counter: { + border: string; + }; + selectMenu: { + backdropBorder: string; + tapHighlight: string; + tapFocusBg: string; + }; + overlay: { + shadow: string; + backdrop: string; + }; + header: { + text: string; + bg: string; + divider: string; + logo: string; + }; + headerSearch: { + bg: string; + border: string; + }; + sidenav: { + selectedBg: string; + }; + menu: { + bgActive: string; + }; + input: { + disabledBg: string; + }; + timeline: { + badgeBg: string; + }; + ansi: { + black: string; + blackBright: string; + white: string; + whiteBright: string; + gray: string; + red: string; + redBright: string; + green: string; + greenBright: string; + yellow: string; + yellowBright: string; + blue: string; + blueBright: string; + magenta: string; + magentaBright: string; + cyan: string; + cyanBright: string; + }; + btn: { + text: string; + bg: string; + border: string; + shadow: string; + insetShadow: string; + hoverBg: string; + hoverBorder: string; + activeBg: string; + activeBorder: string; + selectedBg: string; + counterBg: 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; + icon: string; + counterBg: string; + }; + outline: { + text: string; + hoverText: string; + hoverBg: string; + hoverBorder: string; + hoverShadow: string; + hoverInsetShadow: string; + hoverCounterBg: string; + selectedText: string; + selectedBg: string; + selectedBorder: string; + selectedShadow: string; + disabledText: string; + disabledBg: string; + disabledCounterBg: string; + counterBg: string; + counterFg: string; + hoverCounterFg: string; + disabledCounterFg: 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; + counterBg: string; + icon: string; + hoverIcon: string; + counterFg: string; + hoverCounterFg: string; + disabledCounterFg: string; + }; + }; + underlinenav: { + icon: string; + borderHover: string; + }; + actionListItem: { + inlineDivider: string; + default: { + hoverBg: string; + hoverBorder: string; + activeBg: string; + activeBorder: string; + selectedBg: string; + }; + danger: { + hoverBg: string; + activeBg: string; + hoverText: string; + }; + }; + switchTrack: { + bg: string; + hoverBg: string; + activeBg: string; + disabledBg: string; + fg: string; + disabledFg: string; + border: string; + checked: { + bg: string; + hoverBg: string; + activeBg: string; + fg: string; + disabledFg: string; + border: string; + }; + }; + switchKnob: { + bg: string; + disabledBg: string; + border: string; + checked: { + bg: string; + disabledBg: string; + border: string; + }; + }; + segmentedControl: { + bg: string; + button: { + bg: string; + hover: { + bg: string; + }; + active: { + bg: string; + }; + selected: { + border: string; + }; + }; + }; + treeViewItem: { + chevron: { + hoverBg: string; + }; + directory: { + fill: string; + }; + }; + fg: { + default: string; + muted: string; + subtle: string; + onEmphasis: string; + }; + canvas: { + default: string; + overlay: string; + inset: string; + subtle: string; + }; + border: { + default: string; + muted: string; + subtle: string; + }; + shadow: { + small: string; + medium: string; + large: string; + extraLarge: string; + }; + neutral: { + emphasisPlus: string; + emphasis: string; + muted: string; + subtle: string; + }; + accent: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + success: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + attention: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + severe: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + danger: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + open: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + closed: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + done: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + sponsors: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + primer: { + fg: { + disabled: string; + }; + canvas: { + backdrop: string; + sticky: string; + }; + border: { + active: string; + contrast: string; + }; + shadow: { + highlight: string; + inset: string; + }; + }; + scale: { + black: string; + white: string; + gray: string[]; + blue: string[]; + green: string[]; + yellow: string[]; + orange: string[]; + red: string[]; + purple: string[]; + pink: string[]; + coral: string[]; + }; + }; + light_high_contrast: { + canvasDefaultTransparent: string; + pageHeaderBg: string; + marketingIcon: { + primary: string; + secondary: string; + }; + diffBlob: { + addition: { + numText: string; + fg: string; + numBg: string; + lineBg: string; + wordBg: string; + }; + deletion: { + numText: string; + fg: string; + numBg: string; + lineBg: string; + wordBg: string; + }; + hunk: { + numBg: string; + }; + expander: { + icon: string; + }; + selectedLineHighlightMixBlendMode: string; + }; + diffstat: { + deletionBorder: string; + additionBorder: string; + additionBg: string; + }; + searchKeyword: { + hl: string; + }; + prettylights: { + syntax: { + comment: string; + constant: string; + entity: string; + storageModifierImport: string; + entityTag: string; + keyword: string; + string: string; + variable: string; + brackethighlighterUnmatched: string; + invalidIllegalText: string; + invalidIllegalBg: string; + carriageReturnText: string; + carriageReturnBg: string; + stringRegexp: string; + markupList: string; + markupHeading: string; + markupItalic: string; + markupBold: string; + markupDeletedText: string; + markupDeletedBg: string; + markupInsertedText: string; + markupInsertedBg: string; + markupChangedText: string; + markupChangedBg: string; + markupIgnoredText: string; + markupIgnoredBg: string; + metaDiffRange: string; + brackethighlighterAngle: string; + sublimelinterGutterMark: string; + constantOtherReferenceLink: string; + }; + }; + codemirror: { + text: string; + bg: string; + guttersBg: string; + guttermarkerText: string; + guttermarkerSubtleText: string; + linenumberText: string; + cursor: string; + selectionBg: string; + activelineBg: string; + matchingbracketText: string; + linesBg: string; + syntax: { + comment: string; + constant: string; + entity: string; + keyword: string; + storage: string; + string: string; + support: string; + variable: string; + }; + }; + checks: { + bg: string; + runBorderWidth: string; + containerBorderWidth: string; + textPrimary: string; + textSecondary: string; + textLink: string; + btnIcon: string; + btnHoverIcon: string; + btnHoverBg: string; + inputText: string; + inputPlaceholderText: string; + inputFocusText: string; + inputBg: string; + inputShadow: string; + donutError: string; + donutPending: string; + donutSuccess: string; + donutNeutral: string; + dropdownText: string; + dropdownBg: string; + dropdownBorder: string; + dropdownShadow: string; + dropdownHoverText: string; + dropdownHoverBg: string; + dropdownBtnHoverText: string; + dropdownBtnHoverBg: string; + scrollbarThumbBg: string; + headerLabelText: string; + headerLabelOpenText: string; + headerBorder: string; + headerIcon: string; + lineText: string; + lineNumText: string; + lineTimestampText: string; + lineHoverBg: string; + lineSelectedBg: string; + lineSelectedNumText: string; + lineDtFmText: string; + lineDtFmBg: string; + gateBg: string; + gateText: string; + gateWaitingText: string; + stepHeaderOpenBg: string; + stepErrorText: string; + stepWarningText: string; + loglineText: string; + loglineNumText: string; + loglineDebugText: string; + loglineErrorText: string; + loglineErrorNumText: string; + loglineErrorBg: string; + loglineWarningText: string; + loglineWarningNumText: string; + loglineWarningBg: string; + loglineCommandText: string; + loglineSectionText: string; + ansi: { + black: string; + blackBright: string; + white: string; + whiteBright: string; + gray: string; + red: string; + redBright: string; + green: string; + greenBright: string; + yellow: string; + yellowBright: string; + blue: string; + blueBright: string; + magenta: string; + magentaBright: string; + cyan: string; + cyanBright: string; + }; + }; + project: { + headerBg: string; + sidebarBg: string; + gradientIn: string; + gradientOut: string; + }; + mktg: { + btn: { + bg: string; + shadow: { + outline: string; + focus: string; + hover: string; + hoverMuted: string; + }; + }; + }; + control: { + borderColor: { + emphasis: string; + }; + }; + avatar: { + bg: string; + border: string; + stackFade: string; + stackFadeMore: string; + childShadow: string; + }; + topicTag: { + border: string; + }; + counter: { + border: string; + }; + selectMenu: { + backdropBorder: string; + tapHighlight: string; + tapFocusBg: string; + }; + overlay: { + shadow: string; + backdrop: string; + }; + header: { + text: string; + bg: string; + divider: string; + logo: string; + }; + headerSearch: { + bg: string; + border: string; + }; + sidenav: { + selectedBg: string; + }; + menu: { + bgActive: string; + }; + input: { + disabledBg: string; + }; + timeline: { + badgeBg: string; + }; + ansi: { + black: string; + blackBright: string; + white: string; + whiteBright: string; + gray: string; + red: string; + redBright: string; + green: string; + greenBright: string; + yellow: string; + yellowBright: string; + blue: string; + blueBright: string; + magenta: string; + magentaBright: string; + cyan: string; + cyanBright: string; + }; + btn: { + text: string; + bg: string; + border: string; + shadow: string; + insetShadow: string; + hoverBg: string; + hoverBorder: string; + activeBg: string; + activeBorder: string; + selectedBg: string; + counterBg: 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; + icon: string; + counterBg: string; + }; + outline: { + text: string; + hoverText: string; + hoverBg: string; + hoverBorder: string; + hoverShadow: string; + hoverInsetShadow: string; + hoverCounterBg: string; + selectedText: string; + selectedBg: string; + selectedBorder: string; + selectedShadow: string; + disabledText: string; + disabledBg: string; + disabledCounterBg: string; + counterBg: string; + counterFg: string; + hoverCounterFg: string; + disabledCounterFg: 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; + counterBg: string; + icon: string; + hoverIcon: string; + counterFg: string; + hoverCounterFg: string; + disabledCounterFg: string; + }; + }; + underlinenav: { + icon: string; + borderHover: string; + }; + actionListItem: { + inlineDivider: string; + default: { + hoverBg: string; + hoverBorder: string; + activeBg: string; + activeBorder: string; + selectedBg: string; + }; + danger: { + hoverBg: string; + activeBg: string; + hoverText: string; + }; + }; + switchTrack: { + bg: string; + hoverBg: string; + activeBg: string; + disabledBg: string; + fg: string; + disabledFg: string; + border: string; + checked: { + bg: string; + hoverBg: string; + activeBg: string; + fg: string; + disabledFg: string; + border: string; + }; + }; + switchKnob: { + bg: string; + disabledBg: string; + border: string; + checked: { + bg: string; + disabledBg: string; + border: string; + }; + }; + segmentedControl: { + bg: string; + button: { + bg: string; + hover: { + bg: string; + }; + active: { + bg: string; + }; + selected: { + border: string; + }; + }; + }; + treeViewItem: { + chevron: { + hoverBg: string; + }; + directory: { + fill: string; + }; + }; + fg: { + default: string; + muted: string; + subtle: string; + onEmphasis: string; + }; + canvas: { + default: string; + overlay: string; + inset: string; + subtle: string; + }; + border: { + default: string; + muted: string; + subtle: string; + }; + shadow: { + small: string; + medium: string; + large: string; + extraLarge: string; + }; + neutral: { + emphasisPlus: string; + emphasis: string; + muted: string; + subtle: string; + }; + accent: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + success: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + attention: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + severe: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + danger: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + open: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + closed: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + done: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + sponsors: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + primer: { + fg: { + disabled: string; + }; + canvas: { + backdrop: string; + sticky: string; + }; + border: { + active: string; + contrast: string; + }; + shadow: { + highlight: string; + inset: string; + }; + }; + scale: { + black: string; + white: string; + gray: string[]; + blue: string[]; + green: string[]; + yellow: string[]; + orange: string[]; + red: string[]; + purple: string[]; + pink: string[]; + coral: string[]; + }; + }; + light_colorblind: { + canvasDefaultTransparent: string; + pageHeaderBg: string; + marketingIcon: { + primary: string; + secondary: string; + }; + diffBlob: { + addition: { + numText: string; + fg: string; + numBg: string; + lineBg: string; + wordBg: string; + }; + deletion: { + numText: string; + fg: string; + numBg: string; + lineBg: string; + wordBg: string; + }; + hunk: { + numBg: string; + }; + expander: { + icon: string; + }; + selectedLineHighlightMixBlendMode: string; + }; + diffstat: { + deletionBorder: string; + additionBorder: string; + additionBg: string; + }; + searchKeyword: { + hl: string; + }; + prettylights: { + syntax: { + comment: string; + constant: string; + entity: string; + storageModifierImport: string; + entityTag: string; + keyword: string; + string: string; + variable: string; + brackethighlighterUnmatched: string; + invalidIllegalText: string; + invalidIllegalBg: string; + carriageReturnText: string; + carriageReturnBg: string; + stringRegexp: string; + markupList: string; + markupHeading: string; + markupItalic: string; + markupBold: string; + markupDeletedText: string; + markupDeletedBg: string; + markupInsertedText: string; + markupInsertedBg: string; + markupChangedText: string; + markupChangedBg: string; + markupIgnoredText: string; + markupIgnoredBg: string; + metaDiffRange: string; + brackethighlighterAngle: string; + sublimelinterGutterMark: string; + constantOtherReferenceLink: string; + }; + }; + codemirror: { + text: string; + bg: string; + guttersBg: string; + guttermarkerText: string; + guttermarkerSubtleText: string; + linenumberText: string; + cursor: string; + selectionBg: string; + activelineBg: string; + matchingbracketText: string; + linesBg: string; + syntax: { + comment: string; + constant: string; + entity: string; + keyword: string; + storage: string; + string: string; + support: string; + variable: string; + }; + }; + checks: { + bg: string; + runBorderWidth: string; + containerBorderWidth: string; + textPrimary: string; + textSecondary: string; + textLink: string; + btnIcon: string; + btnHoverIcon: string; + btnHoverBg: string; + inputText: string; + inputPlaceholderText: string; + inputFocusText: string; + inputBg: string; + inputShadow: string; + donutError: string; + donutPending: string; + donutSuccess: string; + donutNeutral: string; + dropdownText: string; + dropdownBg: string; + dropdownBorder: string; + dropdownShadow: string; + dropdownHoverText: string; + dropdownHoverBg: string; + dropdownBtnHoverText: string; + dropdownBtnHoverBg: string; + scrollbarThumbBg: string; + headerLabelText: string; + headerLabelOpenText: string; + headerBorder: string; + headerIcon: string; + lineText: string; + lineNumText: string; + lineTimestampText: string; + lineHoverBg: string; + lineSelectedBg: string; + lineSelectedNumText: string; + lineDtFmText: string; + lineDtFmBg: string; + gateBg: string; + gateText: string; + gateWaitingText: string; + stepHeaderOpenBg: string; + stepErrorText: string; + stepWarningText: string; + loglineText: string; + loglineNumText: string; + loglineDebugText: string; + loglineErrorText: string; + loglineErrorNumText: string; + loglineErrorBg: string; + loglineWarningText: string; + loglineWarningNumText: string; + loglineWarningBg: string; + loglineCommandText: string; + loglineSectionText: string; + ansi: { + black: string; + blackBright: string; + white: string; + whiteBright: string; + gray: string; + red: string; + redBright: string; + green: string; + greenBright: string; + yellow: string; + yellowBright: string; + blue: string; + blueBright: string; + magenta: string; + magentaBright: string; + cyan: string; + cyanBright: string; + }; + }; + project: { + headerBg: string; + sidebarBg: string; + gradientIn: string; + gradientOut: string; + }; + mktg: { + btn: { + bg: string; + shadow: { + outline: string; + focus: string; + hover: string; + hoverMuted: string; + }; + }; + }; + control: { + borderColor: { + emphasis: string; + }; + }; + avatar: { + bg: string; + border: string; + stackFade: string; + stackFadeMore: string; + childShadow: string; + }; + topicTag: { + border: string; + }; + counter: { + border: string; + }; + selectMenu: { + backdropBorder: string; + tapHighlight: string; + tapFocusBg: string; + }; + overlay: { + shadow: string; + backdrop: string; + }; + header: { + text: string; + bg: string; + divider: string; + logo: string; + }; + headerSearch: { + bg: string; + border: string; + }; + sidenav: { + selectedBg: string; + }; + menu: { + bgActive: string; + }; + input: { + disabledBg: string; + }; + timeline: { + badgeBg: string; + }; + ansi: { + black: string; + blackBright: string; + white: string; + whiteBright: string; + gray: string; + red: string; + redBright: string; + green: string; + greenBright: string; + yellow: string; + yellowBright: string; + blue: string; + blueBright: string; + magenta: string; + magentaBright: string; + cyan: string; + cyanBright: string; + }; + btn: { + text: string; + bg: string; + border: string; + shadow: string; + insetShadow: string; + hoverBg: string; + hoverBorder: string; + activeBg: string; + activeBorder: string; + selectedBg: string; + counterBg: 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; + icon: string; + counterBg: string; + }; + outline: { + text: string; + hoverText: string; + hoverBg: string; + hoverBorder: string; + hoverShadow: string; + hoverInsetShadow: string; + hoverCounterBg: string; + selectedText: string; + selectedBg: string; + selectedBorder: string; + selectedShadow: string; + disabledText: string; + disabledBg: string; + disabledCounterBg: string; + counterBg: string; + counterFg: string; + hoverCounterFg: string; + disabledCounterFg: 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; + counterBg: string; + icon: string; + hoverIcon: string; + counterFg: string; + hoverCounterFg: string; + disabledCounterFg: string; + }; + }; + underlinenav: { + icon: string; + borderHover: string; + }; + actionListItem: { + inlineDivider: string; + default: { + hoverBg: string; + hoverBorder: string; + activeBg: string; + activeBorder: string; + selectedBg: string; + }; + danger: { + hoverBg: string; + activeBg: string; + hoverText: string; + }; + }; + switchTrack: { + bg: string; + hoverBg: string; + activeBg: string; + disabledBg: string; + fg: string; + disabledFg: string; + border: string; + checked: { + bg: string; + hoverBg: string; + activeBg: string; + fg: string; + disabledFg: string; + border: string; + }; + }; + switchKnob: { + bg: string; + disabledBg: string; + border: string; + checked: { + bg: string; + disabledBg: string; + border: string; + }; + }; + segmentedControl: { + bg: string; + button: { + bg: string; + hover: { + bg: string; + }; + active: { + bg: string; + }; + selected: { + border: string; + }; + }; + }; + treeViewItem: { + chevron: { + hoverBg: string; + }; + directory: { + fill: string; + }; + }; + fg: { + default: string; + muted: string; + subtle: string; + onEmphasis: string; + }; + canvas: { + default: string; + overlay: string; + inset: string; + subtle: string; + }; + border: { + default: string; + muted: string; + subtle: string; + }; + shadow: { + small: string; + medium: string; + large: string; + extraLarge: string; + }; + neutral: { + emphasisPlus: string; + emphasis: string; + muted: string; + subtle: string; + }; + accent: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + success: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + attention: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + severe: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + danger: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + open: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + closed: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + done: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + sponsors: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + primer: { + fg: { + disabled: string; + }; + canvas: { + backdrop: string; + sticky: string; + }; + border: { + active: string; + contrast: string; + }; + shadow: { + highlight: string; + inset: string; + }; + }; + scale: { + black: string; + white: string; + gray: string[]; + blue: string[]; + green: string[]; + yellow: string[]; + orange: string[]; + red: string[]; + purple: string[]; + pink: string[]; + coral: string[]; + }; + }; + light_tritanopia: { + canvasDefaultTransparent: string; + pageHeaderBg: string; + marketingIcon: { + primary: string; + secondary: string; + }; + diffBlob: { + addition: { + numText: string; + fg: string; + numBg: string; + lineBg: string; + wordBg: string; + }; + deletion: { + numText: string; + fg: string; + numBg: string; + lineBg: string; + wordBg: string; + }; + hunk: { + numBg: string; + }; + expander: { + icon: string; + }; + selectedLineHighlightMixBlendMode: string; + }; + diffstat: { + deletionBorder: string; + additionBorder: string; + additionBg: string; + }; + searchKeyword: { + hl: string; + }; + prettylights: { + syntax: { + comment: string; + constant: string; + entity: string; + storageModifierImport: string; + entityTag: string; + keyword: string; + string: string; + variable: string; + brackethighlighterUnmatched: string; + invalidIllegalText: string; + invalidIllegalBg: string; + carriageReturnText: string; + carriageReturnBg: string; + stringRegexp: string; + markupList: string; + markupHeading: string; + markupItalic: string; + markupBold: string; + markupDeletedText: string; + markupDeletedBg: string; + markupInsertedText: string; + markupInsertedBg: string; + markupChangedText: string; + markupChangedBg: string; + markupIgnoredText: string; + markupIgnoredBg: string; + metaDiffRange: string; + brackethighlighterAngle: string; + sublimelinterGutterMark: string; + constantOtherReferenceLink: string; + }; + }; + codemirror: { + text: string; + bg: string; + guttersBg: string; + guttermarkerText: string; + guttermarkerSubtleText: string; + linenumberText: string; + cursor: string; + selectionBg: string; + activelineBg: string; + matchingbracketText: string; + linesBg: string; + syntax: { + comment: string; + constant: string; + entity: string; + keyword: string; + storage: string; + string: string; + support: string; + variable: string; + }; + }; + checks: { + bg: string; + runBorderWidth: string; + containerBorderWidth: string; + textPrimary: string; + textSecondary: string; + textLink: string; + btnIcon: string; + btnHoverIcon: string; + btnHoverBg: string; + inputText: string; + inputPlaceholderText: string; + inputFocusText: string; + inputBg: string; + inputShadow: string; + donutError: string; + donutPending: string; + donutSuccess: string; + donutNeutral: string; + dropdownText: string; + dropdownBg: string; + dropdownBorder: string; + dropdownShadow: string; + dropdownHoverText: string; + dropdownHoverBg: string; + dropdownBtnHoverText: string; + dropdownBtnHoverBg: string; + scrollbarThumbBg: string; + headerLabelText: string; + headerLabelOpenText: string; + headerBorder: string; + headerIcon: string; + lineText: string; + lineNumText: string; + lineTimestampText: string; + lineHoverBg: string; + lineSelectedBg: string; + lineSelectedNumText: string; + lineDtFmText: string; + lineDtFmBg: string; + gateBg: string; + gateText: string; + gateWaitingText: string; + stepHeaderOpenBg: string; + stepErrorText: string; + stepWarningText: string; + loglineText: string; + loglineNumText: string; + loglineDebugText: string; + loglineErrorText: string; + loglineErrorNumText: string; + loglineErrorBg: string; + loglineWarningText: string; + loglineWarningNumText: string; + loglineWarningBg: string; + loglineCommandText: string; + loglineSectionText: string; + ansi: { + black: string; + blackBright: string; + white: string; + whiteBright: string; + gray: string; + red: string; + redBright: string; + green: string; + greenBright: string; + yellow: string; + yellowBright: string; + blue: string; + blueBright: string; + magenta: string; + magentaBright: string; + cyan: string; + cyanBright: string; + }; + }; + project: { + headerBg: string; + sidebarBg: string; + gradientIn: string; + gradientOut: string; + }; + mktg: { + btn: { + bg: string; + shadow: { + outline: string; + focus: string; + hover: string; + hoverMuted: string; + }; + }; + }; + control: { + borderColor: { + emphasis: string; + }; + }; + avatar: { + bg: string; + border: string; + stackFade: string; + stackFadeMore: string; + childShadow: string; + }; + topicTag: { + border: string; + }; + counter: { + border: string; + }; + selectMenu: { + backdropBorder: string; + tapHighlight: string; + tapFocusBg: string; + }; + overlay: { + shadow: string; + backdrop: string; + }; + header: { + text: string; + bg: string; + divider: string; + logo: string; + }; + headerSearch: { + bg: string; + border: string; + }; + sidenav: { + selectedBg: string; + }; + menu: { + bgActive: string; + }; + input: { + disabledBg: string; + }; + timeline: { + badgeBg: string; + }; + ansi: { + black: string; + blackBright: string; + white: string; + whiteBright: string; + gray: string; + red: string; + redBright: string; + green: string; + greenBright: string; + yellow: string; + yellowBright: string; + blue: string; + blueBright: string; + magenta: string; + magentaBright: string; + cyan: string; + cyanBright: string; + }; + btn: { + text: string; + bg: string; + border: string; + shadow: string; + insetShadow: string; + hoverBg: string; + hoverBorder: string; + activeBg: string; + activeBorder: string; + selectedBg: string; + counterBg: 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; + icon: string; + counterBg: string; + }; + outline: { + text: string; + hoverText: string; + hoverBg: string; + hoverBorder: string; + hoverShadow: string; + hoverInsetShadow: string; + hoverCounterBg: string; + selectedText: string; + selectedBg: string; + selectedBorder: string; + selectedShadow: string; + disabledText: string; + disabledBg: string; + disabledCounterBg: string; + counterBg: string; + counterFg: string; + hoverCounterFg: string; + disabledCounterFg: 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; + counterBg: string; + icon: string; + hoverIcon: string; + counterFg: string; + hoverCounterFg: string; + disabledCounterFg: string; + }; + }; + underlinenav: { + icon: string; + borderHover: string; + }; + actionListItem: { + inlineDivider: string; + default: { + hoverBg: string; + hoverBorder: string; + activeBg: string; + activeBorder: string; + selectedBg: string; + }; + danger: { + hoverBg: string; + activeBg: string; + hoverText: string; + }; + }; + switchTrack: { + bg: string; + hoverBg: string; + activeBg: string; + disabledBg: string; + fg: string; + disabledFg: string; + border: string; + checked: { + bg: string; + hoverBg: string; + activeBg: string; + fg: string; + disabledFg: string; + border: string; + }; + }; + switchKnob: { + bg: string; + disabledBg: string; + border: string; + checked: { + bg: string; + disabledBg: string; + border: string; + }; + }; + segmentedControl: { + bg: string; + button: { + bg: string; + hover: { + bg: string; + }; + active: { + bg: string; + }; + selected: { + border: string; + }; + }; + }; + treeViewItem: { + chevron: { + hoverBg: string; + }; + directory: { + fill: string; + }; + }; + fg: { + default: string; + muted: string; + subtle: string; + onEmphasis: string; + }; + canvas: { + default: string; + overlay: string; + inset: string; + subtle: string; + }; + border: { + default: string; + muted: string; + subtle: string; + }; + shadow: { + small: string; + medium: string; + large: string; + extraLarge: string; + }; + neutral: { + emphasisPlus: string; + emphasis: string; + muted: string; + subtle: string; + }; + accent: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + success: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + attention: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + severe: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + danger: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + open: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + closed: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + done: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + sponsors: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + primer: { + fg: { + disabled: string; + }; + canvas: { + backdrop: string; + sticky: string; + }; + border: { + active: string; + contrast: string; + }; + shadow: { + highlight: string; + inset: string; + }; + }; + scale: { + black: string; + white: string; + gray: string[]; + blue: string[]; + green: string[]; + yellow: string[]; + orange: string[]; + red: string[]; + purple: string[]; + pink: string[]; + coral: string[]; + }; + }; + dark: { + canvasDefaultTransparent: string; + pageHeaderBg: string; + marketingIcon: { + primary: string; + secondary: string; + }; + diffBlob: { + addition: { + numText: string; + fg: string; + numBg: string; + lineBg: string; + wordBg: string; + }; + deletion: { + numText: string; + fg: string; + numBg: string; + lineBg: string; + wordBg: string; + }; + hunk: { + numBg: string; + }; + expander: { + icon: string; + }; + selectedLineHighlightMixBlendMode: string; + }; + diffstat: { + deletionBorder: string; + additionBorder: string; + additionBg: string; + }; + searchKeyword: { + hl: string; + }; + prettylights: { + syntax: { + comment: string; + constant: string; + entity: string; + storageModifierImport: string; + entityTag: string; + keyword: string; + string: string; + variable: string; + brackethighlighterUnmatched: string; + invalidIllegalText: string; + invalidIllegalBg: string; + carriageReturnText: string; + carriageReturnBg: string; + stringRegexp: string; + markupList: string; + markupHeading: string; + markupItalic: string; + markupBold: string; + markupDeletedText: string; + markupDeletedBg: string; + markupInsertedText: string; + markupInsertedBg: string; + markupChangedText: string; + markupChangedBg: string; + markupIgnoredText: string; + markupIgnoredBg: string; + metaDiffRange: string; + brackethighlighterAngle: string; + sublimelinterGutterMark: string; + constantOtherReferenceLink: string; + }; + }; + codemirror: { + text: string; + bg: string; + guttersBg: string; + guttermarkerText: string; + guttermarkerSubtleText: string; + linenumberText: string; + cursor: string; + selectionBg: string; + activelineBg: string; + matchingbracketText: string; + linesBg: string; + syntax: { + comment: string; + constant: string; + entity: string; + keyword: string; + storage: string; + string: string; + support: string; + variable: string; + }; + }; + checks: { + bg: string; + runBorderWidth: string; + containerBorderWidth: string; + textPrimary: string; + textSecondary: string; + textLink: string; + btnIcon: string; + btnHoverIcon: string; + btnHoverBg: string; + inputText: string; + inputPlaceholderText: string; + inputFocusText: string; + inputBg: string; + inputShadow: string; + donutError: string; + donutPending: string; + donutSuccess: string; + donutNeutral: string; + dropdownText: string; + dropdownBg: string; + dropdownBorder: string; + dropdownShadow: string; + dropdownHoverText: string; + dropdownHoverBg: string; + dropdownBtnHoverText: string; + dropdownBtnHoverBg: string; + scrollbarThumbBg: string; + headerLabelText: string; + headerLabelOpenText: string; + headerBorder: string; + headerIcon: string; + lineText: string; + lineNumText: string; + lineTimestampText: string; + lineHoverBg: string; + lineSelectedBg: string; + lineSelectedNumText: string; + lineDtFmText: string; + lineDtFmBg: string; + gateBg: string; + gateText: string; + gateWaitingText: string; + stepHeaderOpenBg: string; + stepErrorText: string; + stepWarningText: string; + loglineText: string; + loglineNumText: string; + loglineDebugText: string; + loglineErrorText: string; + loglineErrorNumText: string; + loglineErrorBg: string; + loglineWarningText: string; + loglineWarningNumText: string; + loglineWarningBg: string; + loglineCommandText: string; + loglineSectionText: string; + ansi: { + black: string; + blackBright: string; + white: string; + whiteBright: string; + gray: string; + red: string; + redBright: string; + green: string; + greenBright: string; + yellow: string; + yellowBright: string; + blue: string; + blueBright: string; + magenta: string; + magentaBright: string; + cyan: string; + cyanBright: string; + }; + }; + project: { + headerBg: string; + sidebarBg: string; + gradientIn: string; + gradientOut: string; + }; + mktg: { + btn: { + bg: string; + shadow: { + outline: string; + focus: string; + hover: string; + hoverMuted: string; + }; + }; + }; + control: { + borderColor: { + emphasis: string; + }; + }; + avatar: { + bg: string; + border: string; + stackFade: string; + stackFadeMore: string; + childShadow: string; + }; + topicTag: { + border: string; + }; + counter: { + border: string; + }; + selectMenu: { + backdropBorder: string; + tapHighlight: string; + tapFocusBg: string; + }; + overlay: { + shadow: string; + backdrop: string; + }; + header: { + text: string; + bg: string; + divider: string; + logo: string; + }; + headerSearch: { + bg: string; + border: string; + }; + sidenav: { + selectedBg: string; + }; + menu: { + bgActive: string; + }; + input: { + disabledBg: string; + }; + timeline: { + badgeBg: string; + }; + ansi: { + black: string; + blackBright: string; + white: string; + whiteBright: string; + gray: string; + red: string; + redBright: string; + green: string; + greenBright: string; + yellow: string; + yellowBright: string; + blue: string; + blueBright: string; + magenta: string; + magentaBright: string; + cyan: string; + cyanBright: string; + }; + btn: { + text: string; + bg: string; + border: string; + shadow: string; + insetShadow: string; + hoverBg: string; + hoverBorder: string; + activeBg: string; + activeBorder: string; + selectedBg: string; + counterBg: 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; + icon: string; + counterBg: string; + }; + outline: { + text: string; + hoverText: string; + hoverBg: string; + hoverBorder: string; + hoverShadow: string; + hoverInsetShadow: string; + hoverCounterBg: string; + selectedText: string; + selectedBg: string; + selectedBorder: string; + selectedShadow: string; + disabledText: string; + disabledBg: string; + disabledCounterBg: string; + counterBg: string; + hoverCounterFg: string; + disabledCounterFg: string; + counterFg: string; + }; + danger: { + text: string; + hoverText: string; + hoverBg: string; + hoverBorder: string; + hoverShadow: string; + hoverInsetShadow: string; + hoverIcon: string; + hoverCounterBg: string; + selectedText: string; + selectedBg: string; + selectedBorder: string; + selectedShadow: string; + disabledText: string; + disabledBg: string; + disabledCounterBg: string; + counterBg: string; + icon: string; + counterFg: string; + disabledCounterFg: string; + hoverCounterFg: string; + }; + }; + underlinenav: { + icon: string; + borderHover: string; + }; + actionListItem: { + inlineDivider: string; + default: { + hoverBg: string; + hoverBorder: string; + activeBg: string; + activeBorder: string; + selectedBg: string; + }; + danger: { + hoverBg: string; + activeBg: string; + hoverText: string; + }; + }; + switchTrack: { + bg: string; + hoverBg: string; + activeBg: string; + disabledBg: string; + fg: string; + disabledFg: string; + border: string; + checked: { + bg: string; + hoverBg: string; + activeBg: string; + fg: string; + disabledFg: string; + border: string; + }; + }; + switchKnob: { + bg: string; + border: string; + disabledBg: string; + checked: { + bg: string; + disabledBg: string; + border: string; + }; + }; + segmentedControl: { + bg: string; + button: { + bg: string; + hover: { + bg: string; + }; + active: { + bg: string; + }; + selected: { + border: string; + }; + }; + }; + treeViewItem: { + chevron: { + hoverBg: string; + }; + directory: { + fill: string; + }; + }; + fg: { + default: string; + muted: string; + subtle: string; + onEmphasis: string; + }; + canvas: { + default: string; + overlay: string; + inset: string; + subtle: string; + }; + border: { + default: string; + muted: string; + subtle: string; + }; + shadow: { + small: string; + medium: string; + large: string; + extraLarge: string; + }; + neutral: { + emphasisPlus: string; + emphasis: string; + muted: string; + subtle: string; + }; + accent: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + success: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + attention: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + severe: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + danger: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + open: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + closed: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + done: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + sponsors: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + primer: { + fg: { + disabled: string; + }; + canvas: { + backdrop: string; + sticky: string; + }; + border: { + active: string; + contrast: string; + }; + shadow: { + highlight: string; + inset: string; + }; + }; + scale: { + black: string; + white: string; + gray: string[]; + blue: string[]; + green: string[]; + yellow: string[]; + orange: string[]; + red: string[]; + purple: string[]; + pink: string[]; + coral: string[]; + }; + }; + dark_dimmed: { + canvasDefaultTransparent: string; + pageHeaderBg: string; + marketingIcon: { + primary: string; + secondary: string; + }; + diffBlob: { + addition: { + numText: string; + fg: string; + numBg: string; + lineBg: string; + wordBg: string; + }; + deletion: { + numText: string; + fg: string; + numBg: string; + lineBg: string; + wordBg: string; + }; + hunk: { + numBg: string; + }; + expander: { + icon: string; + }; + selectedLineHighlightMixBlendMode: string; + }; + diffstat: { + deletionBorder: string; + additionBorder: string; + additionBg: string; + }; + searchKeyword: { + hl: string; + }; + prettylights: { + syntax: { + comment: string; + constant: string; + entity: string; + storageModifierImport: string; + entityTag: string; + keyword: string; + string: string; + variable: string; + brackethighlighterUnmatched: string; + invalidIllegalText: string; + invalidIllegalBg: string; + carriageReturnText: string; + carriageReturnBg: string; + stringRegexp: string; + markupList: string; + markupHeading: string; + markupItalic: string; + markupBold: string; + markupDeletedText: string; + markupDeletedBg: string; + markupInsertedText: string; + markupInsertedBg: string; + markupChangedText: string; + markupChangedBg: string; + markupIgnoredText: string; + markupIgnoredBg: string; + metaDiffRange: string; + brackethighlighterAngle: string; + sublimelinterGutterMark: string; + constantOtherReferenceLink: string; + }; + }; + codemirror: { + text: string; + bg: string; + guttersBg: string; + guttermarkerText: string; + guttermarkerSubtleText: string; + linenumberText: string; + cursor: string; + selectionBg: string; + activelineBg: string; + matchingbracketText: string; + linesBg: string; + syntax: { + comment: string; + constant: string; + entity: string; + keyword: string; + storage: string; + string: string; + support: string; + variable: string; + }; + }; + checks: { + bg: string; + runBorderWidth: string; + containerBorderWidth: string; + textPrimary: string; + textSecondary: string; + textLink: string; + btnIcon: string; + btnHoverIcon: string; + btnHoverBg: string; + inputText: string; + inputPlaceholderText: string; + inputFocusText: string; + inputBg: string; + inputShadow: string; + donutError: string; + donutPending: string; + donutSuccess: string; + donutNeutral: string; + dropdownText: string; + dropdownBg: string; + dropdownBorder: string; + dropdownShadow: string; + dropdownHoverText: string; + dropdownHoverBg: string; + dropdownBtnHoverText: string; + dropdownBtnHoverBg: string; + scrollbarThumbBg: string; + headerLabelText: string; + headerLabelOpenText: string; + headerBorder: string; + headerIcon: string; + lineText: string; + lineNumText: string; + lineTimestampText: string; + lineHoverBg: string; + lineSelectedBg: string; + lineSelectedNumText: string; + lineDtFmText: string; + lineDtFmBg: string; + gateBg: string; + gateText: string; + gateWaitingText: string; + stepHeaderOpenBg: string; + stepErrorText: string; + stepWarningText: string; + loglineText: string; + loglineNumText: string; + loglineDebugText: string; + loglineErrorText: string; + loglineErrorNumText: string; + loglineErrorBg: string; + loglineWarningText: string; + loglineWarningNumText: string; + loglineWarningBg: string; + loglineCommandText: string; + loglineSectionText: string; + ansi: { + black: string; + blackBright: string; + white: string; + whiteBright: string; + gray: string; + red: string; + redBright: string; + green: string; + greenBright: string; + yellow: string; + yellowBright: string; + blue: string; + blueBright: string; + magenta: string; + magentaBright: string; + cyan: string; + cyanBright: string; + }; + }; + project: { + headerBg: string; + sidebarBg: string; + gradientIn: string; + gradientOut: string; + }; + mktg: { + btn: { + bg: string; + shadow: { + outline: string; + focus: string; + hover: string; + hoverMuted: string; + }; + }; + }; + control: { + borderColor: { + emphasis: string; + }; + }; + avatar: { + bg: string; + border: string; + stackFade: string; + stackFadeMore: string; + childShadow: string; + }; + topicTag: { + border: string; + }; + counter: { + border: string; + }; + selectMenu: { + backdropBorder: string; + tapHighlight: string; + tapFocusBg: string; + }; + overlay: { + shadow: string; + backdrop: string; + }; + header: { + text: string; + bg: string; + divider: string; + logo: string; + }; + headerSearch: { + bg: string; + border: string; + }; + sidenav: { + selectedBg: string; + }; + menu: { + bgActive: string; + }; + input: { + disabledBg: string; + }; + timeline: { + badgeBg: string; + }; + ansi: { + black: string; + blackBright: string; + white: string; + whiteBright: string; + gray: string; + red: string; + redBright: string; + green: string; + greenBright: string; + yellow: string; + yellowBright: string; + blue: string; + blueBright: string; + magenta: string; + magentaBright: string; + cyan: string; + cyanBright: string; + }; + btn: { + text: string; + bg: string; + border: string; + shadow: string; + insetShadow: string; + hoverBg: string; + hoverBorder: string; + activeBg: string; + activeBorder: string; + selectedBg: string; + counterBg: 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; + icon: string; + counterBg: string; + }; + outline: { + text: string; + hoverText: string; + hoverBg: string; + hoverBorder: string; + hoverShadow: string; + hoverInsetShadow: string; + hoverCounterBg: string; + selectedText: string; + selectedBg: string; + selectedBorder: string; + selectedShadow: string; + disabledText: string; + disabledBg: string; + disabledCounterBg: string; + counterBg: string; + hoverCounterFg: string; + disabledCounterFg: string; + counterFg: string; + }; + danger: { + text: string; + hoverText: string; + hoverBg: string; + hoverBorder: string; + hoverShadow: string; + hoverInsetShadow: string; + hoverIcon: string; + hoverCounterBg: string; + selectedText: string; + selectedBg: string; + selectedBorder: string; + selectedShadow: string; + disabledText: string; + disabledBg: string; + disabledCounterBg: string; + counterBg: string; + icon: string; + counterFg: string; + disabledCounterFg: string; + hoverCounterFg: string; + }; + }; + underlinenav: { + icon: string; + borderHover: string; + }; + actionListItem: { + inlineDivider: string; + default: { + hoverBg: string; + hoverBorder: string; + activeBg: string; + activeBorder: string; + selectedBg: string; + }; + danger: { + hoverBg: string; + activeBg: string; + hoverText: string; + }; + }; + switchTrack: { + bg: string; + hoverBg: string; + activeBg: string; + disabledBg: string; + fg: string; + disabledFg: string; + border: string; + checked: { + bg: string; + hoverBg: string; + activeBg: string; + fg: string; + disabledFg: string; + border: string; + }; + }; + switchKnob: { + bg: string; + border: string; + disabledBg: string; + checked: { + bg: string; + disabledBg: string; + border: string; + }; + }; + segmentedControl: { + bg: string; + button: { + bg: string; + hover: { + bg: string; + }; + active: { + bg: string; + }; + selected: { + border: string; + }; + }; + }; + treeViewItem: { + chevron: { + hoverBg: string; + }; + directory: { + fill: string; + }; + }; + fg: { + default: string; + muted: string; + subtle: string; + onEmphasis: string; + }; + canvas: { + default: string; + overlay: string; + inset: string; + subtle: string; + }; + border: { + default: string; + muted: string; + subtle: string; + }; + shadow: { + small: string; + medium: string; + large: string; + extraLarge: string; + }; + neutral: { + emphasisPlus: string; + emphasis: string; + muted: string; + subtle: string; + }; + accent: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + success: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + attention: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + severe: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + danger: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + open: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + closed: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + done: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + sponsors: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + primer: { + fg: { + disabled: string; + }; + canvas: { + backdrop: string; + sticky: string; + }; + border: { + active: string; + contrast: string; + }; + shadow: { + highlight: string; + inset: string; + }; + }; + scale: { + black: string; + white: string; + gray: string[]; + blue: string[]; + green: string[]; + yellow: string[]; + orange: string[]; + red: string[]; + purple: string[]; + pink: string[]; + coral: string[]; + }; + }; + dark_high_contrast: { + canvasDefaultTransparent: string; + pageHeaderBg: string; + marketingIcon: { + primary: string; + secondary: string; + }; + diffBlob: { + addition: { + numText: string; + fg: string; + numBg: string; + lineBg: string; + wordBg: string; + }; + deletion: { + numText: string; + fg: string; + numBg: string; + lineBg: string; + wordBg: string; + }; + hunk: { + numBg: string; + }; + expander: { + icon: string; + }; + selectedLineHighlightMixBlendMode: string; + }; + diffstat: { + deletionBorder: string; + additionBorder: string; + additionBg: string; + }; + searchKeyword: { + hl: string; + }; + prettylights: { + syntax: { + comment: string; + constant: string; + entity: string; + storageModifierImport: string; + entityTag: string; + keyword: string; + string: string; + variable: string; + brackethighlighterUnmatched: string; + invalidIllegalText: string; + invalidIllegalBg: string; + carriageReturnText: string; + carriageReturnBg: string; + stringRegexp: string; + markupList: string; + markupHeading: string; + markupItalic: string; + markupBold: string; + markupDeletedText: string; + markupDeletedBg: string; + markupInsertedText: string; + markupInsertedBg: string; + markupChangedText: string; + markupChangedBg: string; + markupIgnoredText: string; + markupIgnoredBg: string; + metaDiffRange: string; + brackethighlighterAngle: string; + sublimelinterGutterMark: string; + constantOtherReferenceLink: string; + }; + }; + codemirror: { + text: string; + bg: string; + guttersBg: string; + guttermarkerText: string; + guttermarkerSubtleText: string; + linenumberText: string; + cursor: string; + selectionBg: string; + activelineBg: string; + matchingbracketText: string; + linesBg: string; + syntax: { + comment: string; + constant: string; + entity: string; + keyword: string; + storage: string; + string: string; + support: string; + variable: string; + }; + }; + checks: { + bg: string; + runBorderWidth: string; + containerBorderWidth: string; + textPrimary: string; + textSecondary: string; + textLink: string; + btnIcon: string; + btnHoverIcon: string; + btnHoverBg: string; + inputText: string; + inputPlaceholderText: string; + inputFocusText: string; + inputBg: string; + inputShadow: string; + donutError: string; + donutPending: string; + donutSuccess: string; + donutNeutral: string; + dropdownText: string; + dropdownBg: string; + dropdownBorder: string; + dropdownShadow: string; + dropdownHoverText: string; + dropdownHoverBg: string; + dropdownBtnHoverText: string; + dropdownBtnHoverBg: string; + scrollbarThumbBg: string; + headerLabelText: string; + headerLabelOpenText: string; + headerBorder: string; + headerIcon: string; + lineText: string; + lineNumText: string; + lineTimestampText: string; + lineHoverBg: string; + lineSelectedBg: string; + lineSelectedNumText: string; + lineDtFmText: string; + lineDtFmBg: string; + gateBg: string; + gateText: string; + gateWaitingText: string; + stepHeaderOpenBg: string; + stepErrorText: string; + stepWarningText: string; + loglineText: string; + loglineNumText: string; + loglineDebugText: string; + loglineErrorText: string; + loglineErrorNumText: string; + loglineErrorBg: string; + loglineWarningText: string; + loglineWarningNumText: string; + loglineWarningBg: string; + loglineCommandText: string; + loglineSectionText: string; + ansi: { + black: string; + blackBright: string; + white: string; + whiteBright: string; + gray: string; + red: string; + redBright: string; + green: string; + greenBright: string; + yellow: string; + yellowBright: string; + blue: string; + blueBright: string; + magenta: string; + magentaBright: string; + cyan: string; + cyanBright: string; + }; + }; + project: { + headerBg: string; + sidebarBg: string; + gradientIn: string; + gradientOut: string; + }; + mktg: { + btn: { + bg: string; + shadow: { + outline: string; + focus: string; + hover: string; + hoverMuted: string; + }; + }; + }; + control: { + borderColor: { + emphasis: string; + }; + }; + avatar: { + bg: string; + border: string; + stackFade: string; + stackFadeMore: string; + childShadow: string; + }; + topicTag: { + border: string; + }; + counter: { + border: string; + }; + selectMenu: { + backdropBorder: string; + tapHighlight: string; + tapFocusBg: string; + }; + overlay: { + shadow: string; + backdrop: string; + }; + header: { + text: string; + bg: string; + divider: string; + logo: string; + }; + headerSearch: { + bg: string; + border: string; + }; + sidenav: { + selectedBg: string; + }; + menu: { + bgActive: string; + }; + input: { + disabledBg: string; + }; + timeline: { + badgeBg: string; + }; + ansi: { + black: string; + blackBright: string; + white: string; + whiteBright: string; + gray: string; + red: string; + redBright: string; + green: string; + greenBright: string; + yellow: string; + yellowBright: string; + blue: string; + blueBright: string; + magenta: string; + magentaBright: string; + cyan: string; + cyanBright: string; + }; + btn: { + text: string; + bg: string; + border: string; + shadow: string; + insetShadow: string; + hoverBg: string; + hoverBorder: string; + activeBg: string; + activeBorder: string; + selectedBg: string; + counterBg: 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; + icon: string; + counterBg: string; + }; + outline: { + text: string; + hoverText: string; + hoverBg: string; + hoverBorder: string; + hoverShadow: string; + hoverInsetShadow: string; + hoverCounterBg: string; + selectedText: string; + selectedBg: string; + selectedBorder: string; + selectedShadow: string; + disabledText: string; + disabledBg: string; + disabledCounterBg: string; + counterBg: string; + hoverCounterFg: string; + disabledCounterFg: string; + counterFg: string; + }; + danger: { + text: string; + hoverText: string; + hoverBg: string; + hoverBorder: string; + hoverShadow: string; + hoverInsetShadow: string; + hoverIcon: string; + hoverCounterBg: string; + selectedText: string; + selectedBg: string; + selectedBorder: string; + selectedShadow: string; + disabledText: string; + disabledBg: string; + disabledCounterBg: string; + counterBg: string; + icon: string; + counterFg: string; + disabledCounterFg: string; + hoverCounterFg: string; + }; + }; + underlinenav: { + icon: string; + borderHover: string; + }; + actionListItem: { + inlineDivider: string; + default: { + hoverBg: string; + hoverBorder: string; + activeBg: string; + activeBorder: string; + selectedBg: string; + }; + danger: { + hoverBg: string; + activeBg: string; + hoverText: string; + }; + }; + switchTrack: { + bg: string; + hoverBg: string; + activeBg: string; + disabledBg: string; + fg: string; + disabledFg: string; + border: string; + checked: { + bg: string; + hoverBg: string; + activeBg: string; + fg: string; + disabledFg: string; + border: string; + }; + }; + switchKnob: { + bg: string; + border: string; + disabledBg: string; + checked: { + bg: string; + disabledBg: string; + border: string; + }; + }; + segmentedControl: { + bg: string; + button: { + bg: string; + hover: { + bg: string; + }; + active: { + bg: string; + }; + selected: { + border: string; + }; + }; + }; + treeViewItem: { + chevron: { + hoverBg: string; + }; + directory: { + fill: string; + }; + }; + fg: { + default: string; + muted: string; + subtle: string; + onEmphasis: string; + }; + canvas: { + default: string; + overlay: string; + inset: string; + subtle: string; + }; + border: { + default: string; + muted: string; + subtle: string; + }; + shadow: { + small: string; + medium: string; + large: string; + extraLarge: string; + }; + neutral: { + emphasisPlus: string; + emphasis: string; + muted: string; + subtle: string; + }; + accent: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + success: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + attention: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + severe: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + danger: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + open: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + closed: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + done: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + sponsors: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + primer: { + fg: { + disabled: string; + }; + canvas: { + backdrop: string; + sticky: string; + }; + border: { + active: string; + contrast: string; + }; + shadow: { + highlight: string; + inset: string; + }; + }; + scale: { + black: string; + white: string; + gray: string[]; + blue: string[]; + green: string[]; + yellow: string[]; + orange: string[]; + red: string[]; + purple: string[]; + pink: string[]; + coral: string[]; + }; + }; + dark_colorblind: { + canvasDefaultTransparent: string; + pageHeaderBg: string; + marketingIcon: { + primary: string; + secondary: string; + }; + diffBlob: { + addition: { + numText: string; + fg: string; + numBg: string; + lineBg: string; + wordBg: string; + }; + deletion: { + numText: string; + fg: string; + numBg: string; + lineBg: string; + wordBg: string; + }; + hunk: { + numBg: string; + }; + expander: { + icon: string; + }; + selectedLineHighlightMixBlendMode: string; + }; + diffstat: { + deletionBorder: string; + additionBorder: string; + additionBg: string; + }; + searchKeyword: { + hl: string; + }; + prettylights: { + syntax: { + comment: string; + constant: string; + entity: string; + storageModifierImport: string; + entityTag: string; + keyword: string; + string: string; + variable: string; + brackethighlighterUnmatched: string; + invalidIllegalText: string; + invalidIllegalBg: string; + carriageReturnText: string; + carriageReturnBg: string; + stringRegexp: string; + markupList: string; + markupHeading: string; + markupItalic: string; + markupBold: string; + markupDeletedText: string; + markupDeletedBg: string; + markupInsertedText: string; + markupInsertedBg: string; + markupChangedText: string; + markupChangedBg: string; + markupIgnoredText: string; + markupIgnoredBg: string; + metaDiffRange: string; + brackethighlighterAngle: string; + sublimelinterGutterMark: string; + constantOtherReferenceLink: string; + }; + }; + codemirror: { + text: string; + bg: string; + guttersBg: string; + guttermarkerText: string; + guttermarkerSubtleText: string; + linenumberText: string; + cursor: string; + selectionBg: string; + activelineBg: string; + matchingbracketText: string; + linesBg: string; + syntax: { + comment: string; + constant: string; + entity: string; + keyword: string; + storage: string; + string: string; + support: string; + variable: string; + }; + }; + checks: { + bg: string; + runBorderWidth: string; + containerBorderWidth: string; + textPrimary: string; + textSecondary: string; + textLink: string; + btnIcon: string; + btnHoverIcon: string; + btnHoverBg: string; + inputText: string; + inputPlaceholderText: string; + inputFocusText: string; + inputBg: string; + inputShadow: string; + donutError: string; + donutPending: string; + donutSuccess: string; + donutNeutral: string; + dropdownText: string; + dropdownBg: string; + dropdownBorder: string; + dropdownShadow: string; + dropdownHoverText: string; + dropdownHoverBg: string; + dropdownBtnHoverText: string; + dropdownBtnHoverBg: string; + scrollbarThumbBg: string; + headerLabelText: string; + headerLabelOpenText: string; + headerBorder: string; + headerIcon: string; + lineText: string; + lineNumText: string; + lineTimestampText: string; + lineHoverBg: string; + lineSelectedBg: string; + lineSelectedNumText: string; + lineDtFmText: string; + lineDtFmBg: string; + gateBg: string; + gateText: string; + gateWaitingText: string; + stepHeaderOpenBg: string; + stepErrorText: string; + stepWarningText: string; + loglineText: string; + loglineNumText: string; + loglineDebugText: string; + loglineErrorText: string; + loglineErrorNumText: string; + loglineErrorBg: string; + loglineWarningText: string; + loglineWarningNumText: string; + loglineWarningBg: string; + loglineCommandText: string; + loglineSectionText: string; + ansi: { + black: string; + blackBright: string; + white: string; + whiteBright: string; + gray: string; + red: string; + redBright: string; + green: string; + greenBright: string; + yellow: string; + yellowBright: string; + blue: string; + blueBright: string; + magenta: string; + magentaBright: string; + cyan: string; + cyanBright: string; + }; + }; + project: { + headerBg: string; + sidebarBg: string; + gradientIn: string; + gradientOut: string; + }; + mktg: { + btn: { + bg: string; + shadow: { + outline: string; + focus: string; + hover: string; + hoverMuted: string; + }; + }; + }; + control: { + borderColor: { + emphasis: string; + }; + }; + avatar: { + bg: string; + border: string; + stackFade: string; + stackFadeMore: string; + childShadow: string; + }; + topicTag: { + border: string; + }; + counter: { + border: string; + }; + selectMenu: { + backdropBorder: string; + tapHighlight: string; + tapFocusBg: string; + }; + overlay: { + shadow: string; + backdrop: string; + }; + header: { + text: string; + bg: string; + divider: string; + logo: string; + }; + headerSearch: { + bg: string; + border: string; + }; + sidenav: { + selectedBg: string; + }; + menu: { + bgActive: string; + }; + input: { + disabledBg: string; + }; + timeline: { + badgeBg: string; + }; + ansi: { + black: string; + blackBright: string; + white: string; + whiteBright: string; + gray: string; + red: string; + redBright: string; + green: string; + greenBright: string; + yellow: string; + yellowBright: string; + blue: string; + blueBright: string; + magenta: string; + magentaBright: string; + cyan: string; + cyanBright: string; + }; + btn: { + text: string; + bg: string; + border: string; + shadow: string; + insetShadow: string; + hoverBg: string; + hoverBorder: string; + activeBg: string; + activeBorder: string; + selectedBg: string; + counterBg: 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; + icon: string; + counterBg: string; + }; + outline: { + text: string; + hoverText: string; + hoverBg: string; + hoverBorder: string; + hoverShadow: string; + hoverInsetShadow: string; + hoverCounterBg: string; + selectedText: string; + selectedBg: string; + selectedBorder: string; + selectedShadow: string; + disabledText: string; + disabledBg: string; + disabledCounterBg: string; + counterBg: string; + hoverCounterFg: string; + disabledCounterFg: string; + counterFg: string; + }; + danger: { + text: string; + hoverText: string; + hoverBg: string; + hoverBorder: string; + hoverShadow: string; + hoverInsetShadow: string; + hoverIcon: string; + hoverCounterBg: string; + selectedText: string; + selectedBg: string; + selectedBorder: string; + selectedShadow: string; + disabledText: string; + disabledBg: string; + disabledCounterBg: string; + counterBg: string; + icon: string; + counterFg: string; + disabledCounterFg: string; + hoverCounterFg: string; + }; + }; + underlinenav: { + icon: string; + borderHover: string; + }; + actionListItem: { + inlineDivider: string; + default: { + hoverBg: string; + hoverBorder: string; + activeBg: string; + activeBorder: string; + selectedBg: string; + }; + danger: { + hoverBg: string; + activeBg: string; + hoverText: string; + }; + }; + switchTrack: { + bg: string; + hoverBg: string; + activeBg: string; + disabledBg: string; + fg: string; + disabledFg: string; + border: string; + checked: { + bg: string; + hoverBg: string; + activeBg: string; + fg: string; + disabledFg: string; + border: string; + }; + }; + switchKnob: { + bg: string; + border: string; + disabledBg: string; + checked: { + bg: string; + disabledBg: string; + border: string; + }; + }; + segmentedControl: { + bg: string; + button: { + bg: string; + hover: { + bg: string; + }; + active: { + bg: string; + }; + selected: { + border: string; + }; + }; + }; + treeViewItem: { + chevron: { + hoverBg: string; + }; + directory: { + fill: string; + }; + }; + fg: { + default: string; + muted: string; + subtle: string; + onEmphasis: string; + }; + canvas: { + default: string; + overlay: string; + inset: string; + subtle: string; + }; + border: { + default: string; + muted: string; + subtle: string; + }; + shadow: { + small: string; + medium: string; + large: string; + extraLarge: string; + }; + neutral: { + emphasisPlus: string; + emphasis: string; + muted: string; + subtle: string; + }; + accent: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + success: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + attention: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + severe: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + danger: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + open: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + closed: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + done: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + sponsors: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + primer: { + fg: { + disabled: string; + }; + canvas: { + backdrop: string; + sticky: string; + }; + border: { + active: string; + contrast: string; + }; + shadow: { + highlight: string; + inset: string; + }; + }; + scale: { + black: string; + white: string; + gray: string[]; + blue: string[]; + green: string[]; + yellow: string[]; + orange: string[]; + red: string[]; + purple: string[]; + pink: string[]; + coral: string[]; + }; + }; + dark_tritanopia: { + canvasDefaultTransparent: string; + pageHeaderBg: string; + marketingIcon: { + primary: string; + secondary: string; + }; + diffBlob: { + addition: { + numText: string; + fg: string; + numBg: string; + lineBg: string; + wordBg: string; + }; + deletion: { + numText: string; + fg: string; + numBg: string; + lineBg: string; + wordBg: string; + }; + hunk: { + numBg: string; + }; + expander: { + icon: string; + }; + selectedLineHighlightMixBlendMode: string; + }; + diffstat: { + deletionBorder: string; + additionBorder: string; + additionBg: string; + }; + searchKeyword: { + hl: string; + }; + prettylights: { + syntax: { + comment: string; + constant: string; + entity: string; + storageModifierImport: string; + entityTag: string; + keyword: string; + string: string; + variable: string; + brackethighlighterUnmatched: string; + invalidIllegalText: string; + invalidIllegalBg: string; + carriageReturnText: string; + carriageReturnBg: string; + stringRegexp: string; + markupList: string; + markupHeading: string; + markupItalic: string; + markupBold: string; + markupDeletedText: string; + markupDeletedBg: string; + markupInsertedText: string; + markupInsertedBg: string; + markupChangedText: string; + markupChangedBg: string; + markupIgnoredText: string; + markupIgnoredBg: string; + metaDiffRange: string; + brackethighlighterAngle: string; + sublimelinterGutterMark: string; + constantOtherReferenceLink: string; + }; + }; + codemirror: { + text: string; + bg: string; + guttersBg: string; + guttermarkerText: string; + guttermarkerSubtleText: string; + linenumberText: string; + cursor: string; + selectionBg: string; + activelineBg: string; + matchingbracketText: string; + linesBg: string; + syntax: { + comment: string; + constant: string; + entity: string; + keyword: string; + storage: string; + string: string; + support: string; + variable: string; + }; + }; + checks: { + bg: string; + runBorderWidth: string; + containerBorderWidth: string; + textPrimary: string; + textSecondary: string; + textLink: string; + btnIcon: string; + btnHoverIcon: string; + btnHoverBg: string; + inputText: string; + inputPlaceholderText: string; + inputFocusText: string; + inputBg: string; + inputShadow: string; + donutError: string; + donutPending: string; + donutSuccess: string; + donutNeutral: string; + dropdownText: string; + dropdownBg: string; + dropdownBorder: string; + dropdownShadow: string; + dropdownHoverText: string; + dropdownHoverBg: string; + dropdownBtnHoverText: string; + dropdownBtnHoverBg: string; + scrollbarThumbBg: string; + headerLabelText: string; + headerLabelOpenText: string; + headerBorder: string; + headerIcon: string; + lineText: string; + lineNumText: string; + lineTimestampText: string; + lineHoverBg: string; + lineSelectedBg: string; + lineSelectedNumText: string; + lineDtFmText: string; + lineDtFmBg: string; + gateBg: string; + gateText: string; + gateWaitingText: string; + stepHeaderOpenBg: string; + stepErrorText: string; + stepWarningText: string; + loglineText: string; + loglineNumText: string; + loglineDebugText: string; + loglineErrorText: string; + loglineErrorNumText: string; + loglineErrorBg: string; + loglineWarningText: string; + loglineWarningNumText: string; + loglineWarningBg: string; + loglineCommandText: string; + loglineSectionText: string; + ansi: { + black: string; + blackBright: string; + white: string; + whiteBright: string; + gray: string; + red: string; + redBright: string; + green: string; + greenBright: string; + yellow: string; + yellowBright: string; + blue: string; + blueBright: string; + magenta: string; + magentaBright: string; + cyan: string; + cyanBright: string; + }; + }; + project: { + headerBg: string; + sidebarBg: string; + gradientIn: string; + gradientOut: string; + }; + mktg: { + btn: { + bg: string; + shadow: { + outline: string; + focus: string; + hover: string; + hoverMuted: string; + }; + }; + }; + control: { + borderColor: { + emphasis: string; + }; + }; + avatar: { + bg: string; + border: string; + stackFade: string; + stackFadeMore: string; + childShadow: string; + }; + topicTag: { + border: string; + }; + counter: { + border: string; + }; + selectMenu: { + backdropBorder: string; + tapHighlight: string; + tapFocusBg: string; + }; + overlay: { + shadow: string; + backdrop: string; + }; + header: { + text: string; + bg: string; + divider: string; + logo: string; + }; + headerSearch: { + bg: string; + border: string; + }; + sidenav: { + selectedBg: string; + }; + menu: { + bgActive: string; + }; + input: { + disabledBg: string; + }; + timeline: { + badgeBg: string; + }; + ansi: { + black: string; + blackBright: string; + white: string; + whiteBright: string; + gray: string; + red: string; + redBright: string; + green: string; + greenBright: string; + yellow: string; + yellowBright: string; + blue: string; + blueBright: string; + magenta: string; + magentaBright: string; + cyan: string; + cyanBright: string; + }; + btn: { + text: string; + bg: string; + border: string; + shadow: string; + insetShadow: string; + hoverBg: string; + hoverBorder: string; + activeBg: string; + activeBorder: string; + selectedBg: string; + counterBg: 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; + icon: string; + counterBg: string; + }; + outline: { + text: string; + hoverText: string; + hoverBg: string; + hoverBorder: string; + hoverShadow: string; + hoverInsetShadow: string; + hoverCounterBg: string; + selectedText: string; + selectedBg: string; + selectedBorder: string; + selectedShadow: string; + disabledText: string; + disabledBg: string; + disabledCounterBg: string; + counterBg: string; + hoverCounterFg: string; + disabledCounterFg: string; + counterFg: string; + }; + danger: { + text: string; + hoverText: string; + hoverBg: string; + hoverBorder: string; + hoverShadow: string; + hoverInsetShadow: string; + hoverIcon: string; + hoverCounterBg: string; + selectedText: string; + selectedBg: string; + selectedBorder: string; + selectedShadow: string; + disabledText: string; + disabledBg: string; + disabledCounterBg: string; + counterBg: string; + icon: string; + counterFg: string; + disabledCounterFg: string; + hoverCounterFg: string; + }; + }; + underlinenav: { + icon: string; + borderHover: string; + }; + actionListItem: { + inlineDivider: string; + default: { + hoverBg: string; + hoverBorder: string; + activeBg: string; + activeBorder: string; + selectedBg: string; + }; + danger: { + hoverBg: string; + activeBg: string; + hoverText: string; + }; + }; + switchTrack: { + bg: string; + hoverBg: string; + activeBg: string; + disabledBg: string; + fg: string; + disabledFg: string; + border: string; + checked: { + bg: string; + hoverBg: string; + activeBg: string; + fg: string; + disabledFg: string; + border: string; + }; + }; + switchKnob: { + bg: string; + border: string; + disabledBg: string; + checked: { + bg: string; + disabledBg: string; + border: string; + }; + }; + segmentedControl: { + bg: string; + button: { + bg: string; + hover: { + bg: string; + }; + active: { + bg: string; + }; + selected: { + border: string; + }; + }; + }; + treeViewItem: { + chevron: { + hoverBg: string; + }; + directory: { + fill: string; + }; + }; + fg: { + default: string; + muted: string; + subtle: string; + onEmphasis: string; + }; + canvas: { + default: string; + overlay: string; + inset: string; + subtle: string; + }; + border: { + default: string; + muted: string; + subtle: string; + }; + shadow: { + small: string; + medium: string; + large: string; + extraLarge: string; + }; + neutral: { + emphasisPlus: string; + emphasis: string; + muted: string; + subtle: string; + }; + accent: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + success: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + attention: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + severe: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + danger: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + open: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + closed: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + done: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + sponsors: { + fg: string; + emphasis: string; + muted: string; + subtle: string; + }; + primer: { + fg: { + disabled: string; + }; + canvas: { + backdrop: string; + sticky: string; + }; + border: { + active: string; + contrast: string; + }; + shadow: { + highlight: string; + inset: string; + }; + }; + scale: { + black: string; + white: string; + gray: string[]; + blue: string[]; + green: string[]; + yellow: string[]; + orange: string[]; + red: string[]; + purple: string[]; + pink: string[]; + coral: string[]; + }; + }; +}; +export default _default; diff --git a/src/legacy-theme/js/colors/index.js b/src/legacy-theme/js/colors/index.js new file mode 100644 index 00000000000..16592842278 --- /dev/null +++ b/src/legacy-theme/js/colors/index.js @@ -0,0 +1,30 @@ +/* eslint-disable no-invalid-this */ +/* eslint-disable camelcase */ +/* eslint-disable no-var */ +'use strict' +var __importDefault = + (this && this.__importDefault) || + function (mod) { + return mod && mod.__esModule ? mod : {default: mod} + } +Object.defineProperty(exports, '__esModule', {value: true}) +const light_1 = __importDefault(require('./light')) +const light_high_contrast_1 = __importDefault(require('./light_high_contrast')) +const light_colorblind_1 = __importDefault(require('./light_colorblind')) +const light_tritanopia_1 = __importDefault(require('./light_tritanopia')) +const dark_1 = __importDefault(require('./dark')) +const dark_dimmed_1 = __importDefault(require('./dark_dimmed')) +const dark_high_contrast_1 = __importDefault(require('./dark_high_contrast')) +const dark_colorblind_1 = __importDefault(require('./dark_colorblind')) +const dark_tritanopia_1 = __importDefault(require('./dark_tritanopia')) +exports.default = { + light: light_1.default, + light_high_contrast: light_high_contrast_1.default, + light_colorblind: light_colorblind_1.default, + light_tritanopia: light_tritanopia_1.default, + dark: dark_1.default, + dark_dimmed: dark_dimmed_1.default, + dark_high_contrast: dark_high_contrast_1.default, + dark_colorblind: dark_colorblind_1.default, + dark_tritanopia: dark_tritanopia_1.default, +} diff --git a/src/legacy-theme/js/colors/light.d.ts b/src/legacy-theme/js/colors/light.d.ts new file mode 100644 index 00000000000..7fc2c7b3f17 --- /dev/null +++ b/src/legacy-theme/js/colors/light.d.ts @@ -0,0 +1,512 @@ +declare const _default: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string + shadow: { + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: 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 + counterBg: string + icon: string + hoverIcon: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + disabledBg: string + border: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } +} +export default _default diff --git a/src/legacy-theme/js/colors/light.js b/src/legacy-theme/js/colors/light.js new file mode 100644 index 00000000000..0c5ddee3d72 --- /dev/null +++ b/src/legacy-theme/js/colors/light.js @@ -0,0 +1,602 @@ +'use strict' +Object.defineProperty(exports, '__esModule', {value: true}) +exports.default = { + canvasDefaultTransparent: 'rgba(255,255,255,0)', + pageHeaderBg: '#f6f8fa', + marketingIcon: { + primary: '#218bff', + secondary: '#54aeff', + }, + diffBlob: { + addition: { + numText: '#1F2328', + fg: '#1F2328', + numBg: '#ccffd8', + lineBg: '#e6ffec', + wordBg: '#abf2bc', + }, + deletion: { + numText: '#1F2328', + fg: '#1F2328', + numBg: '#ffd7d5', + lineBg: '#ffebe9', + wordBg: 'rgba(255,129,130,0.4)', + }, + hunk: { + numBg: 'rgba(84,174,255,0.4)', + }, + expander: { + icon: '#656d76', + }, + selectedLineHighlightMixBlendMode: 'multiply', + }, + diffstat: { + deletionBorder: 'rgba(31,35,40,0.15)', + additionBorder: 'rgba(31,35,40,0.15)', + additionBg: '#1f883d', + }, + searchKeyword: { + hl: '#fff8c5', + }, + prettylights: { + syntax: { + comment: '#6e7781', + constant: '#0550ae', + entity: '#6639ba', + storageModifierImport: '#24292f', + entityTag: '#116329', + keyword: '#cf222e', + string: '#0a3069', + variable: '#953800', + brackethighlighterUnmatched: '#82071e', + invalidIllegalText: '#f6f8fa', + invalidIllegalBg: '#82071e', + carriageReturnText: '#f6f8fa', + carriageReturnBg: '#cf222e', + stringRegexp: '#116329', + markupList: '#3b2300', + markupHeading: '#0550ae', + markupItalic: '#24292f', + markupBold: '#24292f', + markupDeletedText: '#82071e', + markupDeletedBg: '#ffebe9', + markupInsertedText: '#116329', + markupInsertedBg: '#dafbe1', + markupChangedText: '#953800', + markupChangedBg: '#ffd8b5', + markupIgnoredText: '#eaeef2', + markupIgnoredBg: '#0550ae', + metaDiffRange: '#8250df', + brackethighlighterAngle: '#57606a', + sublimelinterGutterMark: '#8c959f', + constantOtherReferenceLink: '#0a3069', + }, + }, + codemirror: { + text: '#1F2328', + bg: '#ffffff', + guttersBg: '#ffffff', + guttermarkerText: '#ffffff', + guttermarkerSubtleText: '#6e7781', + linenumberText: '#656d76', + cursor: '#1F2328', + selectionBg: 'rgba(84,174,255,0.4)', + activelineBg: 'rgba(234,238,242,0.5)', + matchingbracketText: '#1F2328', + linesBg: '#ffffff', + syntax: { + comment: '#24292f', + constant: '#0550ae', + entity: '#8250df', + keyword: '#cf222e', + storage: '#cf222e', + string: '#0a3069', + support: '#0550ae', + variable: '#953800', + }, + }, + checks: { + bg: '#24292f', + runBorderWidth: '0px', + containerBorderWidth: '0px', + textPrimary: '#f6f8fa', + textSecondary: '#8c959f', + textLink: '#54aeff', + btnIcon: '#afb8c1', + btnHoverIcon: '#f6f8fa', + btnHoverBg: 'rgba(255,255,255,0.125)', + inputText: '#eaeef2', + inputPlaceholderText: '#8c959f', + inputFocusText: '#8c959f', + inputBg: '#32383f', + inputShadow: 'none', + donutError: '#fa4549', + donutPending: '#bf8700', + donutSuccess: '#1f883d', + donutNeutral: '#afb8c1', + dropdownText: '#afb8c1', + dropdownBg: '#32383f', + dropdownBorder: '#424a53', + dropdownShadow: 'rgba(31,35,40,0.3)', + dropdownHoverText: '#f6f8fa', + dropdownHoverBg: '#424a53', + dropdownBtnHoverText: '#f6f8fa', + dropdownBtnHoverBg: '#32383f', + scrollbarThumbBg: '#57606a', + headerLabelText: '#d0d7de', + headerLabelOpenText: '#f6f8fa', + headerBorder: '#32383f', + headerIcon: '#8c959f', + lineText: '#d0d7de', + lineNumText: 'rgba(140,149,159,0.75)', + lineTimestampText: '#8c959f', + lineHoverBg: '#32383f', + lineSelectedBg: 'rgba(33,139,255,0.15)', + lineSelectedNumText: '#54aeff', + lineDtFmText: '#24292f', + lineDtFmBg: '#9a6700', + gateBg: 'rgba(125,78,0,0.15)', + gateText: '#d0d7de', + gateWaitingText: '#d4a72c', + stepHeaderOpenBg: '#32383f', + stepErrorText: '#ff8182', + stepWarningText: '#d4a72c', + loglineText: '#8c959f', + loglineNumText: 'rgba(140,149,159,0.75)', + loglineDebugText: '#c297ff', + loglineErrorText: '#d0d7de', + loglineErrorNumText: '#ff8182', + loglineErrorBg: 'rgba(164,14,38,0.15)', + loglineWarningText: '#d0d7de', + loglineWarningNumText: '#d4a72c', + loglineWarningBg: 'rgba(125,78,0,0.15)', + loglineCommandText: '#54aeff', + loglineSectionText: '#4ac26b', + ansi: { + black: '#24292f', + blackBright: '#32383f', + white: '#d0d7de', + whiteBright: '#d0d7de', + gray: '#8c959f', + red: '#ff8182', + redBright: '#ffaba8', + green: '#4ac26b', + greenBright: '#6fdd8b', + yellow: '#d4a72c', + yellowBright: '#eac54f', + blue: '#54aeff', + blueBright: '#80ccff', + magenta: '#c297ff', + magentaBright: '#d8b9ff', + cyan: '#76e3ea', + cyanBright: '#b3f0ff', + }, + }, + project: { + headerBg: '#24292f', + sidebarBg: '#ffffff', + gradientIn: '#ffffff', + gradientOut: 'rgba(255,255,255,0)', + }, + mktg: { + btn: { + bg: '#1b1f23', + shadow: { + outline: 'rgb(0 0 0 / 15%) 0 0 0 1px inset', + focus: 'rgb(0 0 0 / 15%) 0 0 0 4px', + hover: + '0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)', + hoverMuted: 'rgb(0 0 0 / 70%) 0 0 0 2px inset', + }, + }, + }, + control: { + borderColor: { + emphasis: '#858F99', + }, + }, + avatar: { + bg: '#ffffff', + border: 'rgba(31,35,40,0.15)', + stackFade: '#afb8c1', + stackFadeMore: '#d0d7de', + childShadow: '0 0 0 2px rgba(255,255,255,0.8)', + }, + topicTag: { + border: 'rgba(0,0,0,0)', + }, + counter: { + border: 'rgba(0,0,0,0)', + }, + selectMenu: { + backdropBorder: 'rgba(0,0,0,0)', + tapHighlight: 'rgba(175,184,193,0.5)', + tapFocusBg: '#b6e3ff', + }, + overlay: { + shadow: '0 1px 3px rgba(31,35,40,0.12), 0 8px 24px rgba(66,74,83,0.12)', + backdrop: 'rgba(140,149,159,0.2)', + }, + header: { + text: 'rgba(255,255,255,0.7)', + bg: '#24292f', + divider: '#57606a', + logo: '#ffffff', + }, + headerSearch: { + bg: '#24292f', + border: '#57606a', + }, + sidenav: { + selectedBg: '#ffffff', + }, + menu: { + bgActive: 'rgba(0,0,0,0)', + }, + input: { + disabledBg: 'rgba(175,184,193,0.2)', + }, + timeline: { + badgeBg: '#eaeef2', + }, + ansi: { + black: '#24292f', + blackBright: '#57606a', + white: '#6e7781', + whiteBright: '#8c959f', + gray: '#6e7781', + red: '#cf222e', + redBright: '#a40e26', + green: '#116329', + greenBright: '#1a7f37', + yellow: '#4d2d00', + yellowBright: '#633c01', + blue: '#0969da', + blueBright: '#218bff', + magenta: '#8250df', + magentaBright: '#a475f9', + cyan: '#1b7c83', + cyanBright: '#3192aa', + }, + btn: { + text: '#24292f', + bg: '#f6f8fa', + border: 'rgba(31,35,40,0.15)', + shadow: '0 1px 0 rgba(31,35,40,0.04)', + insetShadow: 'inset 0 1px 0 rgba(255,255,255,0.25)', + hoverBg: '#f3f4f6', + hoverBorder: 'rgba(31,35,40,0.15)', + activeBg: 'hsla(220,14%,93%,1)', + activeBorder: 'rgba(31,35,40,0.15)', + selectedBg: 'hsla(220,14%,94%,1)', + counterBg: 'rgba(31,35,40,0.08)', + primary: { + text: '#ffffff', + bg: '#1f883d', + border: 'rgba(31,35,40,0.15)', + shadow: '0 1px 0 rgba(31,35,40,0.1)', + insetShadow: 'inset 0 1px 0 rgba(255,255,255,0.03)', + hoverBg: '#1a7f37', + hoverBorder: 'rgba(31,35,40,0.15)', + selectedBg: 'hsla(137,66%,28%,1)', + selectedShadow: 'inset 0 1px 0 rgba(0,45,17,0.2)', + disabledText: 'rgba(255,255,255,0.8)', + disabledBg: '#94d3a2', + disabledBorder: 'rgba(31,35,40,0.15)', + icon: 'rgba(255,255,255,0.8)', + counterBg: 'rgba(0,45,17,0.2)', + }, + outline: { + text: '#0969da', + hoverText: '#ffffff', + hoverBg: '#0969da', + hoverBorder: 'rgba(31,35,40,0.15)', + hoverShadow: '0 1px 0 rgba(31,35,40,0.1)', + hoverInsetShadow: 'inset 0 1px 0 rgba(255,255,255,0.03)', + hoverCounterBg: 'rgba(255,255,255,0.2)', + selectedText: '#ffffff', + selectedBg: 'hsla(212,92%,42%,1)', + selectedBorder: 'rgba(31,35,40,0.15)', + selectedShadow: 'inset 0 1px 0 rgba(0,33,85,0.2)', + disabledText: 'rgba(9,105,218,0.5)', + disabledBg: '#f6f8fa', + disabledCounterBg: 'rgba(9,105,218,0.05)', + counterBg: '#0969da1a', + counterFg: '#0550ae', + hoverCounterFg: '#ffffff', + disabledCounterFg: 'rgba(9,105,218,0.5)', + }, + danger: { + text: '#cf222e', + hoverText: '#ffffff', + hoverBg: '#a40e26', + hoverBorder: 'rgba(31,35,40,0.15)', + hoverShadow: '0 1px 0 rgba(31,35,40,0.1)', + hoverInsetShadow: 'inset 0 1px 0 rgba(255,255,255,0.03)', + hoverCounterBg: 'rgba(255,255,255,0.2)', + selectedText: '#ffffff', + selectedBg: 'hsla(356,72%,44%,1)', + selectedBorder: 'rgba(31,35,40,0.15)', + selectedShadow: 'inset 0 1px 0 rgba(76,0,20,0.2)', + disabledText: 'rgba(207,34,46,0.5)', + disabledBg: '#f6f8fa', + disabledCounterBg: 'rgba(207,34,46,0.05)', + counterBg: 'rgba(207,34,46,0.1)', + icon: '#cf222e', + hoverIcon: '#ffffff', + counterFg: '#a40e26', + hoverCounterFg: '#ffffff', + disabledCounterFg: 'rgba(207,34,46,0.5)', + }, + }, + underlinenav: { + icon: '#6e7781', + borderHover: 'rgba(175,184,193,0.2)', + }, + actionListItem: { + inlineDivider: 'rgba(208,215,222,0.48)', + default: { + hoverBg: 'rgba(208,215,222,0.32)', + hoverBorder: 'rgba(0,0,0,0)', + activeBg: 'rgba(208,215,222,0.48)', + activeBorder: 'rgba(0,0,0,0)', + selectedBg: 'rgba(208,215,222,0.24)', + }, + danger: { + hoverBg: 'rgba(255,235,233,0.64)', + activeBg: '#ffebe9', + hoverText: '#d1242f', + }, + }, + switchTrack: { + bg: '#eaeef2', + hoverBg: 'hsla(210,24%,90%,1)', + activeBg: 'hsla(210,24%,88%,1)', + disabledBg: '#8c959f', + fg: '#656d76', + disabledFg: '#ffffff', + border: 'rgba(0,0,0,0)', + checked: { + bg: '#0969da', + hoverBg: '#0860CA', + activeBg: '#0757BA', + fg: '#ffffff', + disabledFg: '#ffffff', + border: 'rgba(0,0,0,0)', + }, + }, + switchKnob: { + bg: '#ffffff', + disabledBg: '#f6f8fa', + border: '#858F99', + checked: { + bg: '#ffffff', + disabledBg: '#f6f8fa', + border: '#0969da', + }, + }, + segmentedControl: { + bg: '#eaeef2', + button: { + bg: '#ffffff', + hover: { + bg: 'rgba(175,184,193,0.2)', + }, + active: { + bg: 'rgba(175,184,193,0.4)', + }, + selected: { + border: '#8c959f', + }, + }, + }, + treeViewItem: { + chevron: { + hoverBg: 'rgba(208,215,222,0.32)', + }, + directory: { + fill: '#54aeff', + }, + }, + fg: { + default: '#1F2328', + muted: '#656d76', + subtle: '#6e7781', + onEmphasis: '#ffffff', + }, + canvas: { + default: '#ffffff', + overlay: '#ffffff', + inset: '#f6f8fa', + subtle: '#f6f8fa', + }, + border: { + default: '#d0d7de', + muted: 'hsla(210,18%,87%,1)', + subtle: 'rgba(31,35,40,0.15)', + }, + shadow: { + small: '0 1px 0 rgba(31,35,40,0.04)', + medium: '0 3px 6px rgba(140,149,159,0.15)', + large: '0 8px 24px rgba(140,149,159,0.2)', + extraLarge: '0 12px 28px rgba(140,149,159,0.3)', + }, + neutral: { + emphasisPlus: '#24292f', + emphasis: '#6e7781', + muted: 'rgba(175,184,193,0.2)', + subtle: 'rgba(234,238,242,0.5)', + }, + accent: { + fg: '#0969da', + emphasis: '#0969da', + muted: 'rgba(84,174,255,0.4)', + subtle: '#ddf4ff', + }, + success: { + fg: '#1a7f37', + emphasis: '#1f883d', + muted: 'rgba(74,194,107,0.4)', + subtle: '#dafbe1', + }, + attention: { + fg: '#9a6700', + emphasis: '#9a6700', + muted: 'rgba(212,167,44,0.4)', + subtle: '#fff8c5', + }, + severe: { + fg: '#bc4c00', + emphasis: '#bc4c00', + muted: 'rgba(251,143,68,0.4)', + subtle: '#fff1e5', + }, + danger: { + fg: '#d1242f', + emphasis: '#cf222e', + muted: 'rgba(255,129,130,0.4)', + subtle: '#ffebe9', + }, + open: { + fg: '#1a7f37', + emphasis: '#1f883d', + muted: 'rgba(74,194,107,0.4)', + subtle: '#dafbe1', + }, + closed: { + fg: '#d1242f', + emphasis: '#cf222e', + muted: 'rgba(255,129,130,0.4)', + subtle: '#ffebe9', + }, + done: { + fg: '#8250df', + emphasis: '#8250df', + muted: 'rgba(194,151,255,0.4)', + subtle: '#fbefff', + }, + sponsors: { + fg: '#bf3989', + emphasis: '#bf3989', + muted: 'rgba(255,128,200,0.4)', + subtle: '#ffeff7', + }, + primer: { + fg: { + disabled: '#8c959f', + }, + canvas: { + backdrop: 'rgba(31,35,40,0.5)', + sticky: 'rgba(255,255,255,0.95)', + }, + border: { + active: '#fd8c73', + contrast: 'rgba(31,35,40,0.1)', + }, + shadow: { + highlight: 'inset 0 1px 0 rgba(255,255,255,0.25)', + inset: 'inset 0 1px 0 rgba(208,215,222,0.2)', + }, + }, + scale: { + black: '#1F2328', + white: '#ffffff', + gray: [ + '#f6f8fa', + '#eaeef2', + '#d0d7de', + '#afb8c1', + '#8c959f', + '#6e7781', + '#57606a', + '#424a53', + '#32383f', + '#24292f', + ], + blue: [ + '#ddf4ff', + '#b6e3ff', + '#80ccff', + '#54aeff', + '#218bff', + '#0969da', + '#0550ae', + '#033d8b', + '#0a3069', + '#002155', + ], + green: [ + '#dafbe1', + '#aceebb', + '#6fdd8b', + '#4ac26b', + '#2da44e', + '#1a7f37', + '#116329', + '#044f1e', + '#003d16', + '#002d11', + ], + yellow: [ + '#fff8c5', + '#fae17d', + '#eac54f', + '#d4a72c', + '#bf8700', + '#9a6700', + '#7d4e00', + '#633c01', + '#4d2d00', + '#3b2300', + ], + orange: [ + '#fff1e5', + '#ffd8b5', + '#ffb77c', + '#fb8f44', + '#e16f24', + '#bc4c00', + '#953800', + '#762c00', + '#5c2200', + '#471700', + ], + red: ['#ffebe9', '#ffcecb', '#ffaba8', '#ff8182', '#fa4549', '#cf222e', '#a40e26', '#82071e', '#660018', '#4c0014'], + purple: [ + '#fbefff', + '#ecd8ff', + '#d8b9ff', + '#c297ff', + '#a475f9', + '#8250df', + '#6639ba', + '#512a97', + '#3e1f79', + '#2e1461', + ], + pink: [ + '#ffeff7', + '#ffd3eb', + '#ffadda', + '#ff80c8', + '#e85aad', + '#bf3989', + '#99286e', + '#772057', + '#611347', + '#4d0336', + ], + coral: [ + '#fff0eb', + '#ffd6cc', + '#ffb4a1', + '#fd8c73', + '#ec6547', + '#c4432b', + '#9e2f1c', + '#801f0f', + '#691105', + '#510901', + ], + }, +} diff --git a/src/legacy-theme/js/colors/light_colorblind.d.ts b/src/legacy-theme/js/colors/light_colorblind.d.ts new file mode 100644 index 00000000000..7fc2c7b3f17 --- /dev/null +++ b/src/legacy-theme/js/colors/light_colorblind.d.ts @@ -0,0 +1,512 @@ +declare const _default: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string + shadow: { + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: 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 + counterBg: string + icon: string + hoverIcon: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + disabledBg: string + border: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } +} +export default _default diff --git a/src/legacy-theme/js/colors/light_colorblind.js b/src/legacy-theme/js/colors/light_colorblind.js new file mode 100644 index 00000000000..fa09526121c --- /dev/null +++ b/src/legacy-theme/js/colors/light_colorblind.js @@ -0,0 +1,602 @@ +'use strict' +Object.defineProperty(exports, '__esModule', {value: true}) +exports.default = { + canvasDefaultTransparent: 'rgba(255,255,255,0)', + pageHeaderBg: '#f6f8fa', + marketingIcon: { + primary: '#218bff', + secondary: '#54aeff', + }, + diffBlob: { + addition: { + numText: '#24292f', + fg: '#24292f', + numBg: 'rgba(84,174,255,0.4)', + lineBg: 'rgba(221,244,255,0.5)', + wordBg: 'rgba(84,174,255,0.4)', + }, + deletion: { + numText: '#24292f', + fg: '#24292f', + numBg: 'rgba(247,153,57,0.4)', + lineBg: 'rgba(255,245,232,0.5)', + wordBg: 'rgba(255,188,109,0.5)', + }, + hunk: { + numBg: 'rgba(84,174,255,0.4)', + }, + expander: { + icon: '#57606a', + }, + selectedLineHighlightMixBlendMode: 'multiply', + }, + diffstat: { + deletionBorder: 'rgba(27,31,36,0.15)', + additionBorder: 'rgba(27,31,36,0.15)', + additionBg: '#0969da', + }, + searchKeyword: { + hl: '#fff8c5', + }, + prettylights: { + syntax: { + comment: '#6e7781', + constant: '#0550ae', + entity: '#6639ba', + storageModifierImport: '#24292f', + entityTag: '#0550ae', + keyword: '#b35900', + string: '#0a3069', + variable: '#8a4600', + brackethighlighterUnmatched: '#6f3800', + invalidIllegalText: '#f6f8fa', + invalidIllegalBg: '#6f3800', + carriageReturnText: '#f6f8fa', + carriageReturnBg: '#b35900', + stringRegexp: '#0550ae', + markupList: '#3b2300', + markupHeading: '#0550ae', + markupItalic: '#24292f', + markupBold: '#24292f', + markupDeletedText: '#6f3800', + markupDeletedBg: '#fff5e8', + markupInsertedText: '#0550ae', + markupInsertedBg: '#ddf4ff', + markupChangedText: '#8a4600', + markupChangedBg: '#ffddb0', + markupIgnoredText: '#eaeef2', + markupIgnoredBg: '#0550ae', + metaDiffRange: '#8250df', + brackethighlighterAngle: '#57606a', + sublimelinterGutterMark: '#8c959f', + constantOtherReferenceLink: '#0a3069', + }, + }, + codemirror: { + text: '#24292f', + bg: '#ffffff', + guttersBg: '#ffffff', + guttermarkerText: '#ffffff', + guttermarkerSubtleText: '#6e7781', + linenumberText: '#57606a', + cursor: '#24292f', + selectionBg: 'rgba(84,174,255,0.4)', + activelineBg: 'rgba(234,238,242,0.5)', + matchingbracketText: '#24292f', + linesBg: '#ffffff', + syntax: { + comment: '#24292f', + constant: '#0550ae', + entity: '#8250df', + keyword: '#b35900', + storage: '#b35900', + string: '#0a3069', + support: '#0550ae', + variable: '#8a4600', + }, + }, + checks: { + bg: '#24292f', + runBorderWidth: '0px', + containerBorderWidth: '0px', + textPrimary: '#f6f8fa', + textSecondary: '#8c959f', + textLink: '#54aeff', + btnIcon: '#afb8c1', + btnHoverIcon: '#f6f8fa', + btnHoverBg: 'rgba(255,255,255,0.125)', + inputText: '#eaeef2', + inputPlaceholderText: '#8c959f', + inputFocusText: '#8c959f', + inputBg: '#32383f', + inputShadow: 'none', + donutError: '#dd7815', + donutPending: '#bf8700', + donutSuccess: '#0969da', + donutNeutral: '#afb8c1', + dropdownText: '#afb8c1', + dropdownBg: '#32383f', + dropdownBorder: '#424a53', + dropdownShadow: 'rgba(27,31,36,0.3)', + dropdownHoverText: '#f6f8fa', + dropdownHoverBg: '#424a53', + dropdownBtnHoverText: '#f6f8fa', + dropdownBtnHoverBg: '#32383f', + scrollbarThumbBg: '#57606a', + headerLabelText: '#d0d7de', + headerLabelOpenText: '#f6f8fa', + headerBorder: '#32383f', + headerIcon: '#8c959f', + lineText: '#d0d7de', + lineNumText: 'rgba(140,149,159,0.75)', + lineTimestampText: '#8c959f', + lineHoverBg: '#32383f', + lineSelectedBg: 'rgba(33,139,255,0.15)', + lineSelectedNumText: '#54aeff', + lineDtFmText: '#24292f', + lineDtFmBg: '#9a6700', + gateBg: 'rgba(125,78,0,0.15)', + gateText: '#d0d7de', + gateWaitingText: '#d4a72c', + stepHeaderOpenBg: '#32383f', + stepErrorText: '#f79939', + stepWarningText: '#d4a72c', + loglineText: '#8c959f', + loglineNumText: 'rgba(140,149,159,0.75)', + loglineDebugText: '#c297ff', + loglineErrorText: '#d0d7de', + loglineErrorNumText: '#f79939', + loglineErrorBg: 'rgba(138,70,0,0.15)', + loglineWarningText: '#d0d7de', + loglineWarningNumText: '#d4a72c', + loglineWarningBg: 'rgba(125,78,0,0.15)', + loglineCommandText: '#54aeff', + loglineSectionText: '#54aeff', + ansi: { + black: '#24292f', + blackBright: '#32383f', + white: '#d0d7de', + whiteBright: '#d0d7de', + gray: '#8c959f', + red: '#f79939', + redBright: '#ffbc6d', + green: '#54aeff', + greenBright: '#80ccff', + yellow: '#d4a72c', + yellowBright: '#eac54f', + blue: '#54aeff', + blueBright: '#80ccff', + magenta: '#c297ff', + magentaBright: '#d8b9ff', + cyan: '#76e3ea', + cyanBright: '#b3f0ff', + }, + }, + project: { + headerBg: '#24292f', + sidebarBg: '#ffffff', + gradientIn: '#ffffff', + gradientOut: 'rgba(255,255,255,0)', + }, + mktg: { + btn: { + bg: '#1b1f23', + shadow: { + outline: 'rgb(0 0 0 / 15%) 0 0 0 1px inset', + focus: 'rgb(0 0 0 / 15%) 0 0 0 4px', + hover: + '0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)', + hoverMuted: 'rgb(0 0 0 / 70%) 0 0 0 2px inset', + }, + }, + }, + control: { + borderColor: { + emphasis: '#858F99', + }, + }, + avatar: { + bg: '#ffffff', + border: 'rgba(27,31,36,0.15)', + stackFade: '#afb8c1', + stackFadeMore: '#d0d7de', + childShadow: '0 0 0 2px rgba(255,255,255,0.8)', + }, + topicTag: { + border: 'rgba(0,0,0,0)', + }, + counter: { + border: 'rgba(0,0,0,0)', + }, + selectMenu: { + backdropBorder: 'rgba(0,0,0,0)', + tapHighlight: 'rgba(175,184,193,0.5)', + tapFocusBg: '#b6e3ff', + }, + overlay: { + shadow: '0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12)', + backdrop: 'rgba(140,149,159,0.2)', + }, + header: { + text: 'rgba(255,255,255,0.7)', + bg: '#24292f', + divider: '#57606a', + logo: '#ffffff', + }, + headerSearch: { + bg: '#24292f', + border: '#57606a', + }, + sidenav: { + selectedBg: '#ffffff', + }, + menu: { + bgActive: 'rgba(0,0,0,0)', + }, + input: { + disabledBg: 'rgba(175,184,193,0.2)', + }, + timeline: { + badgeBg: '#eaeef2', + }, + ansi: { + black: '#24292f', + blackBright: '#57606a', + white: '#6e7781', + whiteBright: '#8c959f', + gray: '#6e7781', + red: '#b35900', + redBright: '#8a4600', + green: '#0550ae', + greenBright: '#0969da', + yellow: '#4d2d00', + yellowBright: '#633c01', + blue: '#0969da', + blueBright: '#218bff', + magenta: '#8250df', + magentaBright: '#a475f9', + cyan: '#1b7c83', + cyanBright: '#3192aa', + }, + btn: { + text: '#24292f', + bg: '#f6f8fa', + border: 'rgba(27,31,36,0.15)', + shadow: '0 1px 0 rgba(27,31,36,0.04)', + insetShadow: 'inset 0 1px 0 rgba(255,255,255,0.25)', + hoverBg: '#f3f4f6', + hoverBorder: 'rgba(27,31,36,0.15)', + activeBg: 'hsla(220,14%,93%,1)', + activeBorder: 'rgba(27,31,36,0.15)', + selectedBg: 'hsla(220,14%,94%,1)', + counterBg: 'rgba(27,31,36,0.08)', + primary: { + text: '#ffffff', + bg: '#0969da', + border: 'rgba(27,31,36,0.15)', + shadow: '0 1px 0 rgba(27,31,36,0.1)', + insetShadow: 'inset 0 1px 0 rgba(255,255,255,0.03)', + hoverBg: '#0969da', + hoverBorder: 'rgba(27,31,36,0.15)', + selectedBg: 'hsla(212,92%,43%,1)', + selectedShadow: 'inset 0 1px 0 rgba(0,33,85,0.2)', + disabledText: 'rgba(255,255,255,0.8)', + disabledBg: '#80ccff', + disabledBorder: 'rgba(27,31,36,0.15)', + icon: 'rgba(255,255,255,0.8)', + counterBg: 'rgba(0,33,85,0.2)', + }, + outline: { + text: '#0969da', + hoverText: '#ffffff', + hoverBg: '#0969da', + hoverBorder: 'rgba(27,31,36,0.15)', + hoverShadow: '0 1px 0 rgba(27,31,36,0.1)', + hoverInsetShadow: 'inset 0 1px 0 rgba(255,255,255,0.03)', + hoverCounterBg: 'rgba(255,255,255,0.2)', + selectedText: '#ffffff', + selectedBg: 'hsla(212,92%,42%,1)', + selectedBorder: 'rgba(27,31,36,0.15)', + selectedShadow: 'inset 0 1px 0 rgba(0,33,85,0.2)', + disabledText: 'rgba(9,105,218,0.5)', + disabledBg: '#f6f8fa', + disabledCounterBg: 'rgba(9,105,218,0.05)', + counterBg: '#0969da1a', + counterFg: '#0550ae', + hoverCounterFg: '#ffffff', + disabledCounterFg: 'rgba(9,105,218,0.5)', + }, + danger: { + text: '#b35900', + hoverText: '#ffffff', + hoverBg: '#8a4600', + hoverBorder: 'rgba(27,31,36,0.15)', + hoverShadow: '0 1px 0 rgba(27,31,36,0.1)', + hoverInsetShadow: 'inset 0 1px 0 rgba(255,255,255,0.03)', + hoverCounterBg: 'rgba(255,255,255,0.2)', + selectedText: '#ffffff', + selectedBg: 'hsla(30,100%,32%,1)', + selectedBorder: 'rgba(27,31,36,0.15)', + selectedShadow: 'inset 0 1px 0 rgba(65,32,0,0.2)', + disabledText: 'rgba(179,89,0,0.5)', + disabledBg: '#f6f8fa', + disabledCounterBg: 'rgba(179,89,0,0.05)', + counterBg: 'rgba(179,89,0,0.1)', + icon: '#b35900', + hoverIcon: '#ffffff', + counterFg: '#8a4600', + hoverCounterFg: '#ffffff', + disabledCounterFg: 'rgba(179,89,0,0.5)', + }, + }, + underlinenav: { + icon: '#6e7781', + borderHover: 'rgba(175,184,193,0.2)', + }, + actionListItem: { + inlineDivider: 'rgba(208,215,222,0.48)', + default: { + hoverBg: 'rgba(208,215,222,0.32)', + hoverBorder: 'rgba(0,0,0,0)', + activeBg: 'rgba(208,215,222,0.48)', + activeBorder: 'rgba(0,0,0,0)', + selectedBg: 'rgba(208,215,222,0.24)', + }, + danger: { + hoverBg: 'rgba(255,245,232,0.64)', + activeBg: '#fff5e8', + hoverText: '#b35900', + }, + }, + switchTrack: { + bg: '#eaeef2', + hoverBg: 'hsla(210,24%,90%,1)', + activeBg: 'hsla(210,24%,88%,1)', + disabledBg: '#8c959f', + fg: '#57606a', + disabledFg: '#ffffff', + border: 'rgba(0,0,0,0)', + checked: { + bg: '#0969da', + hoverBg: '#0860CA', + activeBg: '#0757BA', + fg: '#ffffff', + disabledFg: '#ffffff', + border: 'rgba(0,0,0,0)', + }, + }, + switchKnob: { + bg: '#ffffff', + disabledBg: '#f6f8fa', + border: '#858F99', + checked: { + bg: '#ffffff', + disabledBg: '#f6f8fa', + border: '#0969da', + }, + }, + segmentedControl: { + bg: '#eaeef2', + button: { + bg: '#ffffff', + hover: { + bg: 'rgba(175,184,193,0.2)', + }, + active: { + bg: 'rgba(175,184,193,0.4)', + }, + selected: { + border: '#8c959f', + }, + }, + }, + treeViewItem: { + chevron: { + hoverBg: 'rgba(208,215,222,0.32)', + }, + directory: { + fill: '#54aeff', + }, + }, + fg: { + default: '#24292f', + muted: '#57606a', + subtle: '#6e7781', + onEmphasis: '#ffffff', + }, + canvas: { + default: '#ffffff', + overlay: '#ffffff', + inset: '#f6f8fa', + subtle: '#f6f8fa', + }, + border: { + default: '#d0d7de', + muted: 'hsla(210,18%,87%,1)', + subtle: 'rgba(27,31,36,0.15)', + }, + shadow: { + small: '0 1px 0 rgba(27,31,36,0.04)', + medium: '0 3px 6px rgba(140,149,159,0.15)', + large: '0 8px 24px rgba(140,149,159,0.2)', + extraLarge: '0 12px 28px rgba(140,149,159,0.3)', + }, + neutral: { + emphasisPlus: '#24292f', + emphasis: '#6e7781', + muted: 'rgba(175,184,193,0.2)', + subtle: 'rgba(234,238,242,0.5)', + }, + accent: { + fg: '#0969da', + emphasis: '#0969da', + muted: 'rgba(84,174,255,0.4)', + subtle: '#ddf4ff', + }, + success: { + fg: '#0969da', + emphasis: '#0969da', + muted: 'rgba(84,174,255,0.4)', + subtle: '#ddf4ff', + }, + attention: { + fg: '#9a6700', + emphasis: '#9a6700', + muted: 'rgba(212,167,44,0.4)', + subtle: '#fff8c5', + }, + severe: { + fg: '#b35900', + emphasis: '#b35900', + muted: 'rgba(247,153,57,0.4)', + subtle: '#fff5e8', + }, + danger: { + fg: '#b35900', + emphasis: '#b35900', + muted: 'rgba(247,153,57,0.4)', + subtle: '#fff5e8', + }, + open: { + fg: '#b35900', + emphasis: '#dd7815', + muted: 'rgba(247,153,57,0.4)', + subtle: '#fff5e8', + }, + closed: { + fg: '#6e7781', + emphasis: '#6e7781', + muted: 'rgba(175,184,193,0.4)', + subtle: '#f6f8fa', + }, + done: { + fg: '#8250df', + emphasis: '#8250df', + muted: 'rgba(194,151,255,0.4)', + subtle: '#fbefff', + }, + sponsors: { + fg: '#bf3989', + emphasis: '#bf3989', + muted: 'rgba(255,128,200,0.4)', + subtle: '#ffeff7', + }, + primer: { + fg: { + disabled: '#8c959f', + }, + canvas: { + backdrop: 'rgba(27,31,36,0.5)', + sticky: 'rgba(255,255,255,0.95)', + }, + border: { + active: '#fd8c73', + contrast: 'rgba(27,31,36,0.1)', + }, + shadow: { + highlight: 'inset 0 1px 0 rgba(255,255,255,0.25)', + inset: 'inset 0 1px 0 rgba(208,215,222,0.2)', + }, + }, + scale: { + black: '#1b1f24', + white: '#ffffff', + gray: [ + '#f6f8fa', + '#eaeef2', + '#d0d7de', + '#afb8c1', + '#8c959f', + '#6e7781', + '#57606a', + '#424a53', + '#32383f', + '#24292f', + ], + blue: [ + '#ddf4ff', + '#b6e3ff', + '#80ccff', + '#54aeff', + '#218bff', + '#0969da', + '#0550ae', + '#033d8b', + '#0a3069', + '#002155', + ], + green: [ + '#ddf4ff', + '#b6e3ff', + '#80ccff', + '#54aeff', + '#218bff', + '#0969da', + '#0550ae', + '#033d8b', + '#0a3069', + '#002155', + ], + yellow: [ + '#fff8c5', + '#fae17d', + '#eac54f', + '#d4a72c', + '#bf8700', + '#9a6700', + '#7d4e00', + '#633c01', + '#4d2d00', + '#3b2300', + ], + orange: [ + '#fff5e8', + '#ffddb0', + '#ffbc6d', + '#f79939', + '#dd7815', + '#b35900', + '#8a4600', + '#6f3800', + '#572c00', + '#412000', + ], + red: ['#fff5e8', '#ffddb0', '#ffbc6d', '#f79939', '#dd7815', '#b35900', '#8a4600', '#6f3800', '#572c00', '#412000'], + purple: [ + '#fbefff', + '#ecd8ff', + '#d8b9ff', + '#c297ff', + '#a475f9', + '#8250df', + '#6639ba', + '#512a97', + '#3e1f79', + '#2e1461', + ], + pink: [ + '#ffeff7', + '#ffd3eb', + '#ffadda', + '#ff80c8', + '#e85aad', + '#bf3989', + '#99286e', + '#772057', + '#611347', + '#4d0336', + ], + coral: [ + '#fff0eb', + '#ffd6cc', + '#ffb4a1', + '#fd8c73', + '#ec6547', + '#c4432b', + '#9e2f1c', + '#801f0f', + '#691105', + '#510901', + ], + }, +} diff --git a/src/legacy-theme/js/colors/light_high_contrast.d.ts b/src/legacy-theme/js/colors/light_high_contrast.d.ts new file mode 100644 index 00000000000..7fc2c7b3f17 --- /dev/null +++ b/src/legacy-theme/js/colors/light_high_contrast.d.ts @@ -0,0 +1,512 @@ +declare const _default: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string + shadow: { + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: 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 + counterBg: string + icon: string + hoverIcon: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + disabledBg: string + border: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } +} +export default _default diff --git a/src/legacy-theme/js/colors/light_high_contrast.js b/src/legacy-theme/js/colors/light_high_contrast.js new file mode 100644 index 00000000000..4de54e382a2 --- /dev/null +++ b/src/legacy-theme/js/colors/light_high_contrast.js @@ -0,0 +1,602 @@ +'use strict' +Object.defineProperty(exports, '__esModule', {value: true}) +exports.default = { + canvasDefaultTransparent: 'rgba(255,255,255,0)', + pageHeaderBg: '#ffffff', + marketingIcon: { + primary: '#1168e3', + secondary: '#368cf9', + }, + diffBlob: { + addition: { + numText: '#0e1116', + fg: '#ffffff', + numBg: '#ccffd8', + lineBg: '#e6ffec', + wordBg: '#055d20', + }, + deletion: { + numText: '#0e1116', + fg: '#ffffff', + numBg: '#ffd7d5', + lineBg: '#fff0ee', + wordBg: '#a0111f', + }, + hunk: { + numBg: '#9cd7ff', + }, + expander: { + icon: '#0e1116', + }, + selectedLineHighlightMixBlendMode: 'multiply', + }, + diffstat: { + deletionBorder: 'rgba(1,4,9,0.8)', + additionBorder: 'rgba(1,4,9,0.8)', + additionBg: '#055d20', + }, + searchKeyword: { + hl: '#fcf7be', + }, + prettylights: { + syntax: { + comment: '#66707b', + constant: '#023b95', + entity: '#512598', + storageModifierImport: '#0e1116', + entityTag: '#024c1a', + keyword: '#a0111f', + string: '#032563', + variable: '#702c00', + brackethighlighterUnmatched: '#6e011a', + invalidIllegalText: '#ffffff', + invalidIllegalBg: '#6e011a', + carriageReturnText: '#ffffff', + carriageReturnBg: '#a0111f', + stringRegexp: '#024c1a', + markupList: '#2e1800', + markupHeading: '#023b95', + markupItalic: '#0e1116', + markupBold: '#0e1116', + markupDeletedText: '#6e011a', + markupDeletedBg: '#fff0ee', + markupInsertedText: '#024c1a', + markupInsertedBg: '#d2fedb', + markupChangedText: '#702c00', + markupChangedBg: '#ffc67b', + markupIgnoredText: '#e7ecf0', + markupIgnoredBg: '#023b95', + metaDiffRange: '#622cbc', + brackethighlighterAngle: '#4b535d', + sublimelinterGutterMark: '#88929d', + constantOtherReferenceLink: '#032563', + }, + }, + codemirror: { + text: '#0e1116', + bg: '#ffffff', + guttersBg: '#ffffff', + guttermarkerText: '#ffffff', + guttermarkerSubtleText: '#66707b', + linenumberText: '#0e1116', + cursor: '#0e1116', + selectionBg: '#368cf9', + activelineBg: '#e7ecf0', + matchingbracketText: '#0e1116', + linesBg: '#ffffff', + syntax: { + comment: '#0e1116', + constant: '#023b95', + entity: '#622cbc', + keyword: '#a0111f', + storage: '#a0111f', + string: '#032563', + support: '#023b95', + variable: '#702c00', + }, + }, + checks: { + bg: '#0e1116', + runBorderWidth: '0px', + containerBorderWidth: '0px', + textPrimary: '#ffffff', + textSecondary: '#88929d', + textLink: '#368cf9', + btnIcon: '#acb6c0', + btnHoverIcon: '#ffffff', + btnHoverBg: 'rgba(255,255,255,0.125)', + inputText: '#e7ecf0', + inputPlaceholderText: '#88929d', + inputFocusText: '#88929d', + inputBg: '#20252c', + inputShadow: 'none', + donutError: '#d5232c', + donutPending: '#956400', + donutSuccess: '#055d20', + donutNeutral: '#acb6c0', + dropdownText: '#acb6c0', + dropdownBg: '#20252c', + dropdownBorder: '#343b43', + dropdownShadow: 'rgba(1,4,9,0.3)', + dropdownHoverText: '#ffffff', + dropdownHoverBg: '#343b43', + dropdownBtnHoverText: '#ffffff', + dropdownBtnHoverBg: '#20252c', + scrollbarThumbBg: '#4b535d', + headerLabelText: '#ced5dc', + headerLabelOpenText: '#ffffff', + headerBorder: '#20252c', + headerIcon: '#88929d', + lineText: '#ced5dc', + lineNumText: 'rgba(136,146,157,0.75)', + lineTimestampText: '#88929d', + lineHoverBg: '#20252c', + lineSelectedBg: 'rgba(17,104,227,0.15)', + lineSelectedNumText: '#368cf9', + lineDtFmText: '#0e1116', + lineDtFmBg: '#744500', + gateBg: 'rgba(96,55,0,0.15)', + gateText: '#ced5dc', + gateWaitingText: '#b58407', + stepHeaderOpenBg: '#20252c', + stepErrorText: '#ee5a5d', + stepWarningText: '#b58407', + loglineText: '#88929d', + loglineNumText: 'rgba(136,146,157,0.75)', + loglineDebugText: '#a371f7', + loglineErrorText: '#ced5dc', + loglineErrorNumText: '#ee5a5d', + loglineErrorBg: 'rgba(134,6,29,0.15)', + loglineWarningText: '#ced5dc', + loglineWarningNumText: '#b58407', + loglineWarningBg: 'rgba(96,55,0,0.15)', + loglineCommandText: '#368cf9', + loglineSectionText: '#26a148', + ansi: { + black: '#0e1116', + blackBright: '#20252c', + white: '#ced5dc', + whiteBright: '#ced5dc', + gray: '#88929d', + red: '#ee5a5d', + redBright: '#ff8e8a', + green: '#26a148', + greenBright: '#43c663', + yellow: '#b58407', + yellowBright: '#d5a824', + blue: '#368cf9', + blueBright: '#67b3fd', + magenta: '#a371f7', + magentaBright: '#c49bff', + cyan: '#76e3ea', + cyanBright: '#b3f0ff', + }, + }, + project: { + headerBg: '#0e1116', + sidebarBg: '#ffffff', + gradientIn: '#ffffff', + gradientOut: 'rgba(255,255,255,0)', + }, + mktg: { + btn: { + bg: '#1b1f23', + shadow: { + outline: 'rgb(0 0 0 / 15%) 0 0 0 1px inset', + focus: 'rgb(0 0 0 / 15%) 0 0 0 4px', + hover: + '0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)', + hoverMuted: 'rgb(0 0 0 / 70%) 0 0 0 2px inset', + }, + }, + }, + control: { + borderColor: { + emphasis: '#20252c', + }, + }, + avatar: { + bg: '#ffffff', + border: 'rgba(1,4,9,0.8)', + stackFade: '#acb6c0', + stackFadeMore: '#ced5dc', + childShadow: '0 0 0 2px rgba(255,255,255,0.8)', + }, + topicTag: { + border: '#0349b4', + }, + counter: { + border: '#20252c', + }, + selectMenu: { + backdropBorder: 'rgba(0,0,0,0)', + tapHighlight: 'rgba(172,182,192,0.5)', + tapFocusBg: '#9cd7ff', + }, + overlay: { + shadow: '0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12)', + backdrop: 'rgba(136,146,157,0.2)', + }, + header: { + text: 'rgba(255,255,255,0.7)', + bg: '#0e1116', + divider: '#acb6c0', + logo: '#ffffff', + }, + headerSearch: { + bg: '#0e1116', + border: '#4b535d', + }, + sidenav: { + selectedBg: '#ffffff', + }, + menu: { + bgActive: 'rgba(0,0,0,0)', + }, + input: { + disabledBg: 'rgba(172,182,192,0.2)', + }, + timeline: { + badgeBg: '#e7ecf0', + }, + ansi: { + black: '#0e1116', + blackBright: '#4b535d', + white: '#66707b', + whiteBright: '#88929d', + gray: '#66707b', + red: '#a0111f', + redBright: '#86061d', + green: '#024c1a', + greenBright: '#055d20', + yellow: '#3f2200', + yellowBright: '#4e2c00', + blue: '#0349b4', + blueBright: '#1168e3', + magenta: '#622cbc', + magentaBright: '#844ae7', + cyan: '#1b7c83', + cyanBright: '#3192aa', + }, + btn: { + text: '#0e1116', + bg: '#e7ecf0', + border: 'rgba(1,4,9,0.8)', + shadow: '0 1px 0 rgba(1,4,9,0.04)', + insetShadow: 'inset 0 1px 0 rgba(255,255,255,0.25)', + hoverBg: '#ced5dc', + hoverBorder: 'rgba(1,4,9,0.8)', + activeBg: '#acb6c0', + activeBorder: 'rgba(1,4,9,0.8)', + selectedBg: '#acb6c0', + counterBg: 'rgba(1,4,9,0.08)', + primary: { + text: '#ffffff', + bg: '#055d20', + border: '#013d14', + shadow: '0 1px 0 rgba(1,4,9,0.1)', + insetShadow: 'inset 0 1px 0 rgba(255,255,255,0.03)', + hoverBg: '#024c1a', + hoverBorder: '#013d14', + selectedBg: 'hsla(139,95%,13%,1)', + selectedShadow: 'inset 0 1px 0 rgba(0,35,11,0.2)', + disabledText: 'rgba(255,255,255,0.8)', + disabledBg: '#94d3a2', + disabledBorder: 'rgba(1,4,9,0.8)', + icon: 'rgba(255,255,255,0.8)', + counterBg: 'rgba(0,35,11,0.2)', + }, + outline: { + text: '#023b95', + hoverText: '#ffffff', + hoverBg: '#0349b4', + hoverBorder: '#022f7a', + hoverShadow: '0 1px 0 rgba(1,4,9,0.1)', + hoverInsetShadow: 'inset 0 1px 0 rgba(255,255,255,0.03)', + hoverCounterBg: 'rgba(255,255,255,0.2)', + selectedText: '#ffffff', + selectedBg: '#022f7a', + selectedBorder: '#022f7a', + selectedShadow: 'inset 0 1px 0 rgba(2,26,74,0.2)', + disabledText: 'rgba(3,73,180,0.5)', + disabledBg: '#e7ecf0', + disabledCounterBg: 'rgba(3,73,180,0.05)', + counterBg: '#0969da1a', + counterFg: '#023b95', + hoverCounterFg: '#ffffff', + disabledCounterFg: 'rgba(3,73,180,0.5)', + }, + danger: { + text: '#86061d', + hoverText: '#ffffff', + hoverBg: '#a0111f', + hoverBorder: '#6e011a', + hoverShadow: '0 1px 0 rgba(1,4,9,0.1)', + hoverInsetShadow: 'inset 0 1px 0 rgba(255,255,255,0.03)', + hoverCounterBg: 'rgba(255,255,255,0.2)', + selectedText: '#ffffff', + selectedBg: '#6e011a', + selectedBorder: '#6e011a', + selectedShadow: 'inset 0 1px 0 rgba(67,0,17,0.2)', + disabledText: 'rgba(160,17,31,0.5)', + disabledBg: '#e7ecf0', + disabledCounterBg: 'rgba(160,17,31,0.05)', + counterBg: 'rgba(160,17,31,0.1)', + icon: '#86061d', + hoverIcon: '#ffffff', + counterFg: '#86061d', + hoverCounterFg: '#ffffff', + disabledCounterFg: 'rgba(160,17,31,0.5)', + }, + }, + underlinenav: { + icon: '#66707b', + borderHover: 'rgba(172,182,192,0.2)', + }, + actionListItem: { + inlineDivider: '#88929d', + default: { + hoverBg: '#e7ecf0', + hoverBorder: '#88929d', + activeBg: '#ced5dc', + activeBorder: '#20252c', + selectedBg: '#ced5dc', + }, + danger: { + hoverBg: '#a0111f', + activeBg: '#6e011a', + hoverText: '#ffffff', + }, + }, + switchTrack: { + bg: '#66707b', + hoverBg: 'hsla(211,9%,47%,1)', + activeBg: 'hsla(211,9%,49%,1)', + disabledBg: '#88929d', + fg: '#ffffff', + disabledFg: '#ffffff', + border: 'rgba(0,0,0,0)', + checked: { + bg: '#0349b4', + hoverBg: '#0860CA', + activeBg: '#0757BA', + fg: '#ffffff', + disabledFg: '#ffffff', + border: 'rgba(0,0,0,0)', + }, + }, + switchKnob: { + bg: '#ffffff', + disabledBg: '#e7ecf0', + border: '#20252c', + checked: { + bg: '#ffffff', + disabledBg: '#e7ecf0', + border: '#0349b4', + }, + }, + segmentedControl: { + bg: '#e7ecf0', + button: { + bg: '#ffffff', + hover: { + bg: 'rgba(172,182,192,0.2)', + }, + active: { + bg: 'rgba(172,182,192,0.4)', + }, + selected: { + border: '#88929d', + }, + }, + }, + treeViewItem: { + chevron: { + hoverBg: '#ced5dc', + }, + directory: { + fill: '#368cf9', + }, + }, + fg: { + default: '#0e1116', + muted: '#0e1116', + subtle: '#66707b', + onEmphasis: '#ffffff', + }, + canvas: { + default: '#ffffff', + overlay: '#ffffff', + inset: '#ffffff', + subtle: '#e7ecf0', + }, + border: { + default: '#20252c', + muted: '#88929d', + subtle: 'rgba(1,4,9,0.8)', + }, + shadow: { + small: '0 1px 0 rgba(1,4,9,0.04)', + medium: '0 3px 6px rgba(136,146,157,0.15)', + large: '0 8px 24px rgba(136,146,157,0.2)', + extraLarge: '0 12px 28px rgba(136,146,157,0.3)', + }, + neutral: { + emphasisPlus: '#0e1116', + emphasis: '#66707b', + muted: 'rgba(172,182,192,0.2)', + subtle: '#e7ecf0', + }, + accent: { + fg: '#0349b4', + emphasis: '#0349b4', + muted: '#368cf9', + subtle: '#dff7ff', + }, + success: { + fg: '#055d20', + emphasis: '#055d20', + muted: '#26a148', + subtle: '#d2fedb', + }, + attention: { + fg: '#744500', + emphasis: '#744500', + muted: '#b58407', + subtle: '#fcf7be', + }, + severe: { + fg: '#873800', + emphasis: '#873800', + muted: '#dc6d1a', + subtle: '#fff2d5', + }, + danger: { + fg: '#d1242f', + emphasis: '#a0111f', + muted: '#ee5a5d', + subtle: '#fff0ee', + }, + open: { + fg: '#055d20', + emphasis: '#055d20', + muted: 'rgba(38,161,72,0.4)', + subtle: '#d2fedb', + }, + closed: { + fg: '#d1242f', + emphasis: '#a0111f', + muted: 'rgba(238,90,93,0.4)', + subtle: '#fff0ee', + }, + done: { + fg: '#622cbc', + emphasis: '#622cbc', + muted: '#a371f7', + subtle: '#faf0fe', + }, + sponsors: { + fg: '#971368', + emphasis: '#971368', + muted: '#ed4baf', + subtle: '#feeff7', + }, + primer: { + fg: { + disabled: '#88929d', + }, + canvas: { + backdrop: 'rgba(1,4,9,0.5)', + sticky: 'rgba(255,255,255,0.95)', + }, + border: { + active: '#ef5b48', + contrast: 'rgba(1,4,9,0.1)', + }, + shadow: { + highlight: 'inset 0 1px 0 rgba(255,255,255,0.25)', + inset: 'inset 0 1px 0 rgba(206,213,220,0.2)', + }, + }, + scale: { + black: '#010409', + white: '#ffffff', + gray: [ + '#ffffff', + '#e7ecf0', + '#ced5dc', + '#acb6c0', + '#88929d', + '#66707b', + '#4b535d', + '#343b43', + '#20252c', + '#0e1116', + ], + blue: [ + '#dff7ff', + '#9cd7ff', + '#67b3fd', + '#368cf9', + '#1168e3', + '#0349b4', + '#023b95', + '#022f7a', + '#032563', + '#021a4a', + ], + green: [ + '#d2fedb', + '#82e596', + '#43c663', + '#26a148', + '#117f32', + '#055d20', + '#024c1a', + '#013d14', + '#003110', + '#00230b', + ], + yellow: [ + '#fcf7be', + '#f0ce53', + '#d5a824', + '#b58407', + '#956400', + '#744500', + '#603700', + '#4e2c00', + '#3f2200', + '#2e1800', + ], + orange: [ + '#fff2d5', + '#ffc67b', + '#f99636', + '#dc6d1a', + '#b45105', + '#873800', + '#702c00', + '#5b2300', + '#491b00', + '#361200', + ], + red: ['#fff0ee', '#ffc1bc', '#ff8e8a', '#ee5a5d', '#d5232c', '#a0111f', '#86061d', '#6e011a', '#5a0016', '#430011'], + purple: [ + '#faf0fe', + '#e0c5ff', + '#c49bff', + '#a371f7', + '#844ae7', + '#622cbc', + '#512598', + '#411d7b', + '#341763', + '#260f49', + ], + pink: [ + '#feeff7', + '#ffbde0', + '#fc87ca', + '#ed4baf', + '#c9248e', + '#971368', + '#7d0c57', + '#660847', + '#53043a', + '#3e022b', + ], + coral: [ + '#fff0ed', + '#ffc2b6', + '#ff8f7e', + '#ef5b48', + '#cd3425', + '#9f1710', + '#870706', + '#6f0107', + '#5b0002', + '#430200', + ], + }, +} diff --git a/src/legacy-theme/js/colors/light_tritanopia.d.ts b/src/legacy-theme/js/colors/light_tritanopia.d.ts new file mode 100644 index 00000000000..7fc2c7b3f17 --- /dev/null +++ b/src/legacy-theme/js/colors/light_tritanopia.d.ts @@ -0,0 +1,512 @@ +declare const _default: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string + shadow: { + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: 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 + counterBg: string + icon: string + hoverIcon: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + disabledBg: string + border: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } +} +export default _default diff --git a/src/legacy-theme/js/colors/light_tritanopia.js b/src/legacy-theme/js/colors/light_tritanopia.js new file mode 100644 index 00000000000..6ffd0c06aed --- /dev/null +++ b/src/legacy-theme/js/colors/light_tritanopia.js @@ -0,0 +1,602 @@ +'use strict' +Object.defineProperty(exports, '__esModule', {value: true}) +exports.default = { + canvasDefaultTransparent: 'rgba(255,255,255,0)', + pageHeaderBg: '#f6f8fa', + marketingIcon: { + primary: '#218bff', + secondary: '#54aeff', + }, + diffBlob: { + addition: { + numText: '#24292f', + fg: '#24292f', + numBg: 'rgba(84,174,255,0.4)', + lineBg: 'rgba(221,244,255,0.5)', + wordBg: 'rgba(84,174,255,0.4)', + }, + deletion: { + numText: '#24292f', + fg: '#24292f', + numBg: 'rgba(255,129,130,0.4)', + lineBg: 'rgba(255,235,233,0.5)', + wordBg: 'rgba(255,171,168,0.5)', + }, + hunk: { + numBg: 'rgba(84,174,255,0.4)', + }, + expander: { + icon: '#57606a', + }, + selectedLineHighlightMixBlendMode: 'multiply', + }, + diffstat: { + deletionBorder: 'rgba(27,31,36,0.15)', + additionBorder: 'rgba(27,31,36,0.15)', + additionBg: '#0969da', + }, + searchKeyword: { + hl: '#fff8c5', + }, + prettylights: { + syntax: { + comment: '#6e7781', + constant: '#0550ae', + entity: '#6639ba', + storageModifierImport: '#24292f', + entityTag: '#0550ae', + keyword: '#cf222e', + string: '#0a3069', + variable: '#a40e26', + brackethighlighterUnmatched: '#82071e', + invalidIllegalText: '#f6f8fa', + invalidIllegalBg: '#82071e', + carriageReturnText: '#f6f8fa', + carriageReturnBg: '#cf222e', + stringRegexp: '#0550ae', + markupList: '#3b2300', + markupHeading: '#0550ae', + markupItalic: '#24292f', + markupBold: '#24292f', + markupDeletedText: '#82071e', + markupDeletedBg: '#ffebe9', + markupInsertedText: '#0550ae', + markupInsertedBg: '#ddf4ff', + markupChangedText: '#a40e26', + markupChangedBg: '#ffcecb', + markupIgnoredText: '#eaeef2', + markupIgnoredBg: '#0550ae', + metaDiffRange: '#8250df', + brackethighlighterAngle: '#57606a', + sublimelinterGutterMark: '#8c959f', + constantOtherReferenceLink: '#0a3069', + }, + }, + codemirror: { + text: '#24292f', + bg: '#ffffff', + guttersBg: '#ffffff', + guttermarkerText: '#ffffff', + guttermarkerSubtleText: '#6e7781', + linenumberText: '#57606a', + cursor: '#24292f', + selectionBg: 'rgba(84,174,255,0.4)', + activelineBg: 'rgba(234,238,242,0.5)', + matchingbracketText: '#24292f', + linesBg: '#ffffff', + syntax: { + comment: '#24292f', + constant: '#0550ae', + entity: '#8250df', + keyword: '#cf222e', + storage: '#cf222e', + string: '#0a3069', + support: '#0550ae', + variable: '#a40e26', + }, + }, + checks: { + bg: '#24292f', + runBorderWidth: '0px', + containerBorderWidth: '0px', + textPrimary: '#f6f8fa', + textSecondary: '#8c959f', + textLink: '#54aeff', + btnIcon: '#afb8c1', + btnHoverIcon: '#f6f8fa', + btnHoverBg: 'rgba(255,255,255,0.125)', + inputText: '#eaeef2', + inputPlaceholderText: '#8c959f', + inputFocusText: '#8c959f', + inputBg: '#32383f', + inputShadow: 'none', + donutError: '#fa4549', + donutPending: '#bf8700', + donutSuccess: '#0969da', + donutNeutral: '#afb8c1', + dropdownText: '#afb8c1', + dropdownBg: '#32383f', + dropdownBorder: '#424a53', + dropdownShadow: 'rgba(27,31,36,0.3)', + dropdownHoverText: '#f6f8fa', + dropdownHoverBg: '#424a53', + dropdownBtnHoverText: '#f6f8fa', + dropdownBtnHoverBg: '#32383f', + scrollbarThumbBg: '#57606a', + headerLabelText: '#d0d7de', + headerLabelOpenText: '#f6f8fa', + headerBorder: '#32383f', + headerIcon: '#8c959f', + lineText: '#d0d7de', + lineNumText: 'rgba(140,149,159,0.75)', + lineTimestampText: '#8c959f', + lineHoverBg: '#32383f', + lineSelectedBg: 'rgba(33,139,255,0.15)', + lineSelectedNumText: '#54aeff', + lineDtFmText: '#24292f', + lineDtFmBg: '#9a6700', + gateBg: 'rgba(125,78,0,0.15)', + gateText: '#d0d7de', + gateWaitingText: '#d4a72c', + stepHeaderOpenBg: '#32383f', + stepErrorText: '#ff8182', + stepWarningText: '#d4a72c', + loglineText: '#8c959f', + loglineNumText: 'rgba(140,149,159,0.75)', + loglineDebugText: '#c297ff', + loglineErrorText: '#d0d7de', + loglineErrorNumText: '#ff8182', + loglineErrorBg: 'rgba(164,14,38,0.15)', + loglineWarningText: '#d0d7de', + loglineWarningNumText: '#d4a72c', + loglineWarningBg: 'rgba(125,78,0,0.15)', + loglineCommandText: '#54aeff', + loglineSectionText: '#54aeff', + ansi: { + black: '#24292f', + blackBright: '#32383f', + white: '#d0d7de', + whiteBright: '#d0d7de', + gray: '#8c959f', + red: '#ff8182', + redBright: '#ffaba8', + green: '#54aeff', + greenBright: '#80ccff', + yellow: '#d4a72c', + yellowBright: '#eac54f', + blue: '#54aeff', + blueBright: '#80ccff', + magenta: '#c297ff', + magentaBright: '#d8b9ff', + cyan: '#76e3ea', + cyanBright: '#b3f0ff', + }, + }, + project: { + headerBg: '#24292f', + sidebarBg: '#ffffff', + gradientIn: '#ffffff', + gradientOut: 'rgba(255,255,255,0)', + }, + mktg: { + btn: { + bg: '#1b1f23', + shadow: { + outline: 'rgb(0 0 0 / 15%) 0 0 0 1px inset', + focus: 'rgb(0 0 0 / 15%) 0 0 0 4px', + hover: + '0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)', + hoverMuted: 'rgb(0 0 0 / 70%) 0 0 0 2px inset', + }, + }, + }, + control: { + borderColor: { + emphasis: '#858F99', + }, + }, + avatar: { + bg: '#ffffff', + border: 'rgba(27,31,36,0.15)', + stackFade: '#afb8c1', + stackFadeMore: '#d0d7de', + childShadow: '0 0 0 2px rgba(255,255,255,0.8)', + }, + topicTag: { + border: 'rgba(0,0,0,0)', + }, + counter: { + border: 'rgba(0,0,0,0)', + }, + selectMenu: { + backdropBorder: 'rgba(0,0,0,0)', + tapHighlight: 'rgba(175,184,193,0.5)', + tapFocusBg: '#b6e3ff', + }, + overlay: { + shadow: '0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12)', + backdrop: 'rgba(140,149,159,0.2)', + }, + header: { + text: 'rgba(255,255,255,0.7)', + bg: '#24292f', + divider: '#57606a', + logo: '#ffffff', + }, + headerSearch: { + bg: '#24292f', + border: '#57606a', + }, + sidenav: { + selectedBg: '#ffffff', + }, + menu: { + bgActive: 'rgba(0,0,0,0)', + }, + input: { + disabledBg: 'rgba(175,184,193,0.2)', + }, + timeline: { + badgeBg: '#eaeef2', + }, + ansi: { + black: '#24292f', + blackBright: '#57606a', + white: '#6e7781', + whiteBright: '#8c959f', + gray: '#6e7781', + red: '#cf222e', + redBright: '#a40e26', + green: '#0550ae', + greenBright: '#0969da', + yellow: '#4d2d00', + yellowBright: '#633c01', + blue: '#0969da', + blueBright: '#218bff', + magenta: '#8250df', + magentaBright: '#a475f9', + cyan: '#1b7c83', + cyanBright: '#3192aa', + }, + btn: { + text: '#24292f', + bg: '#f6f8fa', + border: 'rgba(27,31,36,0.15)', + shadow: '0 1px 0 rgba(27,31,36,0.04)', + insetShadow: 'inset 0 1px 0 rgba(255,255,255,0.25)', + hoverBg: '#f3f4f6', + hoverBorder: 'rgba(27,31,36,0.15)', + activeBg: 'hsla(220,14%,93%,1)', + activeBorder: 'rgba(27,31,36,0.15)', + selectedBg: 'hsla(220,14%,94%,1)', + counterBg: 'rgba(27,31,36,0.08)', + primary: { + text: '#ffffff', + bg: '#0969da', + border: 'rgba(27,31,36,0.15)', + shadow: '0 1px 0 rgba(27,31,36,0.1)', + insetShadow: 'inset 0 1px 0 rgba(255,255,255,0.03)', + hoverBg: '#0969da', + hoverBorder: 'rgba(27,31,36,0.15)', + selectedBg: 'hsla(212,92%,43%,1)', + selectedShadow: 'inset 0 1px 0 rgba(0,33,85,0.2)', + disabledText: 'rgba(255,255,255,0.8)', + disabledBg: '#80ccff', + disabledBorder: 'rgba(27,31,36,0.15)', + icon: 'rgba(255,255,255,0.8)', + counterBg: 'rgba(0,33,85,0.2)', + }, + outline: { + text: '#0969da', + hoverText: '#ffffff', + hoverBg: '#0969da', + hoverBorder: 'rgba(27,31,36,0.15)', + hoverShadow: '0 1px 0 rgba(27,31,36,0.1)', + hoverInsetShadow: 'inset 0 1px 0 rgba(255,255,255,0.03)', + hoverCounterBg: 'rgba(255,255,255,0.2)', + selectedText: '#ffffff', + selectedBg: 'hsla(212,92%,42%,1)', + selectedBorder: 'rgba(27,31,36,0.15)', + selectedShadow: 'inset 0 1px 0 rgba(0,33,85,0.2)', + disabledText: 'rgba(9,105,218,0.5)', + disabledBg: '#f6f8fa', + disabledCounterBg: 'rgba(9,105,218,0.05)', + counterBg: '#0969da1a', + counterFg: '#0550ae', + hoverCounterFg: '#ffffff', + disabledCounterFg: 'rgba(9,105,218,0.5)', + }, + danger: { + text: '#cf222e', + hoverText: '#ffffff', + hoverBg: '#a40e26', + hoverBorder: 'rgba(27,31,36,0.15)', + hoverShadow: '0 1px 0 rgba(27,31,36,0.1)', + hoverInsetShadow: 'inset 0 1px 0 rgba(255,255,255,0.03)', + hoverCounterBg: 'rgba(255,255,255,0.2)', + selectedText: '#ffffff', + selectedBg: 'hsla(356,72%,44%,1)', + selectedBorder: 'rgba(27,31,36,0.15)', + selectedShadow: 'inset 0 1px 0 rgba(76,0,20,0.2)', + disabledText: 'rgba(207,34,46,0.5)', + disabledBg: '#f6f8fa', + disabledCounterBg: 'rgba(207,34,46,0.05)', + counterBg: 'rgba(207,34,46,0.1)', + icon: '#cf222e', + hoverIcon: '#ffffff', + counterFg: '#a40e26', + hoverCounterFg: '#ffffff', + disabledCounterFg: 'rgba(207,34,46,0.5)', + }, + }, + underlinenav: { + icon: '#6e7781', + borderHover: 'rgba(175,184,193,0.2)', + }, + actionListItem: { + inlineDivider: 'rgba(208,215,222,0.48)', + default: { + hoverBg: 'rgba(208,215,222,0.32)', + hoverBorder: 'rgba(0,0,0,0)', + activeBg: 'rgba(208,215,222,0.48)', + activeBorder: 'rgba(0,0,0,0)', + selectedBg: 'rgba(208,215,222,0.24)', + }, + danger: { + hoverBg: 'rgba(255,235,233,0.64)', + activeBg: '#ffebe9', + hoverText: '#cf222e', + }, + }, + switchTrack: { + bg: '#eaeef2', + hoverBg: 'hsla(210,24%,90%,1)', + activeBg: 'hsla(210,24%,88%,1)', + disabledBg: '#8c959f', + fg: '#57606a', + disabledFg: '#ffffff', + border: 'rgba(0,0,0,0)', + checked: { + bg: '#0969da', + hoverBg: '#0860CA', + activeBg: '#0757BA', + fg: '#ffffff', + disabledFg: '#ffffff', + border: 'rgba(0,0,0,0)', + }, + }, + switchKnob: { + bg: '#ffffff', + disabledBg: '#f6f8fa', + border: '#858F99', + checked: { + bg: '#ffffff', + disabledBg: '#f6f8fa', + border: '#0969da', + }, + }, + segmentedControl: { + bg: '#eaeef2', + button: { + bg: '#ffffff', + hover: { + bg: 'rgba(175,184,193,0.2)', + }, + active: { + bg: 'rgba(175,184,193,0.4)', + }, + selected: { + border: '#8c959f', + }, + }, + }, + treeViewItem: { + chevron: { + hoverBg: 'rgba(208,215,222,0.32)', + }, + directory: { + fill: '#54aeff', + }, + }, + fg: { + default: '#24292f', + muted: '#57606a', + subtle: '#6e7781', + onEmphasis: '#ffffff', + }, + canvas: { + default: '#ffffff', + overlay: '#ffffff', + inset: '#f6f8fa', + subtle: '#f6f8fa', + }, + border: { + default: '#d0d7de', + muted: 'hsla(210,18%,87%,1)', + subtle: 'rgba(27,31,36,0.15)', + }, + shadow: { + small: '0 1px 0 rgba(27,31,36,0.04)', + medium: '0 3px 6px rgba(140,149,159,0.15)', + large: '0 8px 24px rgba(140,149,159,0.2)', + extraLarge: '0 12px 28px rgba(140,149,159,0.3)', + }, + neutral: { + emphasisPlus: '#24292f', + emphasis: '#6e7781', + muted: 'rgba(175,184,193,0.2)', + subtle: 'rgba(234,238,242,0.5)', + }, + accent: { + fg: '#0969da', + emphasis: '#0969da', + muted: 'rgba(84,174,255,0.4)', + subtle: '#ddf4ff', + }, + success: { + fg: '#0969da', + emphasis: '#0969da', + muted: 'rgba(84,174,255,0.4)', + subtle: '#ddf4ff', + }, + attention: { + fg: '#9a6700', + emphasis: '#9a6700', + muted: 'rgba(212,167,44,0.4)', + subtle: '#fff8c5', + }, + severe: { + fg: '#cf222e', + emphasis: '#cf222e', + muted: 'rgba(255,129,130,0.4)', + subtle: '#ffebe9', + }, + danger: { + fg: '#cf222e', + emphasis: '#cf222e', + muted: 'rgba(255,129,130,0.4)', + subtle: '#ffebe9', + }, + open: { + fg: '#cf222e', + emphasis: '#fa4549', + muted: 'rgba(255,129,130,0.4)', + subtle: '#ffebe9', + }, + closed: { + fg: '#6e7781', + emphasis: '#6e7781', + muted: 'rgba(175,184,193,0.4)', + subtle: '#f6f8fa', + }, + done: { + fg: '#8250df', + emphasis: '#8250df', + muted: 'rgba(194,151,255,0.4)', + subtle: '#fbefff', + }, + sponsors: { + fg: '#bf3989', + emphasis: '#bf3989', + muted: 'rgba(255,128,200,0.4)', + subtle: '#ffeff7', + }, + primer: { + fg: { + disabled: '#8c959f', + }, + canvas: { + backdrop: 'rgba(27,31,36,0.5)', + sticky: 'rgba(255,255,255,0.95)', + }, + border: { + active: '#fd8c73', + contrast: 'rgba(27,31,36,0.1)', + }, + shadow: { + highlight: 'inset 0 1px 0 rgba(255,255,255,0.25)', + inset: 'inset 0 1px 0 rgba(208,215,222,0.2)', + }, + }, + scale: { + black: '#1b1f24', + white: '#ffffff', + gray: [ + '#f6f8fa', + '#eaeef2', + '#d0d7de', + '#afb8c1', + '#8c959f', + '#6e7781', + '#57606a', + '#424a53', + '#32383f', + '#24292f', + ], + blue: [ + '#ddf4ff', + '#b6e3ff', + '#80ccff', + '#54aeff', + '#218bff', + '#0969da', + '#0550ae', + '#033d8b', + '#0a3069', + '#002155', + ], + green: [ + '#ddf4ff', + '#b6e3ff', + '#80ccff', + '#54aeff', + '#218bff', + '#0969da', + '#0550ae', + '#033d8b', + '#0a3069', + '#002155', + ], + yellow: [ + '#fff8c5', + '#fae17d', + '#eac54f', + '#d4a72c', + '#bf8700', + '#9a6700', + '#7d4e00', + '#633c01', + '#4d2d00', + '#3b2300', + ], + orange: [ + '#ffebe9', + '#ffcecb', + '#ffaba8', + '#ff8182', + '#fa4549', + '#cf222e', + '#a40e26', + '#82071e', + '#660018', + '#4c0014', + ], + red: ['#ffebe9', '#ffcecb', '#ffaba8', '#ff8182', '#fa4549', '#cf222e', '#a40e26', '#82071e', '#660018', '#4c0014'], + purple: [ + '#fbefff', + '#ecd8ff', + '#d8b9ff', + '#c297ff', + '#a475f9', + '#8250df', + '#6639ba', + '#512a97', + '#3e1f79', + '#2e1461', + ], + pink: [ + '#ffeff7', + '#ffd3eb', + '#ffadda', + '#ff80c8', + '#e85aad', + '#bf3989', + '#99286e', + '#772057', + '#611347', + '#4d0336', + ], + coral: [ + '#fff0eb', + '#ffd6cc', + '#ffb4a1', + '#fd8c73', + '#ec6547', + '#c4432b', + '#9e2f1c', + '#801f0f', + '#691105', + '#510901', + ], + }, +} diff --git a/src/legacy-theme/js/index.d.ts b/src/legacy-theme/js/index.d.ts new file mode 100644 index 00000000000..65b6843758c --- /dev/null +++ b/src/legacy-theme/js/index.d.ts @@ -0,0 +1,4613 @@ +declare const _default: { + colors: { + light: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string + shadow: { + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: 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 + counterBg: string + icon: string + hoverIcon: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + disabledBg: string + border: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } + } + light_high_contrast: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string + shadow: { + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: 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 + counterBg: string + icon: string + hoverIcon: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + disabledBg: string + border: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } + } + light_colorblind: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string + shadow: { + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: 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 + counterBg: string + icon: string + hoverIcon: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + disabledBg: string + border: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } + } + light_tritanopia: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string + shadow: { + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: 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 + counterBg: string + icon: string + hoverIcon: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + disabledBg: string + border: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } + } + dark: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string + shadow: { + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + hoverCounterFg: string + disabledCounterFg: string + counterFg: string + } + danger: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverIcon: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + icon: string + counterFg: string + disabledCounterFg: string + hoverCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + border: string + disabledBg: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } + } + dark_dimmed: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string + shadow: { + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + hoverCounterFg: string + disabledCounterFg: string + counterFg: string + } + danger: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverIcon: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + icon: string + counterFg: string + disabledCounterFg: string + hoverCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + border: string + disabledBg: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } + } + dark_high_contrast: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string + shadow: { + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + hoverCounterFg: string + disabledCounterFg: string + counterFg: string + } + danger: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverIcon: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + icon: string + counterFg: string + disabledCounterFg: string + hoverCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + border: string + disabledBg: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } + } + dark_colorblind: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string + shadow: { + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + hoverCounterFg: string + disabledCounterFg: string + counterFg: string + } + danger: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverIcon: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + icon: string + counterFg: string + disabledCounterFg: string + hoverCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + border: string + disabledBg: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } + } + dark_tritanopia: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string + shadow: { + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + hoverCounterFg: string + disabledCounterFg: string + counterFg: string + } + danger: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverIcon: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + icon: string + counterFg: string + disabledCounterFg: string + hoverCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + border: string + disabledBg: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } + } + } + typography: { + normal: { + lineHeight: { + condensedUltra: number + condensed: number + default: number + } + } + } +} +export default _default diff --git a/src/legacy-theme/js/index.js b/src/legacy-theme/js/index.js new file mode 100644 index 00000000000..04bbae1110a --- /dev/null +++ b/src/legacy-theme/js/index.js @@ -0,0 +1,13 @@ +/* eslint-disable camelcase */ +/* eslint-disable no-invalid-this */ +/* eslint-disable no-var */ +'use strict' +var __importDefault = + (this && this.__importDefault) || + function (mod) { + return mod && mod.__esModule ? mod : {default: mod} + } +Object.defineProperty(exports, '__esModule', {value: true}) +const colors_1 = __importDefault(require('./colors')) +const typography_1 = __importDefault(require('./typography')) +exports.default = {colors: colors_1.default, typography: typography_1.default} diff --git a/src/legacy-theme/js/typography/index.d.ts b/src/legacy-theme/js/typography/index.d.ts new file mode 100644 index 00000000000..90ed9912860 --- /dev/null +++ b/src/legacy-theme/js/typography/index.d.ts @@ -0,0 +1,10 @@ +declare const _default: { + normal: { + lineHeight: { + condensedUltra: number + condensed: number + default: number + } + } +} +export default _default diff --git a/src/legacy-theme/js/typography/index.js b/src/legacy-theme/js/typography/index.js new file mode 100644 index 00000000000..13608a6b57a --- /dev/null +++ b/src/legacy-theme/js/typography/index.js @@ -0,0 +1,7 @@ +"use strict"; +var __importDefault = (this && this.__importDefault) || function (mod) { + return (mod && mod.__esModule) ? mod : { "default": mod }; +}; +Object.defineProperty(exports, "__esModule", { value: true }); +const normal_1 = __importDefault(require("./normal")); +exports.default = { normal: normal_1.default }; diff --git a/src/legacy-theme/js/typography/normal.d.ts b/src/legacy-theme/js/typography/normal.d.ts new file mode 100644 index 00000000000..ebf74209d41 --- /dev/null +++ b/src/legacy-theme/js/typography/normal.d.ts @@ -0,0 +1,8 @@ +declare const _default: { + lineHeight: { + condensedUltra: number + condensed: number + default: number + } +} +export default _default diff --git a/src/legacy-theme/js/typography/normal.js b/src/legacy-theme/js/typography/normal.js new file mode 100644 index 00000000000..7731ad426be --- /dev/null +++ b/src/legacy-theme/js/typography/normal.js @@ -0,0 +1,9 @@ +'use strict' +Object.defineProperty(exports, '__esModule', {value: true}) +exports.default = { + lineHeight: { + condensedUltra: 1, + condensed: 1.25, + default: 1.5, + }, +} diff --git a/src/theme.ts b/src/theme.ts index 884185e37b1..41c1d4f7931 100644 --- a/src/theme.ts +++ b/src/theme.ts @@ -1,5 +1,5 @@ import {KeyPaths} from './utils/types/KeyPaths' -import primitives from '@primer/primitives' +import primitives from './legacy-theme/js/index.js' import {partitionColors, fontStack, omitScale} from './utils/theme' const {lineHeight: lineHeights} = primitives.typography.normal From c16142c9c6cebc5c99fc25462d46354532acde6c Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Thu, 5 Oct 2023 09:42:26 -0700 Subject: [PATCH 02/19] use es modules --- src/legacy-theme/js/colors/dark.js | 6 +- src/legacy-theme/js/colors/dark_colorblind.js | 6 +- src/legacy-theme/js/colors/dark_dimmed.js | 6 +- .../js/colors/dark_high_contrast.js | 6 +- src/legacy-theme/js/colors/dark_tritanopia.js | 6 +- src/legacy-theme/js/colors/index.js | 79 ++++++++++++------- src/legacy-theme/js/colors/light.js | 6 +- .../js/colors/light_colorblind.js | 6 +- .../js/colors/light_high_contrast.js | 6 +- .../js/colors/light_tritanopia.js | 6 +- src/legacy-theme/js/index.d.ts | 10 +-- src/legacy-theme/js/index.js | 25 +++--- src/legacy-theme/js/typography/index.d.ts | 10 +-- src/legacy-theme/js/typography/index.js | 33 ++++++-- src/legacy-theme/js/typography/normal.d.ts | 8 -- src/legacy-theme/js/typography/normal.js | 9 --- src/theme.ts | 7 +- 17 files changed, 134 insertions(+), 101 deletions(-) delete mode 100644 src/legacy-theme/js/typography/normal.d.ts delete mode 100644 src/legacy-theme/js/typography/normal.js diff --git a/src/legacy-theme/js/colors/dark.js b/src/legacy-theme/js/colors/dark.js index ddaa572a712..2b658912259 100644 --- a/src/legacy-theme/js/colors/dark.js +++ b/src/legacy-theme/js/colors/dark.js @@ -1,6 +1,4 @@ -'use strict' -Object.defineProperty(exports, '__esModule', {value: true}) -exports.default = { +const colors = { canvasDefaultTransparent: 'rgba(13,17,23,0)', pageHeaderBg: '#0d1117', marketingIcon: { @@ -600,3 +598,5 @@ exports.default = { ], }, } + +export default colors diff --git a/src/legacy-theme/js/colors/dark_colorblind.js b/src/legacy-theme/js/colors/dark_colorblind.js index fdba0634742..274d663a6d0 100644 --- a/src/legacy-theme/js/colors/dark_colorblind.js +++ b/src/legacy-theme/js/colors/dark_colorblind.js @@ -1,6 +1,4 @@ -'use strict' -Object.defineProperty(exports, '__esModule', {value: true}) -exports.default = { +const colors = { canvasDefaultTransparent: 'rgba(13,17,23,0)', pageHeaderBg: '#0d1117', marketingIcon: { @@ -600,3 +598,5 @@ exports.default = { ], }, } + +export default colors diff --git a/src/legacy-theme/js/colors/dark_dimmed.js b/src/legacy-theme/js/colors/dark_dimmed.js index c9b0f7fb292..3c760f2ab1d 100644 --- a/src/legacy-theme/js/colors/dark_dimmed.js +++ b/src/legacy-theme/js/colors/dark_dimmed.js @@ -1,6 +1,4 @@ -'use strict' -Object.defineProperty(exports, '__esModule', {value: true}) -exports.default = { +const colors = { canvasDefaultTransparent: 'rgba(34,39,46,0)', pageHeaderBg: '#22272e', marketingIcon: { @@ -600,3 +598,5 @@ exports.default = { ], }, } + +export default colors diff --git a/src/legacy-theme/js/colors/dark_high_contrast.js b/src/legacy-theme/js/colors/dark_high_contrast.js index 31594efe9dc..3f6d5f506fc 100644 --- a/src/legacy-theme/js/colors/dark_high_contrast.js +++ b/src/legacy-theme/js/colors/dark_high_contrast.js @@ -1,6 +1,4 @@ -'use strict' -Object.defineProperty(exports, '__esModule', {value: true}) -exports.default = { +const colors = { canvasDefaultTransparent: 'rgba(10,12,16,0)', pageHeaderBg: '#0a0c10', marketingIcon: { @@ -600,3 +598,5 @@ exports.default = { ], }, } + +export default colors diff --git a/src/legacy-theme/js/colors/dark_tritanopia.js b/src/legacy-theme/js/colors/dark_tritanopia.js index fe155ca5b8d..315d93a3f5d 100644 --- a/src/legacy-theme/js/colors/dark_tritanopia.js +++ b/src/legacy-theme/js/colors/dark_tritanopia.js @@ -1,6 +1,4 @@ -'use strict' -Object.defineProperty(exports, '__esModule', {value: true}) -exports.default = { +const colors = { canvasDefaultTransparent: 'rgba(13,17,23,0)', pageHeaderBg: '#0d1117', marketingIcon: { @@ -600,3 +598,5 @@ exports.default = { ], }, } + +export default colors diff --git a/src/legacy-theme/js/colors/index.js b/src/legacy-theme/js/colors/index.js index 16592842278..eff6946f79b 100644 --- a/src/legacy-theme/js/colors/index.js +++ b/src/legacy-theme/js/colors/index.js @@ -1,30 +1,55 @@ -/* eslint-disable no-invalid-this */ +// /* eslint-disable no-invalid-this */ +// /* eslint-disable camelcase */ +// /* eslint-disable no-var */ +// 'use strict' +// var __importDefault = +// (this && this.__importDefault) || +// function (mod) { +// return mod && mod.__esModule ? mod : {default: mod} +// } +// Object.defineProperty(exports, '__esModule', {value: true}) +// const light_1 = __importDefault(require('./light')) +// const light_high_contrast_1 = __importDefault(require('./light_high_contrast')) +// const light_colorblind_1 = __importDefault(require('./light_colorblind')) +// const light_tritanopia_1 = __importDefault(require('./light_tritanopia')) +// const dark_1 = __importDefault(require('./dark')) +// const dark_dimmed_1 = __importDefault(require('./dark_dimmed')) +// const dark_high_contrast_1 = __importDefault(require('./dark_high_contrast')) +// const dark_colorblind_1 = __importDefault(require('./dark_colorblind')) +// const dark_tritanopia_1 = __importDefault(require('./dark_tritanopia')) +// exports.default = { +// light: light_1.default, +// light_high_contrast: light_high_contrast_1.default, +// light_colorblind: light_colorblind_1.default, +// light_tritanopia: light_tritanopia_1.default, +// dark: dark_1.default, +// dark_dimmed: dark_dimmed_1.default, +// dark_high_contrast: dark_high_contrast_1.default, +// dark_colorblind: dark_colorblind_1.default, +// dark_tritanopia: dark_tritanopia_1.default, +// } + /* eslint-disable camelcase */ -/* eslint-disable no-var */ 'use strict' -var __importDefault = - (this && this.__importDefault) || - function (mod) { - return mod && mod.__esModule ? mod : {default: mod} - } -Object.defineProperty(exports, '__esModule', {value: true}) -const light_1 = __importDefault(require('./light')) -const light_high_contrast_1 = __importDefault(require('./light_high_contrast')) -const light_colorblind_1 = __importDefault(require('./light_colorblind')) -const light_tritanopia_1 = __importDefault(require('./light_tritanopia')) -const dark_1 = __importDefault(require('./dark')) -const dark_dimmed_1 = __importDefault(require('./dark_dimmed')) -const dark_high_contrast_1 = __importDefault(require('./dark_high_contrast')) -const dark_colorblind_1 = __importDefault(require('./dark_colorblind')) -const dark_tritanopia_1 = __importDefault(require('./dark_tritanopia')) -exports.default = { - light: light_1.default, - light_high_contrast: light_high_contrast_1.default, - light_colorblind: light_colorblind_1.default, - light_tritanopia: light_tritanopia_1.default, - dark: dark_1.default, - dark_dimmed: dark_dimmed_1.default, - dark_high_contrast: dark_high_contrast_1.default, - dark_colorblind: dark_colorblind_1.default, - dark_tritanopia: dark_tritanopia_1.default, + +import light from './light' +import lightHighContrast from './light_high_contrast' +import lightColorblind from './light_colorblind' +import lightTritanopia from './light_tritanopia' +import dark from './dark' +import darkDimmed from './dark_dimmed' +import darkHighContrast from './dark_high_contrast' +import darkColorblind from './dark_colorblind' +import darkTritanopia from './dark_tritanopia' + +export default { + light, + light_high_contrast: lightHighContrast, + light_colorblind: lightColorblind, + light_tritanopia: lightTritanopia, + dark, + dark_dimmed: darkDimmed, + dark_high_contrast: darkHighContrast, + dark_colorblind: darkColorblind, + dark_tritanopia: darkTritanopia, } diff --git a/src/legacy-theme/js/colors/light.js b/src/legacy-theme/js/colors/light.js index 0c5ddee3d72..8f551d8c707 100644 --- a/src/legacy-theme/js/colors/light.js +++ b/src/legacy-theme/js/colors/light.js @@ -1,6 +1,4 @@ -'use strict' -Object.defineProperty(exports, '__esModule', {value: true}) -exports.default = { +const colors = { canvasDefaultTransparent: 'rgba(255,255,255,0)', pageHeaderBg: '#f6f8fa', marketingIcon: { @@ -600,3 +598,5 @@ exports.default = { ], }, } + +export default colors diff --git a/src/legacy-theme/js/colors/light_colorblind.js b/src/legacy-theme/js/colors/light_colorblind.js index fa09526121c..5dd54afecc1 100644 --- a/src/legacy-theme/js/colors/light_colorblind.js +++ b/src/legacy-theme/js/colors/light_colorblind.js @@ -1,6 +1,4 @@ -'use strict' -Object.defineProperty(exports, '__esModule', {value: true}) -exports.default = { +const colors = { canvasDefaultTransparent: 'rgba(255,255,255,0)', pageHeaderBg: '#f6f8fa', marketingIcon: { @@ -600,3 +598,5 @@ exports.default = { ], }, } + +export default colors diff --git a/src/legacy-theme/js/colors/light_high_contrast.js b/src/legacy-theme/js/colors/light_high_contrast.js index 4de54e382a2..dde0d4d53a0 100644 --- a/src/legacy-theme/js/colors/light_high_contrast.js +++ b/src/legacy-theme/js/colors/light_high_contrast.js @@ -1,6 +1,4 @@ -'use strict' -Object.defineProperty(exports, '__esModule', {value: true}) -exports.default = { +const colors = { canvasDefaultTransparent: 'rgba(255,255,255,0)', pageHeaderBg: '#ffffff', marketingIcon: { @@ -600,3 +598,5 @@ exports.default = { ], }, } + +export default colors diff --git a/src/legacy-theme/js/colors/light_tritanopia.js b/src/legacy-theme/js/colors/light_tritanopia.js index 6ffd0c06aed..33837598a1f 100644 --- a/src/legacy-theme/js/colors/light_tritanopia.js +++ b/src/legacy-theme/js/colors/light_tritanopia.js @@ -1,6 +1,4 @@ -'use strict' -Object.defineProperty(exports, '__esModule', {value: true}) -exports.default = { +const colors = { canvasDefaultTransparent: 'rgba(255,255,255,0)', pageHeaderBg: '#f6f8fa', marketingIcon: { @@ -600,3 +598,5 @@ exports.default = { ], }, } + +export default colors diff --git a/src/legacy-theme/js/index.d.ts b/src/legacy-theme/js/index.d.ts index 65b6843758c..e647309450c 100644 --- a/src/legacy-theme/js/index.d.ts +++ b/src/legacy-theme/js/index.d.ts @@ -4601,12 +4601,10 @@ declare const _default: { } } typography: { - normal: { - lineHeight: { - condensedUltra: number - condensed: number - default: number - } + lineHeight: { + condensedUltra: number + condensed: number + default: number } } } diff --git a/src/legacy-theme/js/index.js b/src/legacy-theme/js/index.js index 04bbae1110a..8a1e627ce3f 100644 --- a/src/legacy-theme/js/index.js +++ b/src/legacy-theme/js/index.js @@ -1,13 +1,18 @@ /* eslint-disable camelcase */ /* eslint-disable no-invalid-this */ /* eslint-disable no-var */ -'use strict' -var __importDefault = - (this && this.__importDefault) || - function (mod) { - return mod && mod.__esModule ? mod : {default: mod} - } -Object.defineProperty(exports, '__esModule', {value: true}) -const colors_1 = __importDefault(require('./colors')) -const typography_1 = __importDefault(require('./typography')) -exports.default = {colors: colors_1.default, typography: typography_1.default} +// 'use strict' +// var __importDefault = +// (this && this.__importDefault) || +// function (mod) { +// return mod && mod.__esModule ? mod : {default: mod} +// } +// Object.defineProperty(exports, '__esModule', {value: true}) +// const colors_1 = __importDefault(require('./colors')) +// const typography_1 = __importDefault(require('./typography')) +// exports.default = {colors: colors_1.default, typography: typography_1.default} + +import colors from './colors' +import typography from './typography' + +export default {colors, typography} diff --git a/src/legacy-theme/js/typography/index.d.ts b/src/legacy-theme/js/typography/index.d.ts index 90ed9912860..ebf74209d41 100644 --- a/src/legacy-theme/js/typography/index.d.ts +++ b/src/legacy-theme/js/typography/index.d.ts @@ -1,10 +1,8 @@ declare const _default: { - normal: { - lineHeight: { - condensedUltra: number - condensed: number - default: number - } + lineHeight: { + condensedUltra: number + condensed: number + default: number } } export default _default diff --git a/src/legacy-theme/js/typography/index.js b/src/legacy-theme/js/typography/index.js index 13608a6b57a..b20d663f288 100644 --- a/src/legacy-theme/js/typography/index.js +++ b/src/legacy-theme/js/typography/index.js @@ -1,7 +1,26 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -const normal_1 = __importDefault(require("./normal")); -exports.default = { normal: normal_1.default }; +/* eslint-disable camelcase */ +/* eslint-disable no-invalid-this */ +/* eslint-disable no-var */ +// 'use strict' +// var __importDefault = +// (this && this.__importDefault) || +// function (mod) { +// return mod && mod.__esModule ? mod : {default: mod} +// } +// Object.defineProperty(exports, '__esModule', {value: true}) +// const normal_1 = __importDefault(require('./normal')) +// exports.default = {normal: normal_1.default} + +// import normal from './normal' + +// export default { +// normal, +// } + +const lineHeight = { + condensedUltra: 1, + condensed: 1.25, + default: 1.5, +} + +export default lineHeight diff --git a/src/legacy-theme/js/typography/normal.d.ts b/src/legacy-theme/js/typography/normal.d.ts deleted file mode 100644 index ebf74209d41..00000000000 --- a/src/legacy-theme/js/typography/normal.d.ts +++ /dev/null @@ -1,8 +0,0 @@ -declare const _default: { - lineHeight: { - condensedUltra: number - condensed: number - default: number - } -} -export default _default diff --git a/src/legacy-theme/js/typography/normal.js b/src/legacy-theme/js/typography/normal.js deleted file mode 100644 index 7731ad426be..00000000000 --- a/src/legacy-theme/js/typography/normal.js +++ /dev/null @@ -1,9 +0,0 @@ -'use strict' -Object.defineProperty(exports, '__esModule', {value: true}) -exports.default = { - lineHeight: { - condensedUltra: 1, - condensed: 1.25, - default: 1.5, - }, -} diff --git a/src/theme.ts b/src/theme.ts index 41c1d4f7931..d5f0a012418 100644 --- a/src/theme.ts +++ b/src/theme.ts @@ -1,8 +1,13 @@ import {KeyPaths} from './utils/types/KeyPaths' import primitives from './legacy-theme/js/index.js' import {partitionColors, fontStack, omitScale} from './utils/theme' +// console.log(JSON.stringify(primitives.typography.normal.lineHeight, null, 2)) +const {lineHeight: lineHeights} = primitives.typography -const {lineHeight: lineHeights} = primitives.typography.normal +console.log(primitives) +console.log(primitives.typography) +// console.log(primitives.typography.normal) +console.log(primitives.typography.lineHeight) const animation = { easeOutCubic: 'cubic-bezier(0.33, 1, 0.68, 1)', From 65e27040a01318a8d2ec89a572dbd003ec0fa19b Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Thu, 5 Oct 2023 09:43:34 -0700 Subject: [PATCH 03/19] cleanup --- src/legacy-theme/js/colors/index.js | 32 ------------------------- src/legacy-theme/js/index.js | 14 ----------- src/legacy-theme/js/typography/index.js | 19 --------------- 3 files changed, 65 deletions(-) diff --git a/src/legacy-theme/js/colors/index.js b/src/legacy-theme/js/colors/index.js index eff6946f79b..c8f22aa7b45 100644 --- a/src/legacy-theme/js/colors/index.js +++ b/src/legacy-theme/js/colors/index.js @@ -1,35 +1,3 @@ -// /* eslint-disable no-invalid-this */ -// /* eslint-disable camelcase */ -// /* eslint-disable no-var */ -// 'use strict' -// var __importDefault = -// (this && this.__importDefault) || -// function (mod) { -// return mod && mod.__esModule ? mod : {default: mod} -// } -// Object.defineProperty(exports, '__esModule', {value: true}) -// const light_1 = __importDefault(require('./light')) -// const light_high_contrast_1 = __importDefault(require('./light_high_contrast')) -// const light_colorblind_1 = __importDefault(require('./light_colorblind')) -// const light_tritanopia_1 = __importDefault(require('./light_tritanopia')) -// const dark_1 = __importDefault(require('./dark')) -// const dark_dimmed_1 = __importDefault(require('./dark_dimmed')) -// const dark_high_contrast_1 = __importDefault(require('./dark_high_contrast')) -// const dark_colorblind_1 = __importDefault(require('./dark_colorblind')) -// const dark_tritanopia_1 = __importDefault(require('./dark_tritanopia')) -// exports.default = { -// light: light_1.default, -// light_high_contrast: light_high_contrast_1.default, -// light_colorblind: light_colorblind_1.default, -// light_tritanopia: light_tritanopia_1.default, -// dark: dark_1.default, -// dark_dimmed: dark_dimmed_1.default, -// dark_high_contrast: dark_high_contrast_1.default, -// dark_colorblind: dark_colorblind_1.default, -// dark_tritanopia: dark_tritanopia_1.default, -// } - -/* eslint-disable camelcase */ 'use strict' import light from './light' diff --git a/src/legacy-theme/js/index.js b/src/legacy-theme/js/index.js index 8a1e627ce3f..698929d9ee5 100644 --- a/src/legacy-theme/js/index.js +++ b/src/legacy-theme/js/index.js @@ -1,17 +1,3 @@ -/* eslint-disable camelcase */ -/* eslint-disable no-invalid-this */ -/* eslint-disable no-var */ -// 'use strict' -// var __importDefault = -// (this && this.__importDefault) || -// function (mod) { -// return mod && mod.__esModule ? mod : {default: mod} -// } -// Object.defineProperty(exports, '__esModule', {value: true}) -// const colors_1 = __importDefault(require('./colors')) -// const typography_1 = __importDefault(require('./typography')) -// exports.default = {colors: colors_1.default, typography: typography_1.default} - import colors from './colors' import typography from './typography' diff --git a/src/legacy-theme/js/typography/index.js b/src/legacy-theme/js/typography/index.js index b20d663f288..73ee21d566c 100644 --- a/src/legacy-theme/js/typography/index.js +++ b/src/legacy-theme/js/typography/index.js @@ -1,22 +1,3 @@ -/* eslint-disable camelcase */ -/* eslint-disable no-invalid-this */ -/* eslint-disable no-var */ -// 'use strict' -// var __importDefault = -// (this && this.__importDefault) || -// function (mod) { -// return mod && mod.__esModule ? mod : {default: mod} -// } -// Object.defineProperty(exports, '__esModule', {value: true}) -// const normal_1 = __importDefault(require('./normal')) -// exports.default = {normal: normal_1.default} - -// import normal from './normal' - -// export default { -// normal, -// } - const lineHeight = { condensedUltra: 1, condensed: 1.25, From a252a74a6223bfbb99164333788ddbc4e0f8f3f2 Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Thu, 5 Oct 2023 09:57:52 -0700 Subject: [PATCH 04/19] lint --- src/legacy-theme/js/colors/index.d.ts | 9184 ++++++++++++------------- src/legacy-theme/js/colors/index.js | 1 + src/theme.ts | 7 +- 3 files changed, 4594 insertions(+), 4598 deletions(-) diff --git a/src/legacy-theme/js/colors/index.d.ts b/src/legacy-theme/js/colors/index.d.ts index d9da8fc0ae3..684e869c6d7 100644 --- a/src/legacy-theme/js/colors/index.d.ts +++ b/src/legacy-theme/js/colors/index.d.ts @@ -1,4602 +1,4602 @@ declare const _default: { - light: { - canvasDefaultTransparent: string; - pageHeaderBg: string; - marketingIcon: { - primary: string; - secondary: string; - }; - diffBlob: { - addition: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - deletion: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - hunk: { - numBg: string; - }; - expander: { - icon: string; - }; - selectedLineHighlightMixBlendMode: string; - }; - diffstat: { - deletionBorder: string; - additionBorder: string; - additionBg: string; - }; - searchKeyword: { - hl: string; - }; - prettylights: { - syntax: { - comment: string; - constant: string; - entity: string; - storageModifierImport: string; - entityTag: string; - keyword: string; - string: string; - variable: string; - brackethighlighterUnmatched: string; - invalidIllegalText: string; - invalidIllegalBg: string; - carriageReturnText: string; - carriageReturnBg: string; - stringRegexp: string; - markupList: string; - markupHeading: string; - markupItalic: string; - markupBold: string; - markupDeletedText: string; - markupDeletedBg: string; - markupInsertedText: string; - markupInsertedBg: string; - markupChangedText: string; - markupChangedBg: string; - markupIgnoredText: string; - markupIgnoredBg: string; - metaDiffRange: string; - brackethighlighterAngle: string; - sublimelinterGutterMark: string; - constantOtherReferenceLink: string; - }; - }; - codemirror: { - text: string; - bg: string; - guttersBg: string; - guttermarkerText: string; - guttermarkerSubtleText: string; - linenumberText: string; - cursor: string; - selectionBg: string; - activelineBg: string; - matchingbracketText: string; - linesBg: string; - syntax: { - comment: string; - constant: string; - entity: string; - keyword: string; - storage: string; - string: string; - support: string; - variable: string; - }; - }; - checks: { - bg: string; - runBorderWidth: string; - containerBorderWidth: string; - textPrimary: string; - textSecondary: string; - textLink: string; - btnIcon: string; - btnHoverIcon: string; - btnHoverBg: string; - inputText: string; - inputPlaceholderText: string; - inputFocusText: string; - inputBg: string; - inputShadow: string; - donutError: string; - donutPending: string; - donutSuccess: string; - donutNeutral: string; - dropdownText: string; - dropdownBg: string; - dropdownBorder: string; - dropdownShadow: string; - dropdownHoverText: string; - dropdownHoverBg: string; - dropdownBtnHoverText: string; - dropdownBtnHoverBg: string; - scrollbarThumbBg: string; - headerLabelText: string; - headerLabelOpenText: string; - headerBorder: string; - headerIcon: string; - lineText: string; - lineNumText: string; - lineTimestampText: string; - lineHoverBg: string; - lineSelectedBg: string; - lineSelectedNumText: string; - lineDtFmText: string; - lineDtFmBg: string; - gateBg: string; - gateText: string; - gateWaitingText: string; - stepHeaderOpenBg: string; - stepErrorText: string; - stepWarningText: string; - loglineText: string; - loglineNumText: string; - loglineDebugText: string; - loglineErrorText: string; - loglineErrorNumText: string; - loglineErrorBg: string; - loglineWarningText: string; - loglineWarningNumText: string; - loglineWarningBg: string; - loglineCommandText: string; - loglineSectionText: string; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - }; - project: { - headerBg: string; - sidebarBg: string; - gradientIn: string; - gradientOut: string; - }; - mktg: { - btn: { - bg: string; - shadow: { - outline: string; - focus: string; - hover: string; - hoverMuted: string; - }; - }; - }; - control: { - borderColor: { - emphasis: string; - }; - }; - avatar: { - bg: string; - border: string; - stackFade: string; - stackFadeMore: string; - childShadow: string; - }; - topicTag: { - border: string; - }; - counter: { - border: string; - }; - selectMenu: { - backdropBorder: string; - tapHighlight: string; - tapFocusBg: string; - }; - overlay: { - shadow: string; - backdrop: string; - }; - header: { - text: string; - bg: string; - divider: string; - logo: string; - }; - headerSearch: { - bg: string; - border: string; - }; - sidenav: { - selectedBg: string; - }; - menu: { - bgActive: string; - }; - input: { - disabledBg: string; - }; - timeline: { - badgeBg: string; - }; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - btn: { - text: string; - bg: string; - border: string; - shadow: string; - insetShadow: string; - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - counterBg: 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; - icon: string; - counterBg: string; - }; - outline: { - text: string; - hoverText: string; - hoverBg: string; - hoverBorder: string; - hoverShadow: string; - hoverInsetShadow: string; - hoverCounterBg: string; - selectedText: string; - selectedBg: string; - selectedBorder: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledCounterBg: string; - counterBg: string; - counterFg: string; - hoverCounterFg: string; - disabledCounterFg: 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; - counterBg: string; - icon: string; - hoverIcon: string; - counterFg: string; - hoverCounterFg: string; - disabledCounterFg: string; - }; - }; - underlinenav: { - icon: string; - borderHover: string; - }; - actionListItem: { - inlineDivider: string; - default: { - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - }; - danger: { - hoverBg: string; - activeBg: string; - hoverText: string; - }; - }; - switchTrack: { - bg: string; - hoverBg: string; - activeBg: string; - disabledBg: string; - fg: string; - disabledFg: string; - border: string; - checked: { - bg: string; - hoverBg: string; - activeBg: string; - fg: string; - disabledFg: string; - border: string; - }; - }; - switchKnob: { - bg: string; - disabledBg: string; - border: string; - checked: { - bg: string; - disabledBg: string; - border: string; - }; - }; - segmentedControl: { - bg: string; - button: { - bg: string; - hover: { - bg: string; - }; - active: { - bg: string; - }; - selected: { - border: string; - }; - }; - }; - treeViewItem: { - chevron: { - hoverBg: string; - }; - directory: { - fill: string; - }; - }; - fg: { - default: string; - muted: string; - subtle: string; - onEmphasis: string; - }; - canvas: { - default: string; - overlay: string; - inset: string; - subtle: string; - }; - border: { - default: string; - muted: string; - subtle: string; - }; + light: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string shadow: { - small: string; - medium: string; - large: string; - extraLarge: string; - }; - neutral: { - emphasisPlus: string; - emphasis: string; - muted: string; - subtle: string; - }; - accent: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - success: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - attention: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - severe: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - danger: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - open: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - closed: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - done: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - sponsors: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - primer: { - fg: { - disabled: string; - }; - canvas: { - backdrop: string; - sticky: string; - }; - border: { - active: string; - contrast: string; - }; - shadow: { - highlight: string; - inset: string; - }; - }; - scale: { - black: string; - white: string; - gray: string[]; - blue: string[]; - green: string[]; - yellow: string[]; - orange: string[]; - red: string[]; - purple: string[]; - pink: string[]; - coral: string[]; - }; - }; - light_high_contrast: { - canvasDefaultTransparent: string; - pageHeaderBg: string; - marketingIcon: { - primary: string; - secondary: string; - }; - diffBlob: { - addition: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - deletion: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - hunk: { - numBg: string; - }; - expander: { - icon: string; - }; - selectedLineHighlightMixBlendMode: string; - }; - diffstat: { - deletionBorder: string; - additionBorder: string; - additionBg: string; - }; - searchKeyword: { - hl: string; - }; - prettylights: { - syntax: { - comment: string; - constant: string; - entity: string; - storageModifierImport: string; - entityTag: string; - keyword: string; - string: string; - variable: string; - brackethighlighterUnmatched: string; - invalidIllegalText: string; - invalidIllegalBg: string; - carriageReturnText: string; - carriageReturnBg: string; - stringRegexp: string; - markupList: string; - markupHeading: string; - markupItalic: string; - markupBold: string; - markupDeletedText: string; - markupDeletedBg: string; - markupInsertedText: string; - markupInsertedBg: string; - markupChangedText: string; - markupChangedBg: string; - markupIgnoredText: string; - markupIgnoredBg: string; - metaDiffRange: string; - brackethighlighterAngle: string; - sublimelinterGutterMark: string; - constantOtherReferenceLink: string; - }; - }; - codemirror: { - text: string; - bg: string; - guttersBg: string; - guttermarkerText: string; - guttermarkerSubtleText: string; - linenumberText: string; - cursor: string; - selectionBg: string; - activelineBg: string; - matchingbracketText: string; - linesBg: string; - syntax: { - comment: string; - constant: string; - entity: string; - keyword: string; - storage: string; - string: string; - support: string; - variable: string; - }; - }; - checks: { - bg: string; - runBorderWidth: string; - containerBorderWidth: string; - textPrimary: string; - textSecondary: string; - textLink: string; - btnIcon: string; - btnHoverIcon: string; - btnHoverBg: string; - inputText: string; - inputPlaceholderText: string; - inputFocusText: string; - inputBg: string; - inputShadow: string; - donutError: string; - donutPending: string; - donutSuccess: string; - donutNeutral: string; - dropdownText: string; - dropdownBg: string; - dropdownBorder: string; - dropdownShadow: string; - dropdownHoverText: string; - dropdownHoverBg: string; - dropdownBtnHoverText: string; - dropdownBtnHoverBg: string; - scrollbarThumbBg: string; - headerLabelText: string; - headerLabelOpenText: string; - headerBorder: string; - headerIcon: string; - lineText: string; - lineNumText: string; - lineTimestampText: string; - lineHoverBg: string; - lineSelectedBg: string; - lineSelectedNumText: string; - lineDtFmText: string; - lineDtFmBg: string; - gateBg: string; - gateText: string; - gateWaitingText: string; - stepHeaderOpenBg: string; - stepErrorText: string; - stepWarningText: string; - loglineText: string; - loglineNumText: string; - loglineDebugText: string; - loglineErrorText: string; - loglineErrorNumText: string; - loglineErrorBg: string; - loglineWarningText: string; - loglineWarningNumText: string; - loglineWarningBg: string; - loglineCommandText: string; - loglineSectionText: string; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - }; - project: { - headerBg: string; - sidebarBg: string; - gradientIn: string; - gradientOut: string; - }; - mktg: { - btn: { - bg: string; - shadow: { - outline: string; - focus: string; - hover: string; - hoverMuted: string; - }; - }; - }; - control: { - borderColor: { - emphasis: string; - }; - }; - avatar: { - bg: string; - border: string; - stackFade: string; - stackFadeMore: string; - childShadow: string; - }; - topicTag: { - border: string; - }; - counter: { - border: string; - }; - selectMenu: { - backdropBorder: string; - tapHighlight: string; - tapFocusBg: string; - }; - overlay: { - shadow: string; - backdrop: string; - }; - header: { - text: string; - bg: string; - divider: string; - logo: string; - }; - headerSearch: { - bg: string; - border: string; - }; - sidenav: { - selectedBg: string; - }; - menu: { - bgActive: string; - }; - input: { - disabledBg: string; - }; - timeline: { - badgeBg: string; - }; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - btn: { - text: string; - bg: string; - border: string; - shadow: string; - insetShadow: string; - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - counterBg: 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; - icon: string; - counterBg: string; - }; - outline: { - text: string; - hoverText: string; - hoverBg: string; - hoverBorder: string; - hoverShadow: string; - hoverInsetShadow: string; - hoverCounterBg: string; - selectedText: string; - selectedBg: string; - selectedBorder: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledCounterBg: string; - counterBg: string; - counterFg: string; - hoverCounterFg: string; - disabledCounterFg: 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; - counterBg: string; - icon: string; - hoverIcon: string; - counterFg: string; - hoverCounterFg: string; - disabledCounterFg: string; - }; - }; - underlinenav: { - icon: string; - borderHover: string; - }; - actionListItem: { - inlineDivider: string; - default: { - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - }; - danger: { - hoverBg: string; - activeBg: string; - hoverText: string; - }; - }; - switchTrack: { - bg: string; - hoverBg: string; - activeBg: string; - disabledBg: string; - fg: string; - disabledFg: string; - border: string; - checked: { - bg: string; - hoverBg: string; - activeBg: string; - fg: string; - disabledFg: string; - border: string; - }; - }; - switchKnob: { - bg: string; - disabledBg: string; - border: string; - checked: { - bg: string; - disabledBg: string; - border: string; - }; - }; - segmentedControl: { - bg: string; - button: { - bg: string; - hover: { - bg: string; - }; - active: { - bg: string; - }; - selected: { - border: string; - }; - }; - }; - treeViewItem: { - chevron: { - hoverBg: string; - }; - directory: { - fill: string; - }; - }; - fg: { - default: string; - muted: string; - subtle: string; - onEmphasis: string; - }; - canvas: { - default: string; - overlay: string; - inset: string; - subtle: string; - }; - border: { - default: string; - muted: string; - subtle: string; - }; + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: 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 + counterBg: string + icon: string + hoverIcon: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + disabledBg: string + border: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } + } + light_high_contrast: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string shadow: { - small: string; - medium: string; - large: string; - extraLarge: string; - }; - neutral: { - emphasisPlus: string; - emphasis: string; - muted: string; - subtle: string; - }; - accent: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - success: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - attention: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - severe: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - danger: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - open: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - closed: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - done: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - sponsors: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - primer: { - fg: { - disabled: string; - }; - canvas: { - backdrop: string; - sticky: string; - }; - border: { - active: string; - contrast: string; - }; - shadow: { - highlight: string; - inset: string; - }; - }; - scale: { - black: string; - white: string; - gray: string[]; - blue: string[]; - green: string[]; - yellow: string[]; - orange: string[]; - red: string[]; - purple: string[]; - pink: string[]; - coral: string[]; - }; - }; - light_colorblind: { - canvasDefaultTransparent: string; - pageHeaderBg: string; - marketingIcon: { - primary: string; - secondary: string; - }; - diffBlob: { - addition: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - deletion: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - hunk: { - numBg: string; - }; - expander: { - icon: string; - }; - selectedLineHighlightMixBlendMode: string; - }; - diffstat: { - deletionBorder: string; - additionBorder: string; - additionBg: string; - }; - searchKeyword: { - hl: string; - }; - prettylights: { - syntax: { - comment: string; - constant: string; - entity: string; - storageModifierImport: string; - entityTag: string; - keyword: string; - string: string; - variable: string; - brackethighlighterUnmatched: string; - invalidIllegalText: string; - invalidIllegalBg: string; - carriageReturnText: string; - carriageReturnBg: string; - stringRegexp: string; - markupList: string; - markupHeading: string; - markupItalic: string; - markupBold: string; - markupDeletedText: string; - markupDeletedBg: string; - markupInsertedText: string; - markupInsertedBg: string; - markupChangedText: string; - markupChangedBg: string; - markupIgnoredText: string; - markupIgnoredBg: string; - metaDiffRange: string; - brackethighlighterAngle: string; - sublimelinterGutterMark: string; - constantOtherReferenceLink: string; - }; - }; - codemirror: { - text: string; - bg: string; - guttersBg: string; - guttermarkerText: string; - guttermarkerSubtleText: string; - linenumberText: string; - cursor: string; - selectionBg: string; - activelineBg: string; - matchingbracketText: string; - linesBg: string; - syntax: { - comment: string; - constant: string; - entity: string; - keyword: string; - storage: string; - string: string; - support: string; - variable: string; - }; - }; - checks: { - bg: string; - runBorderWidth: string; - containerBorderWidth: string; - textPrimary: string; - textSecondary: string; - textLink: string; - btnIcon: string; - btnHoverIcon: string; - btnHoverBg: string; - inputText: string; - inputPlaceholderText: string; - inputFocusText: string; - inputBg: string; - inputShadow: string; - donutError: string; - donutPending: string; - donutSuccess: string; - donutNeutral: string; - dropdownText: string; - dropdownBg: string; - dropdownBorder: string; - dropdownShadow: string; - dropdownHoverText: string; - dropdownHoverBg: string; - dropdownBtnHoverText: string; - dropdownBtnHoverBg: string; - scrollbarThumbBg: string; - headerLabelText: string; - headerLabelOpenText: string; - headerBorder: string; - headerIcon: string; - lineText: string; - lineNumText: string; - lineTimestampText: string; - lineHoverBg: string; - lineSelectedBg: string; - lineSelectedNumText: string; - lineDtFmText: string; - lineDtFmBg: string; - gateBg: string; - gateText: string; - gateWaitingText: string; - stepHeaderOpenBg: string; - stepErrorText: string; - stepWarningText: string; - loglineText: string; - loglineNumText: string; - loglineDebugText: string; - loglineErrorText: string; - loglineErrorNumText: string; - loglineErrorBg: string; - loglineWarningText: string; - loglineWarningNumText: string; - loglineWarningBg: string; - loglineCommandText: string; - loglineSectionText: string; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - }; - project: { - headerBg: string; - sidebarBg: string; - gradientIn: string; - gradientOut: string; - }; - mktg: { - btn: { - bg: string; - shadow: { - outline: string; - focus: string; - hover: string; - hoverMuted: string; - }; - }; - }; - control: { - borderColor: { - emphasis: string; - }; - }; - avatar: { - bg: string; - border: string; - stackFade: string; - stackFadeMore: string; - childShadow: string; - }; - topicTag: { - border: string; - }; - counter: { - border: string; - }; - selectMenu: { - backdropBorder: string; - tapHighlight: string; - tapFocusBg: string; - }; - overlay: { - shadow: string; - backdrop: string; - }; - header: { - text: string; - bg: string; - divider: string; - logo: string; - }; - headerSearch: { - bg: string; - border: string; - }; - sidenav: { - selectedBg: string; - }; - menu: { - bgActive: string; - }; - input: { - disabledBg: string; - }; - timeline: { - badgeBg: string; - }; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - btn: { - text: string; - bg: string; - border: string; - shadow: string; - insetShadow: string; - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - counterBg: 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; - icon: string; - counterBg: string; - }; - outline: { - text: string; - hoverText: string; - hoverBg: string; - hoverBorder: string; - hoverShadow: string; - hoverInsetShadow: string; - hoverCounterBg: string; - selectedText: string; - selectedBg: string; - selectedBorder: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledCounterBg: string; - counterBg: string; - counterFg: string; - hoverCounterFg: string; - disabledCounterFg: 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; - counterBg: string; - icon: string; - hoverIcon: string; - counterFg: string; - hoverCounterFg: string; - disabledCounterFg: string; - }; - }; - underlinenav: { - icon: string; - borderHover: string; - }; - actionListItem: { - inlineDivider: string; - default: { - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - }; - danger: { - hoverBg: string; - activeBg: string; - hoverText: string; - }; - }; - switchTrack: { - bg: string; - hoverBg: string; - activeBg: string; - disabledBg: string; - fg: string; - disabledFg: string; - border: string; - checked: { - bg: string; - hoverBg: string; - activeBg: string; - fg: string; - disabledFg: string; - border: string; - }; - }; - switchKnob: { - bg: string; - disabledBg: string; - border: string; - checked: { - bg: string; - disabledBg: string; - border: string; - }; - }; - segmentedControl: { - bg: string; - button: { - bg: string; - hover: { - bg: string; - }; - active: { - bg: string; - }; - selected: { - border: string; - }; - }; - }; - treeViewItem: { - chevron: { - hoverBg: string; - }; - directory: { - fill: string; - }; - }; - fg: { - default: string; - muted: string; - subtle: string; - onEmphasis: string; - }; - canvas: { - default: string; - overlay: string; - inset: string; - subtle: string; - }; - border: { - default: string; - muted: string; - subtle: string; - }; + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: 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 + counterBg: string + icon: string + hoverIcon: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + disabledBg: string + border: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } + } + light_colorblind: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string shadow: { - small: string; - medium: string; - large: string; - extraLarge: string; - }; - neutral: { - emphasisPlus: string; - emphasis: string; - muted: string; - subtle: string; - }; - accent: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - success: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - attention: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - severe: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - danger: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - open: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - closed: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - done: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - sponsors: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - primer: { - fg: { - disabled: string; - }; - canvas: { - backdrop: string; - sticky: string; - }; - border: { - active: string; - contrast: string; - }; - shadow: { - highlight: string; - inset: string; - }; - }; - scale: { - black: string; - white: string; - gray: string[]; - blue: string[]; - green: string[]; - yellow: string[]; - orange: string[]; - red: string[]; - purple: string[]; - pink: string[]; - coral: string[]; - }; - }; - light_tritanopia: { - canvasDefaultTransparent: string; - pageHeaderBg: string; - marketingIcon: { - primary: string; - secondary: string; - }; - diffBlob: { - addition: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - deletion: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - hunk: { - numBg: string; - }; - expander: { - icon: string; - }; - selectedLineHighlightMixBlendMode: string; - }; - diffstat: { - deletionBorder: string; - additionBorder: string; - additionBg: string; - }; - searchKeyword: { - hl: string; - }; - prettylights: { - syntax: { - comment: string; - constant: string; - entity: string; - storageModifierImport: string; - entityTag: string; - keyword: string; - string: string; - variable: string; - brackethighlighterUnmatched: string; - invalidIllegalText: string; - invalidIllegalBg: string; - carriageReturnText: string; - carriageReturnBg: string; - stringRegexp: string; - markupList: string; - markupHeading: string; - markupItalic: string; - markupBold: string; - markupDeletedText: string; - markupDeletedBg: string; - markupInsertedText: string; - markupInsertedBg: string; - markupChangedText: string; - markupChangedBg: string; - markupIgnoredText: string; - markupIgnoredBg: string; - metaDiffRange: string; - brackethighlighterAngle: string; - sublimelinterGutterMark: string; - constantOtherReferenceLink: string; - }; - }; - codemirror: { - text: string; - bg: string; - guttersBg: string; - guttermarkerText: string; - guttermarkerSubtleText: string; - linenumberText: string; - cursor: string; - selectionBg: string; - activelineBg: string; - matchingbracketText: string; - linesBg: string; - syntax: { - comment: string; - constant: string; - entity: string; - keyword: string; - storage: string; - string: string; - support: string; - variable: string; - }; - }; - checks: { - bg: string; - runBorderWidth: string; - containerBorderWidth: string; - textPrimary: string; - textSecondary: string; - textLink: string; - btnIcon: string; - btnHoverIcon: string; - btnHoverBg: string; - inputText: string; - inputPlaceholderText: string; - inputFocusText: string; - inputBg: string; - inputShadow: string; - donutError: string; - donutPending: string; - donutSuccess: string; - donutNeutral: string; - dropdownText: string; - dropdownBg: string; - dropdownBorder: string; - dropdownShadow: string; - dropdownHoverText: string; - dropdownHoverBg: string; - dropdownBtnHoverText: string; - dropdownBtnHoverBg: string; - scrollbarThumbBg: string; - headerLabelText: string; - headerLabelOpenText: string; - headerBorder: string; - headerIcon: string; - lineText: string; - lineNumText: string; - lineTimestampText: string; - lineHoverBg: string; - lineSelectedBg: string; - lineSelectedNumText: string; - lineDtFmText: string; - lineDtFmBg: string; - gateBg: string; - gateText: string; - gateWaitingText: string; - stepHeaderOpenBg: string; - stepErrorText: string; - stepWarningText: string; - loglineText: string; - loglineNumText: string; - loglineDebugText: string; - loglineErrorText: string; - loglineErrorNumText: string; - loglineErrorBg: string; - loglineWarningText: string; - loglineWarningNumText: string; - loglineWarningBg: string; - loglineCommandText: string; - loglineSectionText: string; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - }; - project: { - headerBg: string; - sidebarBg: string; - gradientIn: string; - gradientOut: string; - }; - mktg: { - btn: { - bg: string; - shadow: { - outline: string; - focus: string; - hover: string; - hoverMuted: string; - }; - }; - }; - control: { - borderColor: { - emphasis: string; - }; - }; - avatar: { - bg: string; - border: string; - stackFade: string; - stackFadeMore: string; - childShadow: string; - }; - topicTag: { - border: string; - }; - counter: { - border: string; - }; - selectMenu: { - backdropBorder: string; - tapHighlight: string; - tapFocusBg: string; - }; - overlay: { - shadow: string; - backdrop: string; - }; - header: { - text: string; - bg: string; - divider: string; - logo: string; - }; - headerSearch: { - bg: string; - border: string; - }; - sidenav: { - selectedBg: string; - }; - menu: { - bgActive: string; - }; - input: { - disabledBg: string; - }; - timeline: { - badgeBg: string; - }; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - btn: { - text: string; - bg: string; - border: string; - shadow: string; - insetShadow: string; - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - counterBg: 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; - icon: string; - counterBg: string; - }; - outline: { - text: string; - hoverText: string; - hoverBg: string; - hoverBorder: string; - hoverShadow: string; - hoverInsetShadow: string; - hoverCounterBg: string; - selectedText: string; - selectedBg: string; - selectedBorder: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledCounterBg: string; - counterBg: string; - counterFg: string; - hoverCounterFg: string; - disabledCounterFg: 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; - counterBg: string; - icon: string; - hoverIcon: string; - counterFg: string; - hoverCounterFg: string; - disabledCounterFg: string; - }; - }; - underlinenav: { - icon: string; - borderHover: string; - }; - actionListItem: { - inlineDivider: string; - default: { - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - }; - danger: { - hoverBg: string; - activeBg: string; - hoverText: string; - }; - }; - switchTrack: { - bg: string; - hoverBg: string; - activeBg: string; - disabledBg: string; - fg: string; - disabledFg: string; - border: string; - checked: { - bg: string; - hoverBg: string; - activeBg: string; - fg: string; - disabledFg: string; - border: string; - }; - }; - switchKnob: { - bg: string; - disabledBg: string; - border: string; - checked: { - bg: string; - disabledBg: string; - border: string; - }; - }; - segmentedControl: { - bg: string; - button: { - bg: string; - hover: { - bg: string; - }; - active: { - bg: string; - }; - selected: { - border: string; - }; - }; - }; - treeViewItem: { - chevron: { - hoverBg: string; - }; - directory: { - fill: string; - }; - }; - fg: { - default: string; - muted: string; - subtle: string; - onEmphasis: string; - }; - canvas: { - default: string; - overlay: string; - inset: string; - subtle: string; - }; - border: { - default: string; - muted: string; - subtle: string; - }; + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: 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 + counterBg: string + icon: string + hoverIcon: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + disabledBg: string + border: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } + } + light_tritanopia: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string shadow: { - small: string; - medium: string; - large: string; - extraLarge: string; - }; - neutral: { - emphasisPlus: string; - emphasis: string; - muted: string; - subtle: string; - }; - accent: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - success: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - attention: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - severe: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - danger: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - open: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - closed: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - done: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - sponsors: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - primer: { - fg: { - disabled: string; - }; - canvas: { - backdrop: string; - sticky: string; - }; - border: { - active: string; - contrast: string; - }; - shadow: { - highlight: string; - inset: string; - }; - }; - scale: { - black: string; - white: string; - gray: string[]; - blue: string[]; - green: string[]; - yellow: string[]; - orange: string[]; - red: string[]; - purple: string[]; - pink: string[]; - coral: string[]; - }; - }; - dark: { - canvasDefaultTransparent: string; - pageHeaderBg: string; - marketingIcon: { - primary: string; - secondary: string; - }; - diffBlob: { - addition: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - deletion: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - hunk: { - numBg: string; - }; - expander: { - icon: string; - }; - selectedLineHighlightMixBlendMode: string; - }; - diffstat: { - deletionBorder: string; - additionBorder: string; - additionBg: string; - }; - searchKeyword: { - hl: string; - }; - prettylights: { - syntax: { - comment: string; - constant: string; - entity: string; - storageModifierImport: string; - entityTag: string; - keyword: string; - string: string; - variable: string; - brackethighlighterUnmatched: string; - invalidIllegalText: string; - invalidIllegalBg: string; - carriageReturnText: string; - carriageReturnBg: string; - stringRegexp: string; - markupList: string; - markupHeading: string; - markupItalic: string; - markupBold: string; - markupDeletedText: string; - markupDeletedBg: string; - markupInsertedText: string; - markupInsertedBg: string; - markupChangedText: string; - markupChangedBg: string; - markupIgnoredText: string; - markupIgnoredBg: string; - metaDiffRange: string; - brackethighlighterAngle: string; - sublimelinterGutterMark: string; - constantOtherReferenceLink: string; - }; - }; - codemirror: { - text: string; - bg: string; - guttersBg: string; - guttermarkerText: string; - guttermarkerSubtleText: string; - linenumberText: string; - cursor: string; - selectionBg: string; - activelineBg: string; - matchingbracketText: string; - linesBg: string; - syntax: { - comment: string; - constant: string; - entity: string; - keyword: string; - storage: string; - string: string; - support: string; - variable: string; - }; - }; - checks: { - bg: string; - runBorderWidth: string; - containerBorderWidth: string; - textPrimary: string; - textSecondary: string; - textLink: string; - btnIcon: string; - btnHoverIcon: string; - btnHoverBg: string; - inputText: string; - inputPlaceholderText: string; - inputFocusText: string; - inputBg: string; - inputShadow: string; - donutError: string; - donutPending: string; - donutSuccess: string; - donutNeutral: string; - dropdownText: string; - dropdownBg: string; - dropdownBorder: string; - dropdownShadow: string; - dropdownHoverText: string; - dropdownHoverBg: string; - dropdownBtnHoverText: string; - dropdownBtnHoverBg: string; - scrollbarThumbBg: string; - headerLabelText: string; - headerLabelOpenText: string; - headerBorder: string; - headerIcon: string; - lineText: string; - lineNumText: string; - lineTimestampText: string; - lineHoverBg: string; - lineSelectedBg: string; - lineSelectedNumText: string; - lineDtFmText: string; - lineDtFmBg: string; - gateBg: string; - gateText: string; - gateWaitingText: string; - stepHeaderOpenBg: string; - stepErrorText: string; - stepWarningText: string; - loglineText: string; - loglineNumText: string; - loglineDebugText: string; - loglineErrorText: string; - loglineErrorNumText: string; - loglineErrorBg: string; - loglineWarningText: string; - loglineWarningNumText: string; - loglineWarningBg: string; - loglineCommandText: string; - loglineSectionText: string; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - }; - project: { - headerBg: string; - sidebarBg: string; - gradientIn: string; - gradientOut: string; - }; - mktg: { - btn: { - bg: string; - shadow: { - outline: string; - focus: string; - hover: string; - hoverMuted: string; - }; - }; - }; - control: { - borderColor: { - emphasis: string; - }; - }; - avatar: { - bg: string; - border: string; - stackFade: string; - stackFadeMore: string; - childShadow: string; - }; - topicTag: { - border: string; - }; - counter: { - border: string; - }; - selectMenu: { - backdropBorder: string; - tapHighlight: string; - tapFocusBg: string; - }; - overlay: { - shadow: string; - backdrop: string; - }; - header: { - text: string; - bg: string; - divider: string; - logo: string; - }; - headerSearch: { - bg: string; - border: string; - }; - sidenav: { - selectedBg: string; - }; - menu: { - bgActive: string; - }; - input: { - disabledBg: string; - }; - timeline: { - badgeBg: string; - }; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - btn: { - text: string; - bg: string; - border: string; - shadow: string; - insetShadow: string; - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - counterBg: 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; - icon: string; - counterBg: string; - }; - outline: { - text: string; - hoverText: string; - hoverBg: string; - hoverBorder: string; - hoverShadow: string; - hoverInsetShadow: string; - hoverCounterBg: string; - selectedText: string; - selectedBg: string; - selectedBorder: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledCounterBg: string; - counterBg: string; - hoverCounterFg: string; - disabledCounterFg: string; - counterFg: string; - }; - danger: { - text: string; - hoverText: string; - hoverBg: string; - hoverBorder: string; - hoverShadow: string; - hoverInsetShadow: string; - hoverIcon: string; - hoverCounterBg: string; - selectedText: string; - selectedBg: string; - selectedBorder: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledCounterBg: string; - counterBg: string; - icon: string; - counterFg: string; - disabledCounterFg: string; - hoverCounterFg: string; - }; - }; - underlinenav: { - icon: string; - borderHover: string; - }; - actionListItem: { - inlineDivider: string; - default: { - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - }; - danger: { - hoverBg: string; - activeBg: string; - hoverText: string; - }; - }; - switchTrack: { - bg: string; - hoverBg: string; - activeBg: string; - disabledBg: string; - fg: string; - disabledFg: string; - border: string; - checked: { - bg: string; - hoverBg: string; - activeBg: string; - fg: string; - disabledFg: string; - border: string; - }; - }; - switchKnob: { - bg: string; - border: string; - disabledBg: string; - checked: { - bg: string; - disabledBg: string; - border: string; - }; - }; - segmentedControl: { - bg: string; - button: { - bg: string; - hover: { - bg: string; - }; - active: { - bg: string; - }; - selected: { - border: string; - }; - }; - }; - treeViewItem: { - chevron: { - hoverBg: string; - }; - directory: { - fill: string; - }; - }; - fg: { - default: string; - muted: string; - subtle: string; - onEmphasis: string; - }; - canvas: { - default: string; - overlay: string; - inset: string; - subtle: string; - }; - border: { - default: string; - muted: string; - subtle: string; - }; + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: 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 + counterBg: string + icon: string + hoverIcon: string + counterFg: string + hoverCounterFg: string + disabledCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + disabledBg: string + border: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } + } + dark: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string shadow: { - small: string; - medium: string; - large: string; - extraLarge: string; - }; - neutral: { - emphasisPlus: string; - emphasis: string; - muted: string; - subtle: string; - }; - accent: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - success: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - attention: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - severe: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - danger: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - open: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - closed: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - done: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - sponsors: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - primer: { - fg: { - disabled: string; - }; - canvas: { - backdrop: string; - sticky: string; - }; - border: { - active: string; - contrast: string; - }; - shadow: { - highlight: string; - inset: string; - }; - }; - scale: { - black: string; - white: string; - gray: string[]; - blue: string[]; - green: string[]; - yellow: string[]; - orange: string[]; - red: string[]; - purple: string[]; - pink: string[]; - coral: string[]; - }; - }; - dark_dimmed: { - canvasDefaultTransparent: string; - pageHeaderBg: string; - marketingIcon: { - primary: string; - secondary: string; - }; - diffBlob: { - addition: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - deletion: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - hunk: { - numBg: string; - }; - expander: { - icon: string; - }; - selectedLineHighlightMixBlendMode: string; - }; - diffstat: { - deletionBorder: string; - additionBorder: string; - additionBg: string; - }; - searchKeyword: { - hl: string; - }; - prettylights: { - syntax: { - comment: string; - constant: string; - entity: string; - storageModifierImport: string; - entityTag: string; - keyword: string; - string: string; - variable: string; - brackethighlighterUnmatched: string; - invalidIllegalText: string; - invalidIllegalBg: string; - carriageReturnText: string; - carriageReturnBg: string; - stringRegexp: string; - markupList: string; - markupHeading: string; - markupItalic: string; - markupBold: string; - markupDeletedText: string; - markupDeletedBg: string; - markupInsertedText: string; - markupInsertedBg: string; - markupChangedText: string; - markupChangedBg: string; - markupIgnoredText: string; - markupIgnoredBg: string; - metaDiffRange: string; - brackethighlighterAngle: string; - sublimelinterGutterMark: string; - constantOtherReferenceLink: string; - }; - }; - codemirror: { - text: string; - bg: string; - guttersBg: string; - guttermarkerText: string; - guttermarkerSubtleText: string; - linenumberText: string; - cursor: string; - selectionBg: string; - activelineBg: string; - matchingbracketText: string; - linesBg: string; - syntax: { - comment: string; - constant: string; - entity: string; - keyword: string; - storage: string; - string: string; - support: string; - variable: string; - }; - }; - checks: { - bg: string; - runBorderWidth: string; - containerBorderWidth: string; - textPrimary: string; - textSecondary: string; - textLink: string; - btnIcon: string; - btnHoverIcon: string; - btnHoverBg: string; - inputText: string; - inputPlaceholderText: string; - inputFocusText: string; - inputBg: string; - inputShadow: string; - donutError: string; - donutPending: string; - donutSuccess: string; - donutNeutral: string; - dropdownText: string; - dropdownBg: string; - dropdownBorder: string; - dropdownShadow: string; - dropdownHoverText: string; - dropdownHoverBg: string; - dropdownBtnHoverText: string; - dropdownBtnHoverBg: string; - scrollbarThumbBg: string; - headerLabelText: string; - headerLabelOpenText: string; - headerBorder: string; - headerIcon: string; - lineText: string; - lineNumText: string; - lineTimestampText: string; - lineHoverBg: string; - lineSelectedBg: string; - lineSelectedNumText: string; - lineDtFmText: string; - lineDtFmBg: string; - gateBg: string; - gateText: string; - gateWaitingText: string; - stepHeaderOpenBg: string; - stepErrorText: string; - stepWarningText: string; - loglineText: string; - loglineNumText: string; - loglineDebugText: string; - loglineErrorText: string; - loglineErrorNumText: string; - loglineErrorBg: string; - loglineWarningText: string; - loglineWarningNumText: string; - loglineWarningBg: string; - loglineCommandText: string; - loglineSectionText: string; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - }; - project: { - headerBg: string; - sidebarBg: string; - gradientIn: string; - gradientOut: string; - }; - mktg: { - btn: { - bg: string; - shadow: { - outline: string; - focus: string; - hover: string; - hoverMuted: string; - }; - }; - }; - control: { - borderColor: { - emphasis: string; - }; - }; - avatar: { - bg: string; - border: string; - stackFade: string; - stackFadeMore: string; - childShadow: string; - }; - topicTag: { - border: string; - }; - counter: { - border: string; - }; - selectMenu: { - backdropBorder: string; - tapHighlight: string; - tapFocusBg: string; - }; - overlay: { - shadow: string; - backdrop: string; - }; - header: { - text: string; - bg: string; - divider: string; - logo: string; - }; - headerSearch: { - bg: string; - border: string; - }; - sidenav: { - selectedBg: string; - }; - menu: { - bgActive: string; - }; - input: { - disabledBg: string; - }; - timeline: { - badgeBg: string; - }; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - btn: { - text: string; - bg: string; - border: string; - shadow: string; - insetShadow: string; - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - counterBg: 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; - icon: string; - counterBg: string; - }; - outline: { - text: string; - hoverText: string; - hoverBg: string; - hoverBorder: string; - hoverShadow: string; - hoverInsetShadow: string; - hoverCounterBg: string; - selectedText: string; - selectedBg: string; - selectedBorder: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledCounterBg: string; - counterBg: string; - hoverCounterFg: string; - disabledCounterFg: string; - counterFg: string; - }; - danger: { - text: string; - hoverText: string; - hoverBg: string; - hoverBorder: string; - hoverShadow: string; - hoverInsetShadow: string; - hoverIcon: string; - hoverCounterBg: string; - selectedText: string; - selectedBg: string; - selectedBorder: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledCounterBg: string; - counterBg: string; - icon: string; - counterFg: string; - disabledCounterFg: string; - hoverCounterFg: string; - }; - }; - underlinenav: { - icon: string; - borderHover: string; - }; - actionListItem: { - inlineDivider: string; - default: { - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - }; - danger: { - hoverBg: string; - activeBg: string; - hoverText: string; - }; - }; - switchTrack: { - bg: string; - hoverBg: string; - activeBg: string; - disabledBg: string; - fg: string; - disabledFg: string; - border: string; - checked: { - bg: string; - hoverBg: string; - activeBg: string; - fg: string; - disabledFg: string; - border: string; - }; - }; - switchKnob: { - bg: string; - border: string; - disabledBg: string; - checked: { - bg: string; - disabledBg: string; - border: string; - }; - }; - segmentedControl: { - bg: string; - button: { - bg: string; - hover: { - bg: string; - }; - active: { - bg: string; - }; - selected: { - border: string; - }; - }; - }; - treeViewItem: { - chevron: { - hoverBg: string; - }; - directory: { - fill: string; - }; - }; - fg: { - default: string; - muted: string; - subtle: string; - onEmphasis: string; - }; - canvas: { - default: string; - overlay: string; - inset: string; - subtle: string; - }; - border: { - default: string; - muted: string; - subtle: string; - }; + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + hoverCounterFg: string + disabledCounterFg: string + counterFg: string + } + danger: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverIcon: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + icon: string + counterFg: string + disabledCounterFg: string + hoverCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + border: string + disabledBg: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } + } + dark_dimmed: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string shadow: { - small: string; - medium: string; - large: string; - extraLarge: string; - }; - neutral: { - emphasisPlus: string; - emphasis: string; - muted: string; - subtle: string; - }; - accent: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - success: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - attention: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - severe: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - danger: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - open: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - closed: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - done: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - sponsors: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - primer: { - fg: { - disabled: string; - }; - canvas: { - backdrop: string; - sticky: string; - }; - border: { - active: string; - contrast: string; - }; - shadow: { - highlight: string; - inset: string; - }; - }; - scale: { - black: string; - white: string; - gray: string[]; - blue: string[]; - green: string[]; - yellow: string[]; - orange: string[]; - red: string[]; - purple: string[]; - pink: string[]; - coral: string[]; - }; - }; - dark_high_contrast: { - canvasDefaultTransparent: string; - pageHeaderBg: string; - marketingIcon: { - primary: string; - secondary: string; - }; - diffBlob: { - addition: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - deletion: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - hunk: { - numBg: string; - }; - expander: { - icon: string; - }; - selectedLineHighlightMixBlendMode: string; - }; - diffstat: { - deletionBorder: string; - additionBorder: string; - additionBg: string; - }; - searchKeyword: { - hl: string; - }; - prettylights: { - syntax: { - comment: string; - constant: string; - entity: string; - storageModifierImport: string; - entityTag: string; - keyword: string; - string: string; - variable: string; - brackethighlighterUnmatched: string; - invalidIllegalText: string; - invalidIllegalBg: string; - carriageReturnText: string; - carriageReturnBg: string; - stringRegexp: string; - markupList: string; - markupHeading: string; - markupItalic: string; - markupBold: string; - markupDeletedText: string; - markupDeletedBg: string; - markupInsertedText: string; - markupInsertedBg: string; - markupChangedText: string; - markupChangedBg: string; - markupIgnoredText: string; - markupIgnoredBg: string; - metaDiffRange: string; - brackethighlighterAngle: string; - sublimelinterGutterMark: string; - constantOtherReferenceLink: string; - }; - }; - codemirror: { - text: string; - bg: string; - guttersBg: string; - guttermarkerText: string; - guttermarkerSubtleText: string; - linenumberText: string; - cursor: string; - selectionBg: string; - activelineBg: string; - matchingbracketText: string; - linesBg: string; - syntax: { - comment: string; - constant: string; - entity: string; - keyword: string; - storage: string; - string: string; - support: string; - variable: string; - }; - }; - checks: { - bg: string; - runBorderWidth: string; - containerBorderWidth: string; - textPrimary: string; - textSecondary: string; - textLink: string; - btnIcon: string; - btnHoverIcon: string; - btnHoverBg: string; - inputText: string; - inputPlaceholderText: string; - inputFocusText: string; - inputBg: string; - inputShadow: string; - donutError: string; - donutPending: string; - donutSuccess: string; - donutNeutral: string; - dropdownText: string; - dropdownBg: string; - dropdownBorder: string; - dropdownShadow: string; - dropdownHoverText: string; - dropdownHoverBg: string; - dropdownBtnHoverText: string; - dropdownBtnHoverBg: string; - scrollbarThumbBg: string; - headerLabelText: string; - headerLabelOpenText: string; - headerBorder: string; - headerIcon: string; - lineText: string; - lineNumText: string; - lineTimestampText: string; - lineHoverBg: string; - lineSelectedBg: string; - lineSelectedNumText: string; - lineDtFmText: string; - lineDtFmBg: string; - gateBg: string; - gateText: string; - gateWaitingText: string; - stepHeaderOpenBg: string; - stepErrorText: string; - stepWarningText: string; - loglineText: string; - loglineNumText: string; - loglineDebugText: string; - loglineErrorText: string; - loglineErrorNumText: string; - loglineErrorBg: string; - loglineWarningText: string; - loglineWarningNumText: string; - loglineWarningBg: string; - loglineCommandText: string; - loglineSectionText: string; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - }; - project: { - headerBg: string; - sidebarBg: string; - gradientIn: string; - gradientOut: string; - }; - mktg: { - btn: { - bg: string; - shadow: { - outline: string; - focus: string; - hover: string; - hoverMuted: string; - }; - }; - }; - control: { - borderColor: { - emphasis: string; - }; - }; - avatar: { - bg: string; - border: string; - stackFade: string; - stackFadeMore: string; - childShadow: string; - }; - topicTag: { - border: string; - }; - counter: { - border: string; - }; - selectMenu: { - backdropBorder: string; - tapHighlight: string; - tapFocusBg: string; - }; - overlay: { - shadow: string; - backdrop: string; - }; - header: { - text: string; - bg: string; - divider: string; - logo: string; - }; - headerSearch: { - bg: string; - border: string; - }; - sidenav: { - selectedBg: string; - }; - menu: { - bgActive: string; - }; - input: { - disabledBg: string; - }; - timeline: { - badgeBg: string; - }; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - btn: { - text: string; - bg: string; - border: string; - shadow: string; - insetShadow: string; - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - counterBg: 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; - icon: string; - counterBg: string; - }; - outline: { - text: string; - hoverText: string; - hoverBg: string; - hoverBorder: string; - hoverShadow: string; - hoverInsetShadow: string; - hoverCounterBg: string; - selectedText: string; - selectedBg: string; - selectedBorder: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledCounterBg: string; - counterBg: string; - hoverCounterFg: string; - disabledCounterFg: string; - counterFg: string; - }; - danger: { - text: string; - hoverText: string; - hoverBg: string; - hoverBorder: string; - hoverShadow: string; - hoverInsetShadow: string; - hoverIcon: string; - hoverCounterBg: string; - selectedText: string; - selectedBg: string; - selectedBorder: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledCounterBg: string; - counterBg: string; - icon: string; - counterFg: string; - disabledCounterFg: string; - hoverCounterFg: string; - }; - }; - underlinenav: { - icon: string; - borderHover: string; - }; - actionListItem: { - inlineDivider: string; - default: { - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - }; - danger: { - hoverBg: string; - activeBg: string; - hoverText: string; - }; - }; - switchTrack: { - bg: string; - hoverBg: string; - activeBg: string; - disabledBg: string; - fg: string; - disabledFg: string; - border: string; - checked: { - bg: string; - hoverBg: string; - activeBg: string; - fg: string; - disabledFg: string; - border: string; - }; - }; - switchKnob: { - bg: string; - border: string; - disabledBg: string; - checked: { - bg: string; - disabledBg: string; - border: string; - }; - }; - segmentedControl: { - bg: string; - button: { - bg: string; - hover: { - bg: string; - }; - active: { - bg: string; - }; - selected: { - border: string; - }; - }; - }; - treeViewItem: { - chevron: { - hoverBg: string; - }; - directory: { - fill: string; - }; - }; - fg: { - default: string; - muted: string; - subtle: string; - onEmphasis: string; - }; - canvas: { - default: string; - overlay: string; - inset: string; - subtle: string; - }; - border: { - default: string; - muted: string; - subtle: string; - }; + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + hoverCounterFg: string + disabledCounterFg: string + counterFg: string + } + danger: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverIcon: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + icon: string + counterFg: string + disabledCounterFg: string + hoverCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + border: string + disabledBg: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } + } + dark_high_contrast: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string shadow: { - small: string; - medium: string; - large: string; - extraLarge: string; - }; - neutral: { - emphasisPlus: string; - emphasis: string; - muted: string; - subtle: string; - }; - accent: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - success: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - attention: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - severe: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - danger: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - open: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - closed: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - done: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - sponsors: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - primer: { - fg: { - disabled: string; - }; - canvas: { - backdrop: string; - sticky: string; - }; - border: { - active: string; - contrast: string; - }; - shadow: { - highlight: string; - inset: string; - }; - }; - scale: { - black: string; - white: string; - gray: string[]; - blue: string[]; - green: string[]; - yellow: string[]; - orange: string[]; - red: string[]; - purple: string[]; - pink: string[]; - coral: string[]; - }; - }; - dark_colorblind: { - canvasDefaultTransparent: string; - pageHeaderBg: string; - marketingIcon: { - primary: string; - secondary: string; - }; - diffBlob: { - addition: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - deletion: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - hunk: { - numBg: string; - }; - expander: { - icon: string; - }; - selectedLineHighlightMixBlendMode: string; - }; - diffstat: { - deletionBorder: string; - additionBorder: string; - additionBg: string; - }; - searchKeyword: { - hl: string; - }; - prettylights: { - syntax: { - comment: string; - constant: string; - entity: string; - storageModifierImport: string; - entityTag: string; - keyword: string; - string: string; - variable: string; - brackethighlighterUnmatched: string; - invalidIllegalText: string; - invalidIllegalBg: string; - carriageReturnText: string; - carriageReturnBg: string; - stringRegexp: string; - markupList: string; - markupHeading: string; - markupItalic: string; - markupBold: string; - markupDeletedText: string; - markupDeletedBg: string; - markupInsertedText: string; - markupInsertedBg: string; - markupChangedText: string; - markupChangedBg: string; - markupIgnoredText: string; - markupIgnoredBg: string; - metaDiffRange: string; - brackethighlighterAngle: string; - sublimelinterGutterMark: string; - constantOtherReferenceLink: string; - }; - }; - codemirror: { - text: string; - bg: string; - guttersBg: string; - guttermarkerText: string; - guttermarkerSubtleText: string; - linenumberText: string; - cursor: string; - selectionBg: string; - activelineBg: string; - matchingbracketText: string; - linesBg: string; - syntax: { - comment: string; - constant: string; - entity: string; - keyword: string; - storage: string; - string: string; - support: string; - variable: string; - }; - }; - checks: { - bg: string; - runBorderWidth: string; - containerBorderWidth: string; - textPrimary: string; - textSecondary: string; - textLink: string; - btnIcon: string; - btnHoverIcon: string; - btnHoverBg: string; - inputText: string; - inputPlaceholderText: string; - inputFocusText: string; - inputBg: string; - inputShadow: string; - donutError: string; - donutPending: string; - donutSuccess: string; - donutNeutral: string; - dropdownText: string; - dropdownBg: string; - dropdownBorder: string; - dropdownShadow: string; - dropdownHoverText: string; - dropdownHoverBg: string; - dropdownBtnHoverText: string; - dropdownBtnHoverBg: string; - scrollbarThumbBg: string; - headerLabelText: string; - headerLabelOpenText: string; - headerBorder: string; - headerIcon: string; - lineText: string; - lineNumText: string; - lineTimestampText: string; - lineHoverBg: string; - lineSelectedBg: string; - lineSelectedNumText: string; - lineDtFmText: string; - lineDtFmBg: string; - gateBg: string; - gateText: string; - gateWaitingText: string; - stepHeaderOpenBg: string; - stepErrorText: string; - stepWarningText: string; - loglineText: string; - loglineNumText: string; - loglineDebugText: string; - loglineErrorText: string; - loglineErrorNumText: string; - loglineErrorBg: string; - loglineWarningText: string; - loglineWarningNumText: string; - loglineWarningBg: string; - loglineCommandText: string; - loglineSectionText: string; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - }; - project: { - headerBg: string; - sidebarBg: string; - gradientIn: string; - gradientOut: string; - }; - mktg: { - btn: { - bg: string; - shadow: { - outline: string; - focus: string; - hover: string; - hoverMuted: string; - }; - }; - }; - control: { - borderColor: { - emphasis: string; - }; - }; - avatar: { - bg: string; - border: string; - stackFade: string; - stackFadeMore: string; - childShadow: string; - }; - topicTag: { - border: string; - }; - counter: { - border: string; - }; - selectMenu: { - backdropBorder: string; - tapHighlight: string; - tapFocusBg: string; - }; - overlay: { - shadow: string; - backdrop: string; - }; - header: { - text: string; - bg: string; - divider: string; - logo: string; - }; - headerSearch: { - bg: string; - border: string; - }; - sidenav: { - selectedBg: string; - }; - menu: { - bgActive: string; - }; - input: { - disabledBg: string; - }; - timeline: { - badgeBg: string; - }; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - btn: { - text: string; - bg: string; - border: string; - shadow: string; - insetShadow: string; - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - counterBg: 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; - icon: string; - counterBg: string; - }; - outline: { - text: string; - hoverText: string; - hoverBg: string; - hoverBorder: string; - hoverShadow: string; - hoverInsetShadow: string; - hoverCounterBg: string; - selectedText: string; - selectedBg: string; - selectedBorder: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledCounterBg: string; - counterBg: string; - hoverCounterFg: string; - disabledCounterFg: string; - counterFg: string; - }; - danger: { - text: string; - hoverText: string; - hoverBg: string; - hoverBorder: string; - hoverShadow: string; - hoverInsetShadow: string; - hoverIcon: string; - hoverCounterBg: string; - selectedText: string; - selectedBg: string; - selectedBorder: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledCounterBg: string; - counterBg: string; - icon: string; - counterFg: string; - disabledCounterFg: string; - hoverCounterFg: string; - }; - }; - underlinenav: { - icon: string; - borderHover: string; - }; - actionListItem: { - inlineDivider: string; - default: { - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - }; - danger: { - hoverBg: string; - activeBg: string; - hoverText: string; - }; - }; - switchTrack: { - bg: string; - hoverBg: string; - activeBg: string; - disabledBg: string; - fg: string; - disabledFg: string; - border: string; - checked: { - bg: string; - hoverBg: string; - activeBg: string; - fg: string; - disabledFg: string; - border: string; - }; - }; - switchKnob: { - bg: string; - border: string; - disabledBg: string; - checked: { - bg: string; - disabledBg: string; - border: string; - }; - }; - segmentedControl: { - bg: string; - button: { - bg: string; - hover: { - bg: string; - }; - active: { - bg: string; - }; - selected: { - border: string; - }; - }; - }; - treeViewItem: { - chevron: { - hoverBg: string; - }; - directory: { - fill: string; - }; - }; - fg: { - default: string; - muted: string; - subtle: string; - onEmphasis: string; - }; - canvas: { - default: string; - overlay: string; - inset: string; - subtle: string; - }; - border: { - default: string; - muted: string; - subtle: string; - }; + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + hoverCounterFg: string + disabledCounterFg: string + counterFg: string + } + danger: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverIcon: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + icon: string + counterFg: string + disabledCounterFg: string + hoverCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + border: string + disabledBg: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } + } + dark_colorblind: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string shadow: { - small: string; - medium: string; - large: string; - extraLarge: string; - }; - neutral: { - emphasisPlus: string; - emphasis: string; - muted: string; - subtle: string; - }; - accent: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - success: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - attention: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - severe: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - danger: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - open: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - closed: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - done: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - sponsors: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - primer: { - fg: { - disabled: string; - }; - canvas: { - backdrop: string; - sticky: string; - }; - border: { - active: string; - contrast: string; - }; - shadow: { - highlight: string; - inset: string; - }; - }; - scale: { - black: string; - white: string; - gray: string[]; - blue: string[]; - green: string[]; - yellow: string[]; - orange: string[]; - red: string[]; - purple: string[]; - pink: string[]; - coral: string[]; - }; - }; - dark_tritanopia: { - canvasDefaultTransparent: string; - pageHeaderBg: string; - marketingIcon: { - primary: string; - secondary: string; - }; - diffBlob: { - addition: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - deletion: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - hunk: { - numBg: string; - }; - expander: { - icon: string; - }; - selectedLineHighlightMixBlendMode: string; - }; - diffstat: { - deletionBorder: string; - additionBorder: string; - additionBg: string; - }; - searchKeyword: { - hl: string; - }; - prettylights: { - syntax: { - comment: string; - constant: string; - entity: string; - storageModifierImport: string; - entityTag: string; - keyword: string; - string: string; - variable: string; - brackethighlighterUnmatched: string; - invalidIllegalText: string; - invalidIllegalBg: string; - carriageReturnText: string; - carriageReturnBg: string; - stringRegexp: string; - markupList: string; - markupHeading: string; - markupItalic: string; - markupBold: string; - markupDeletedText: string; - markupDeletedBg: string; - markupInsertedText: string; - markupInsertedBg: string; - markupChangedText: string; - markupChangedBg: string; - markupIgnoredText: string; - markupIgnoredBg: string; - metaDiffRange: string; - brackethighlighterAngle: string; - sublimelinterGutterMark: string; - constantOtherReferenceLink: string; - }; - }; - codemirror: { - text: string; - bg: string; - guttersBg: string; - guttermarkerText: string; - guttermarkerSubtleText: string; - linenumberText: string; - cursor: string; - selectionBg: string; - activelineBg: string; - matchingbracketText: string; - linesBg: string; - syntax: { - comment: string; - constant: string; - entity: string; - keyword: string; - storage: string; - string: string; - support: string; - variable: string; - }; - }; - checks: { - bg: string; - runBorderWidth: string; - containerBorderWidth: string; - textPrimary: string; - textSecondary: string; - textLink: string; - btnIcon: string; - btnHoverIcon: string; - btnHoverBg: string; - inputText: string; - inputPlaceholderText: string; - inputFocusText: string; - inputBg: string; - inputShadow: string; - donutError: string; - donutPending: string; - donutSuccess: string; - donutNeutral: string; - dropdownText: string; - dropdownBg: string; - dropdownBorder: string; - dropdownShadow: string; - dropdownHoverText: string; - dropdownHoverBg: string; - dropdownBtnHoverText: string; - dropdownBtnHoverBg: string; - scrollbarThumbBg: string; - headerLabelText: string; - headerLabelOpenText: string; - headerBorder: string; - headerIcon: string; - lineText: string; - lineNumText: string; - lineTimestampText: string; - lineHoverBg: string; - lineSelectedBg: string; - lineSelectedNumText: string; - lineDtFmText: string; - lineDtFmBg: string; - gateBg: string; - gateText: string; - gateWaitingText: string; - stepHeaderOpenBg: string; - stepErrorText: string; - stepWarningText: string; - loglineText: string; - loglineNumText: string; - loglineDebugText: string; - loglineErrorText: string; - loglineErrorNumText: string; - loglineErrorBg: string; - loglineWarningText: string; - loglineWarningNumText: string; - loglineWarningBg: string; - loglineCommandText: string; - loglineSectionText: string; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - }; - project: { - headerBg: string; - sidebarBg: string; - gradientIn: string; - gradientOut: string; - }; - mktg: { - btn: { - bg: string; - shadow: { - outline: string; - focus: string; - hover: string; - hoverMuted: string; - }; - }; - }; - control: { - borderColor: { - emphasis: string; - }; - }; - avatar: { - bg: string; - border: string; - stackFade: string; - stackFadeMore: string; - childShadow: string; - }; - topicTag: { - border: string; - }; - counter: { - border: string; - }; - selectMenu: { - backdropBorder: string; - tapHighlight: string; - tapFocusBg: string; - }; - overlay: { - shadow: string; - backdrop: string; - }; - header: { - text: string; - bg: string; - divider: string; - logo: string; - }; - headerSearch: { - bg: string; - border: string; - }; - sidenav: { - selectedBg: string; - }; - menu: { - bgActive: string; - }; - input: { - disabledBg: string; - }; - timeline: { - badgeBg: string; - }; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - btn: { - text: string; - bg: string; - border: string; - shadow: string; - insetShadow: string; - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - counterBg: 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; - icon: string; - counterBg: string; - }; - outline: { - text: string; - hoverText: string; - hoverBg: string; - hoverBorder: string; - hoverShadow: string; - hoverInsetShadow: string; - hoverCounterBg: string; - selectedText: string; - selectedBg: string; - selectedBorder: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledCounterBg: string; - counterBg: string; - hoverCounterFg: string; - disabledCounterFg: string; - counterFg: string; - }; - danger: { - text: string; - hoverText: string; - hoverBg: string; - hoverBorder: string; - hoverShadow: string; - hoverInsetShadow: string; - hoverIcon: string; - hoverCounterBg: string; - selectedText: string; - selectedBg: string; - selectedBorder: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledCounterBg: string; - counterBg: string; - icon: string; - counterFg: string; - disabledCounterFg: string; - hoverCounterFg: string; - }; - }; - underlinenav: { - icon: string; - borderHover: string; - }; - actionListItem: { - inlineDivider: string; - default: { - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - }; - danger: { - hoverBg: string; - activeBg: string; - hoverText: string; - }; - }; - switchTrack: { - bg: string; - hoverBg: string; - activeBg: string; - disabledBg: string; - fg: string; - disabledFg: string; - border: string; - checked: { - bg: string; - hoverBg: string; - activeBg: string; - fg: string; - disabledFg: string; - border: string; - }; - }; - switchKnob: { - bg: string; - border: string; - disabledBg: string; - checked: { - bg: string; - disabledBg: string; - border: string; - }; - }; - segmentedControl: { - bg: string; - button: { - bg: string; - hover: { - bg: string; - }; - active: { - bg: string; - }; - selected: { - border: string; - }; - }; - }; - treeViewItem: { - chevron: { - hoverBg: string; - }; - directory: { - fill: string; - }; - }; - fg: { - default: string; - muted: string; - subtle: string; - onEmphasis: string; - }; - canvas: { - default: string; - overlay: string; - inset: string; - subtle: string; - }; - border: { - default: string; - muted: string; - subtle: string; - }; + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + hoverCounterFg: string + disabledCounterFg: string + counterFg: string + } + danger: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverIcon: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + icon: string + counterFg: string + disabledCounterFg: string + hoverCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + border: string + disabledBg: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } + } + dark_tritanopia: { + canvasDefaultTransparent: string + pageHeaderBg: string + marketingIcon: { + primary: string + secondary: string + } + diffBlob: { + addition: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + deletion: { + numText: string + fg: string + numBg: string + lineBg: string + wordBg: string + } + hunk: { + numBg: string + } + expander: { + icon: string + } + selectedLineHighlightMixBlendMode: string + } + diffstat: { + deletionBorder: string + additionBorder: string + additionBg: string + } + searchKeyword: { + hl: string + } + prettylights: { + syntax: { + comment: string + constant: string + entity: string + storageModifierImport: string + entityTag: string + keyword: string + string: string + variable: string + brackethighlighterUnmatched: string + invalidIllegalText: string + invalidIllegalBg: string + carriageReturnText: string + carriageReturnBg: string + stringRegexp: string + markupList: string + markupHeading: string + markupItalic: string + markupBold: string + markupDeletedText: string + markupDeletedBg: string + markupInsertedText: string + markupInsertedBg: string + markupChangedText: string + markupChangedBg: string + markupIgnoredText: string + markupIgnoredBg: string + metaDiffRange: string + brackethighlighterAngle: string + sublimelinterGutterMark: string + constantOtherReferenceLink: string + } + } + codemirror: { + text: string + bg: string + guttersBg: string + guttermarkerText: string + guttermarkerSubtleText: string + linenumberText: string + cursor: string + selectionBg: string + activelineBg: string + matchingbracketText: string + linesBg: string + syntax: { + comment: string + constant: string + entity: string + keyword: string + storage: string + string: string + support: string + variable: string + } + } + checks: { + bg: string + runBorderWidth: string + containerBorderWidth: string + textPrimary: string + textSecondary: string + textLink: string + btnIcon: string + btnHoverIcon: string + btnHoverBg: string + inputText: string + inputPlaceholderText: string + inputFocusText: string + inputBg: string + inputShadow: string + donutError: string + donutPending: string + donutSuccess: string + donutNeutral: string + dropdownText: string + dropdownBg: string + dropdownBorder: string + dropdownShadow: string + dropdownHoverText: string + dropdownHoverBg: string + dropdownBtnHoverText: string + dropdownBtnHoverBg: string + scrollbarThumbBg: string + headerLabelText: string + headerLabelOpenText: string + headerBorder: string + headerIcon: string + lineText: string + lineNumText: string + lineTimestampText: string + lineHoverBg: string + lineSelectedBg: string + lineSelectedNumText: string + lineDtFmText: string + lineDtFmBg: string + gateBg: string + gateText: string + gateWaitingText: string + stepHeaderOpenBg: string + stepErrorText: string + stepWarningText: string + loglineText: string + loglineNumText: string + loglineDebugText: string + loglineErrorText: string + loglineErrorNumText: string + loglineErrorBg: string + loglineWarningText: string + loglineWarningNumText: string + loglineWarningBg: string + loglineCommandText: string + loglineSectionText: string + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + } + project: { + headerBg: string + sidebarBg: string + gradientIn: string + gradientOut: string + } + mktg: { + btn: { + bg: string shadow: { - small: string; - medium: string; - large: string; - extraLarge: string; - }; - neutral: { - emphasisPlus: string; - emphasis: string; - muted: string; - subtle: string; - }; - accent: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - success: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - attention: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - severe: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - danger: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - open: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - closed: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - done: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - sponsors: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - primer: { - fg: { - disabled: string; - }; - canvas: { - backdrop: string; - sticky: string; - }; - border: { - active: string; - contrast: string; - }; - shadow: { - highlight: string; - inset: string; - }; - }; - scale: { - black: string; - white: string; - gray: string[]; - blue: string[]; - green: string[]; - yellow: string[]; - orange: string[]; - red: string[]; - purple: string[]; - pink: string[]; - coral: string[]; - }; - }; -}; -export default _default; + outline: string + focus: string + hover: string + hoverMuted: string + } + } + } + control: { + borderColor: { + emphasis: string + } + } + avatar: { + bg: string + border: string + stackFade: string + stackFadeMore: string + childShadow: string + } + topicTag: { + border: string + } + counter: { + border: string + } + selectMenu: { + backdropBorder: string + tapHighlight: string + tapFocusBg: string + } + overlay: { + shadow: string + backdrop: string + } + header: { + text: string + bg: string + divider: string + logo: string + } + headerSearch: { + bg: string + border: string + } + sidenav: { + selectedBg: string + } + menu: { + bgActive: string + } + input: { + disabledBg: string + } + timeline: { + badgeBg: string + } + ansi: { + black: string + blackBright: string + white: string + whiteBright: string + gray: string + red: string + redBright: string + green: string + greenBright: string + yellow: string + yellowBright: string + blue: string + blueBright: string + magenta: string + magentaBright: string + cyan: string + cyanBright: string + } + btn: { + text: string + bg: string + border: string + shadow: string + insetShadow: string + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + counterBg: 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 + icon: string + counterBg: string + } + outline: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + hoverCounterFg: string + disabledCounterFg: string + counterFg: string + } + danger: { + text: string + hoverText: string + hoverBg: string + hoverBorder: string + hoverShadow: string + hoverInsetShadow: string + hoverIcon: string + hoverCounterBg: string + selectedText: string + selectedBg: string + selectedBorder: string + selectedShadow: string + disabledText: string + disabledBg: string + disabledCounterBg: string + counterBg: string + icon: string + counterFg: string + disabledCounterFg: string + hoverCounterFg: string + } + } + underlinenav: { + icon: string + borderHover: string + } + actionListItem: { + inlineDivider: string + default: { + hoverBg: string + hoverBorder: string + activeBg: string + activeBorder: string + selectedBg: string + } + danger: { + hoverBg: string + activeBg: string + hoverText: string + } + } + switchTrack: { + bg: string + hoverBg: string + activeBg: string + disabledBg: string + fg: string + disabledFg: string + border: string + checked: { + bg: string + hoverBg: string + activeBg: string + fg: string + disabledFg: string + border: string + } + } + switchKnob: { + bg: string + border: string + disabledBg: string + checked: { + bg: string + disabledBg: string + border: string + } + } + segmentedControl: { + bg: string + button: { + bg: string + hover: { + bg: string + } + active: { + bg: string + } + selected: { + border: string + } + } + } + treeViewItem: { + chevron: { + hoverBg: string + } + directory: { + fill: string + } + } + fg: { + default: string + muted: string + subtle: string + onEmphasis: string + } + canvas: { + default: string + overlay: string + inset: string + subtle: string + } + border: { + default: string + muted: string + subtle: string + } + shadow: { + small: string + medium: string + large: string + extraLarge: string + } + neutral: { + emphasisPlus: string + emphasis: string + muted: string + subtle: string + } + accent: { + fg: string + emphasis: string + muted: string + subtle: string + } + success: { + fg: string + emphasis: string + muted: string + subtle: string + } + attention: { + fg: string + emphasis: string + muted: string + subtle: string + } + severe: { + fg: string + emphasis: string + muted: string + subtle: string + } + danger: { + fg: string + emphasis: string + muted: string + subtle: string + } + open: { + fg: string + emphasis: string + muted: string + subtle: string + } + closed: { + fg: string + emphasis: string + muted: string + subtle: string + } + done: { + fg: string + emphasis: string + muted: string + subtle: string + } + sponsors: { + fg: string + emphasis: string + muted: string + subtle: string + } + primer: { + fg: { + disabled: string + } + canvas: { + backdrop: string + sticky: string + } + border: { + active: string + contrast: string + } + shadow: { + highlight: string + inset: string + } + } + scale: { + black: string + white: string + gray: string[] + blue: string[] + green: string[] + yellow: string[] + orange: string[] + red: string[] + purple: string[] + pink: string[] + coral: string[] + } + } +} +export default _default diff --git a/src/legacy-theme/js/colors/index.js b/src/legacy-theme/js/colors/index.js index c8f22aa7b45..19bcde4ce32 100644 --- a/src/legacy-theme/js/colors/index.js +++ b/src/legacy-theme/js/colors/index.js @@ -1,3 +1,4 @@ +/* eslint-disable camelcase */ 'use strict' import light from './light' diff --git a/src/theme.ts b/src/theme.ts index d5f0a012418..78652195c93 100644 --- a/src/theme.ts +++ b/src/theme.ts @@ -1,13 +1,8 @@ import {KeyPaths} from './utils/types/KeyPaths' import primitives from './legacy-theme/js/index.js' import {partitionColors, fontStack, omitScale} from './utils/theme' -// console.log(JSON.stringify(primitives.typography.normal.lineHeight, null, 2)) -const {lineHeight: lineHeights} = primitives.typography -console.log(primitives) -console.log(primitives.typography) -// console.log(primitives.typography.normal) -console.log(primitives.typography.lineHeight) +const {lineHeight: lineHeights} = primitives.typography const animation = { easeOutCubic: 'cubic-bezier(0.33, 1, 0.68, 1)', From 18a23b9638cc6051f6c4698709e8ddffb2cb203a Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Thu, 5 Oct 2023 10:16:23 -0700 Subject: [PATCH 05/19] just get rid of typography sheesh --- src/legacy-theme/js/index.js | 3 +-- src/legacy-theme/js/typography/index.d.ts | 8 -------- src/legacy-theme/js/typography/index.js | 7 ------- src/theme.ts | 8 +++++++- 4 files changed, 8 insertions(+), 18 deletions(-) delete mode 100644 src/legacy-theme/js/typography/index.d.ts delete mode 100644 src/legacy-theme/js/typography/index.js diff --git a/src/legacy-theme/js/index.js b/src/legacy-theme/js/index.js index 698929d9ee5..7b69cc269bf 100644 --- a/src/legacy-theme/js/index.js +++ b/src/legacy-theme/js/index.js @@ -1,4 +1,3 @@ import colors from './colors' -import typography from './typography' -export default {colors, typography} +export default {colors} diff --git a/src/legacy-theme/js/typography/index.d.ts b/src/legacy-theme/js/typography/index.d.ts deleted file mode 100644 index ebf74209d41..00000000000 --- a/src/legacy-theme/js/typography/index.d.ts +++ /dev/null @@ -1,8 +0,0 @@ -declare const _default: { - lineHeight: { - condensedUltra: number - condensed: number - default: number - } -} -export default _default diff --git a/src/legacy-theme/js/typography/index.js b/src/legacy-theme/js/typography/index.js deleted file mode 100644 index 73ee21d566c..00000000000 --- a/src/legacy-theme/js/typography/index.js +++ /dev/null @@ -1,7 +0,0 @@ -const lineHeight = { - condensedUltra: 1, - condensed: 1.25, - default: 1.5, -} - -export default lineHeight diff --git a/src/theme.ts b/src/theme.ts index 78652195c93..e44fa38a0b3 100644 --- a/src/theme.ts +++ b/src/theme.ts @@ -2,7 +2,7 @@ import {KeyPaths} from './utils/types/KeyPaths' import primitives from './legacy-theme/js/index.js' import {partitionColors, fontStack, omitScale} from './utils/theme' -const {lineHeight: lineHeights} = primitives.typography +// const {lineHeight: lineHeights} = primitives.typography const animation = { easeOutCubic: 'cubic-bezier(0.33, 1, 0.68, 1)', @@ -25,6 +25,12 @@ const fonts = { mono: fontStack(['SFMono-Regular', 'Consolas', 'Liberation Mono', 'Menlo', 'Courier', 'monospace']), } +const lineHeights = { + condensedUltra: 1, + condensed: 1.25, + default: 1.5, +} + const fontWeights = { light: 300, normal: 400, From 69be995d49b094676d0948af216d354cd29c9812 Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Thu, 5 Oct 2023 10:33:34 -0700 Subject: [PATCH 06/19] readme --- src/legacy-theme/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/legacy-theme/README.md b/src/legacy-theme/README.md index 4cee9848575..31e9b7a78a2 100644 --- a/src/legacy-theme/README.md +++ b/src/legacy-theme/README.md @@ -1 +1 @@ -explain things here +`legacy-theme` is a copy of the colors `dist` from `primer/primitives` and is intended to serve as a stopgap until we migrate JS variables to CSS variables. This excludes the build logic from Primitives, so each value is a raw hex. Refrain from making changes to these colors unless absolutely necessary. From 5fd8a65c9524bdd14de2ebe2e1ea8232d0da3074 Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Thu, 5 Oct 2023 15:09:33 -0700 Subject: [PATCH 07/19] move to ts --- src/legacy-theme/js/colors/dark.d.ts | 512 ------------------ .../js/colors/{dark.js => dark.ts} | 2 +- .../js/colors/dark_colorblind.d.ts | 512 ------------------ ...{dark_colorblind.js => dark_colorblind.ts} | 2 +- src/legacy-theme/js/colors/dark_dimmed.d.ts | 512 ------------------ .../colors/{dark_dimmed.js => dark_dimmed.ts} | 2 +- .../js/colors/dark_high_contrast.d.ts | 512 ------------------ ...high_contrast.js => dark_high_contrast.ts} | 2 +- .../js/colors/dark_tritanopia.d.ts | 512 ------------------ ...{dark_tritanopia.js => dark_tritanopia.ts} | 2 +- src/legacy-theme/js/colors/light.d.ts | 512 ------------------ .../js/colors/{light.js => light.ts} | 2 +- .../js/colors/light_colorblind.d.ts | 512 ------------------ ...ight_colorblind.js => light_colorblind.ts} | 2 +- .../js/colors/light_high_contrast.d.ts | 512 ------------------ ...igh_contrast.js => light_high_contrast.ts} | 2 +- .../js/colors/light_tritanopia.d.ts | 512 ------------------ ...ight_tritanopia.js => light_tritanopia.ts} | 2 +- 18 files changed, 9 insertions(+), 4617 deletions(-) delete mode 100644 src/legacy-theme/js/colors/dark.d.ts rename src/legacy-theme/js/colors/{dark.js => dark.ts} (99%) delete mode 100644 src/legacy-theme/js/colors/dark_colorblind.d.ts rename src/legacy-theme/js/colors/{dark_colorblind.js => dark_colorblind.ts} (99%) delete mode 100644 src/legacy-theme/js/colors/dark_dimmed.d.ts rename src/legacy-theme/js/colors/{dark_dimmed.js => dark_dimmed.ts} (99%) delete mode 100644 src/legacy-theme/js/colors/dark_high_contrast.d.ts rename src/legacy-theme/js/colors/{dark_high_contrast.js => dark_high_contrast.ts} (99%) delete mode 100644 src/legacy-theme/js/colors/dark_tritanopia.d.ts rename src/legacy-theme/js/colors/{dark_tritanopia.js => dark_tritanopia.ts} (99%) delete mode 100644 src/legacy-theme/js/colors/light.d.ts rename src/legacy-theme/js/colors/{light.js => light.ts} (99%) delete mode 100644 src/legacy-theme/js/colors/light_colorblind.d.ts rename src/legacy-theme/js/colors/{light_colorblind.js => light_colorblind.ts} (99%) delete mode 100644 src/legacy-theme/js/colors/light_high_contrast.d.ts rename src/legacy-theme/js/colors/{light_high_contrast.js => light_high_contrast.ts} (99%) delete mode 100644 src/legacy-theme/js/colors/light_tritanopia.d.ts rename src/legacy-theme/js/colors/{light_tritanopia.js => light_tritanopia.ts} (99%) diff --git a/src/legacy-theme/js/colors/dark.d.ts b/src/legacy-theme/js/colors/dark.d.ts deleted file mode 100644 index e8c6acd7489..00000000000 --- a/src/legacy-theme/js/colors/dark.d.ts +++ /dev/null @@ -1,512 +0,0 @@ -declare const _default: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - hoverCounterFg: string - disabledCounterFg: string - counterFg: string - } - danger: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverIcon: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - icon: string - counterFg: string - disabledCounterFg: string - hoverCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - border: string - disabledBg: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } -} -export default _default diff --git a/src/legacy-theme/js/colors/dark.js b/src/legacy-theme/js/colors/dark.ts similarity index 99% rename from src/legacy-theme/js/colors/dark.js rename to src/legacy-theme/js/colors/dark.ts index 2b658912259..1bf3b490d31 100644 --- a/src/legacy-theme/js/colors/dark.js +++ b/src/legacy-theme/js/colors/dark.ts @@ -597,6 +597,6 @@ const colors = { '#460701', ], }, -} +} as const export default colors diff --git a/src/legacy-theme/js/colors/dark_colorblind.d.ts b/src/legacy-theme/js/colors/dark_colorblind.d.ts deleted file mode 100644 index e8c6acd7489..00000000000 --- a/src/legacy-theme/js/colors/dark_colorblind.d.ts +++ /dev/null @@ -1,512 +0,0 @@ -declare const _default: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - hoverCounterFg: string - disabledCounterFg: string - counterFg: string - } - danger: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverIcon: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - icon: string - counterFg: string - disabledCounterFg: string - hoverCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - border: string - disabledBg: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } -} -export default _default diff --git a/src/legacy-theme/js/colors/dark_colorblind.js b/src/legacy-theme/js/colors/dark_colorblind.ts similarity index 99% rename from src/legacy-theme/js/colors/dark_colorblind.js rename to src/legacy-theme/js/colors/dark_colorblind.ts index 274d663a6d0..870471274c1 100644 --- a/src/legacy-theme/js/colors/dark_colorblind.js +++ b/src/legacy-theme/js/colors/dark_colorblind.ts @@ -597,6 +597,6 @@ const colors = { '#460701', ], }, -} +} as const export default colors diff --git a/src/legacy-theme/js/colors/dark_dimmed.d.ts b/src/legacy-theme/js/colors/dark_dimmed.d.ts deleted file mode 100644 index e8c6acd7489..00000000000 --- a/src/legacy-theme/js/colors/dark_dimmed.d.ts +++ /dev/null @@ -1,512 +0,0 @@ -declare const _default: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - hoverCounterFg: string - disabledCounterFg: string - counterFg: string - } - danger: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverIcon: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - icon: string - counterFg: string - disabledCounterFg: string - hoverCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - border: string - disabledBg: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } -} -export default _default diff --git a/src/legacy-theme/js/colors/dark_dimmed.js b/src/legacy-theme/js/colors/dark_dimmed.ts similarity index 99% rename from src/legacy-theme/js/colors/dark_dimmed.js rename to src/legacy-theme/js/colors/dark_dimmed.ts index 3c760f2ab1d..38120221ca8 100644 --- a/src/legacy-theme/js/colors/dark_dimmed.js +++ b/src/legacy-theme/js/colors/dark_dimmed.ts @@ -597,6 +597,6 @@ const colors = { '#5d1008', ], }, -} +} as const export default colors diff --git a/src/legacy-theme/js/colors/dark_high_contrast.d.ts b/src/legacy-theme/js/colors/dark_high_contrast.d.ts deleted file mode 100644 index e8c6acd7489..00000000000 --- a/src/legacy-theme/js/colors/dark_high_contrast.d.ts +++ /dev/null @@ -1,512 +0,0 @@ -declare const _default: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - hoverCounterFg: string - disabledCounterFg: string - counterFg: string - } - danger: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverIcon: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - icon: string - counterFg: string - disabledCounterFg: string - hoverCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - border: string - disabledBg: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } -} -export default _default diff --git a/src/legacy-theme/js/colors/dark_high_contrast.js b/src/legacy-theme/js/colors/dark_high_contrast.ts similarity index 99% rename from src/legacy-theme/js/colors/dark_high_contrast.js rename to src/legacy-theme/js/colors/dark_high_contrast.ts index 3f6d5f506fc..4ef4f11e0e3 100644 --- a/src/legacy-theme/js/colors/dark_high_contrast.js +++ b/src/legacy-theme/js/colors/dark_high_contrast.ts @@ -597,6 +597,6 @@ const colors = { '#a91500', ], }, -} +} as const export default colors diff --git a/src/legacy-theme/js/colors/dark_tritanopia.d.ts b/src/legacy-theme/js/colors/dark_tritanopia.d.ts deleted file mode 100644 index e8c6acd7489..00000000000 --- a/src/legacy-theme/js/colors/dark_tritanopia.d.ts +++ /dev/null @@ -1,512 +0,0 @@ -declare const _default: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - hoverCounterFg: string - disabledCounterFg: string - counterFg: string - } - danger: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverIcon: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - icon: string - counterFg: string - disabledCounterFg: string - hoverCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - border: string - disabledBg: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } -} -export default _default diff --git a/src/legacy-theme/js/colors/dark_tritanopia.js b/src/legacy-theme/js/colors/dark_tritanopia.ts similarity index 99% rename from src/legacy-theme/js/colors/dark_tritanopia.js rename to src/legacy-theme/js/colors/dark_tritanopia.ts index 315d93a3f5d..0d4156b3807 100644 --- a/src/legacy-theme/js/colors/dark_tritanopia.js +++ b/src/legacy-theme/js/colors/dark_tritanopia.ts @@ -597,6 +597,6 @@ const colors = { '#460701', ], }, -} +} as const export default colors diff --git a/src/legacy-theme/js/colors/light.d.ts b/src/legacy-theme/js/colors/light.d.ts deleted file mode 100644 index 7fc2c7b3f17..00000000000 --- a/src/legacy-theme/js/colors/light.d.ts +++ /dev/null @@ -1,512 +0,0 @@ -declare const _default: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: 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 - counterBg: string - icon: string - hoverIcon: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - disabledBg: string - border: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } -} -export default _default diff --git a/src/legacy-theme/js/colors/light.js b/src/legacy-theme/js/colors/light.ts similarity index 99% rename from src/legacy-theme/js/colors/light.js rename to src/legacy-theme/js/colors/light.ts index 8f551d8c707..fc2f003e07e 100644 --- a/src/legacy-theme/js/colors/light.js +++ b/src/legacy-theme/js/colors/light.ts @@ -597,6 +597,6 @@ const colors = { '#510901', ], }, -} +} as const export default colors diff --git a/src/legacy-theme/js/colors/light_colorblind.d.ts b/src/legacy-theme/js/colors/light_colorblind.d.ts deleted file mode 100644 index 7fc2c7b3f17..00000000000 --- a/src/legacy-theme/js/colors/light_colorblind.d.ts +++ /dev/null @@ -1,512 +0,0 @@ -declare const _default: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: 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 - counterBg: string - icon: string - hoverIcon: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - disabledBg: string - border: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } -} -export default _default diff --git a/src/legacy-theme/js/colors/light_colorblind.js b/src/legacy-theme/js/colors/light_colorblind.ts similarity index 99% rename from src/legacy-theme/js/colors/light_colorblind.js rename to src/legacy-theme/js/colors/light_colorblind.ts index 5dd54afecc1..47909d08376 100644 --- a/src/legacy-theme/js/colors/light_colorblind.js +++ b/src/legacy-theme/js/colors/light_colorblind.ts @@ -597,6 +597,6 @@ const colors = { '#510901', ], }, -} +} as const export default colors diff --git a/src/legacy-theme/js/colors/light_high_contrast.d.ts b/src/legacy-theme/js/colors/light_high_contrast.d.ts deleted file mode 100644 index 7fc2c7b3f17..00000000000 --- a/src/legacy-theme/js/colors/light_high_contrast.d.ts +++ /dev/null @@ -1,512 +0,0 @@ -declare const _default: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: 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 - counterBg: string - icon: string - hoverIcon: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - disabledBg: string - border: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } -} -export default _default diff --git a/src/legacy-theme/js/colors/light_high_contrast.js b/src/legacy-theme/js/colors/light_high_contrast.ts similarity index 99% rename from src/legacy-theme/js/colors/light_high_contrast.js rename to src/legacy-theme/js/colors/light_high_contrast.ts index dde0d4d53a0..f57dd92b673 100644 --- a/src/legacy-theme/js/colors/light_high_contrast.js +++ b/src/legacy-theme/js/colors/light_high_contrast.ts @@ -597,6 +597,6 @@ const colors = { '#430200', ], }, -} +} as const export default colors diff --git a/src/legacy-theme/js/colors/light_tritanopia.d.ts b/src/legacy-theme/js/colors/light_tritanopia.d.ts deleted file mode 100644 index 7fc2c7b3f17..00000000000 --- a/src/legacy-theme/js/colors/light_tritanopia.d.ts +++ /dev/null @@ -1,512 +0,0 @@ -declare const _default: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: 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 - counterBg: string - icon: string - hoverIcon: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - disabledBg: string - border: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } -} -export default _default diff --git a/src/legacy-theme/js/colors/light_tritanopia.js b/src/legacy-theme/js/colors/light_tritanopia.ts similarity index 99% rename from src/legacy-theme/js/colors/light_tritanopia.js rename to src/legacy-theme/js/colors/light_tritanopia.ts index 33837598a1f..52536ac8b86 100644 --- a/src/legacy-theme/js/colors/light_tritanopia.js +++ b/src/legacy-theme/js/colors/light_tritanopia.ts @@ -597,6 +597,6 @@ const colors = { '#510901', ], }, -} +} as const export default colors From 87bfe2112a963604fec5b27cfe6134e72cc3672a Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Thu, 5 Oct 2023 15:15:24 -0700 Subject: [PATCH 08/19] more ts --- .../js/colors/{index.js => index.ts} | 25 +- src/legacy-theme/js/index.d.ts | 4611 ----------------- src/legacy-theme/js/index.js | 3 - src/legacy-theme/js/index.ts | 11 + 4 files changed, 32 insertions(+), 4618 deletions(-) rename src/legacy-theme/js/colors/{index.js => index.ts} (50%) delete mode 100644 src/legacy-theme/js/index.d.ts delete mode 100644 src/legacy-theme/js/index.js create mode 100644 src/legacy-theme/js/index.ts diff --git a/src/legacy-theme/js/colors/index.js b/src/legacy-theme/js/colors/index.ts similarity index 50% rename from src/legacy-theme/js/colors/index.js rename to src/legacy-theme/js/colors/index.ts index 19bcde4ce32..08156191876 100644 --- a/src/legacy-theme/js/colors/index.js +++ b/src/legacy-theme/js/colors/index.ts @@ -1,6 +1,3 @@ -/* eslint-disable camelcase */ -'use strict' - import light from './light' import lightHighContrast from './light_high_contrast' import lightColorblind from './light_colorblind' @@ -11,14 +8,34 @@ import darkHighContrast from './dark_high_contrast' import darkColorblind from './dark_colorblind' import darkTritanopia from './dark_tritanopia' -export default { +interface Theme { + light: typeof light + light_high_contrast: typeof lightHighContrast + light_colorblind: typeof lightColorblind + light_tritanopia: typeof lightTritanopia + dark: typeof dark + dark_dimmed: typeof darkDimmed + dark_high_contrast: typeof darkHighContrast + dark_colorblind: typeof darkColorblind + dark_tritanopia: typeof darkTritanopia +} + +const theme: Theme = { light, + // eslint-disable-next-line camelcase light_high_contrast: lightHighContrast, + // eslint-disable-next-line camelcase light_colorblind: lightColorblind, + // eslint-disable-next-line camelcase light_tritanopia: lightTritanopia, dark, dark_dimmed: darkDimmed, + // eslint-disable-next-line camelcase dark_high_contrast: darkHighContrast, + // eslint-disable-next-line camelcase dark_colorblind: darkColorblind, + // eslint-disable-next-line camelcase dark_tritanopia: darkTritanopia, } + +export default theme diff --git a/src/legacy-theme/js/index.d.ts b/src/legacy-theme/js/index.d.ts deleted file mode 100644 index e647309450c..00000000000 --- a/src/legacy-theme/js/index.d.ts +++ /dev/null @@ -1,4611 +0,0 @@ -declare const _default: { - colors: { - light: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: 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 - counterBg: string - icon: string - hoverIcon: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - disabledBg: string - border: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } - } - light_high_contrast: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: 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 - counterBg: string - icon: string - hoverIcon: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - disabledBg: string - border: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } - } - light_colorblind: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: 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 - counterBg: string - icon: string - hoverIcon: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - disabledBg: string - border: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } - } - light_tritanopia: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: 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 - counterBg: string - icon: string - hoverIcon: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - disabledBg: string - border: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } - } - dark: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - hoverCounterFg: string - disabledCounterFg: string - counterFg: string - } - danger: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverIcon: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - icon: string - counterFg: string - disabledCounterFg: string - hoverCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - border: string - disabledBg: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } - } - dark_dimmed: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - hoverCounterFg: string - disabledCounterFg: string - counterFg: string - } - danger: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverIcon: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - icon: string - counterFg: string - disabledCounterFg: string - hoverCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - border: string - disabledBg: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } - } - dark_high_contrast: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - hoverCounterFg: string - disabledCounterFg: string - counterFg: string - } - danger: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverIcon: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - icon: string - counterFg: string - disabledCounterFg: string - hoverCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - border: string - disabledBg: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } - } - dark_colorblind: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - hoverCounterFg: string - disabledCounterFg: string - counterFg: string - } - danger: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverIcon: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - icon: string - counterFg: string - disabledCounterFg: string - hoverCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - border: string - disabledBg: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } - } - dark_tritanopia: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - hoverCounterFg: string - disabledCounterFg: string - counterFg: string - } - danger: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverIcon: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - icon: string - counterFg: string - disabledCounterFg: string - hoverCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - border: string - disabledBg: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } - } - } - typography: { - lineHeight: { - condensedUltra: number - condensed: number - default: number - } - } -} -export default _default diff --git a/src/legacy-theme/js/index.js b/src/legacy-theme/js/index.js deleted file mode 100644 index 7b69cc269bf..00000000000 --- a/src/legacy-theme/js/index.js +++ /dev/null @@ -1,3 +0,0 @@ -import colors from './colors' - -export default {colors} diff --git a/src/legacy-theme/js/index.ts b/src/legacy-theme/js/index.ts new file mode 100644 index 00000000000..4b449622d59 --- /dev/null +++ b/src/legacy-theme/js/index.ts @@ -0,0 +1,11 @@ +import colors from './colors' + +interface Theme { + colors: typeof colors +} + +const theme: Theme = { + colors, +} + +export default theme From 7e314960f96493cdbe0ba552cf8187bcd8730d1e Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Thu, 5 Oct 2023 15:20:28 -0700 Subject: [PATCH 09/19] fix import --- src/theme.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/theme.ts b/src/theme.ts index e44fa38a0b3..172133a135e 100644 --- a/src/theme.ts +++ b/src/theme.ts @@ -1,5 +1,5 @@ import {KeyPaths} from './utils/types/KeyPaths' -import primitives from './legacy-theme/js/index.js' +import primitives from './legacy-theme/js/index' import {partitionColors, fontStack, omitScale} from './utils/theme' // const {lineHeight: lineHeights} = primitives.typography From f96ac18260975126f84184b0491a293a0bf422c8 Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Mon, 9 Oct 2023 09:16:00 -0700 Subject: [PATCH 10/19] feedback --- src/legacy-theme/js/colors/index.ts | 16 +--------------- src/legacy-theme/js/index.ts | 12 +----------- src/theme.ts | 8 ++++---- 3 files changed, 6 insertions(+), 30 deletions(-) diff --git a/src/legacy-theme/js/colors/index.ts b/src/legacy-theme/js/colors/index.ts index 08156191876..7e51e44450a 100644 --- a/src/legacy-theme/js/colors/index.ts +++ b/src/legacy-theme/js/colors/index.ts @@ -8,19 +8,7 @@ import darkHighContrast from './dark_high_contrast' import darkColorblind from './dark_colorblind' import darkTritanopia from './dark_tritanopia' -interface Theme { - light: typeof light - light_high_contrast: typeof lightHighContrast - light_colorblind: typeof lightColorblind - light_tritanopia: typeof lightTritanopia - dark: typeof dark - dark_dimmed: typeof darkDimmed - dark_high_contrast: typeof darkHighContrast - dark_colorblind: typeof darkColorblind - dark_tritanopia: typeof darkTritanopia -} - -const theme: Theme = { +export const colors = { light, // eslint-disable-next-line camelcase light_high_contrast: lightHighContrast, @@ -37,5 +25,3 @@ const theme: Theme = { // eslint-disable-next-line camelcase dark_tritanopia: darkTritanopia, } - -export default theme diff --git a/src/legacy-theme/js/index.ts b/src/legacy-theme/js/index.ts index 4b449622d59..48c9a06640d 100644 --- a/src/legacy-theme/js/index.ts +++ b/src/legacy-theme/js/index.ts @@ -1,11 +1 @@ -import colors from './colors' - -interface Theme { - colors: typeof colors -} - -const theme: Theme = { - colors, -} - -export default theme +export {colors} from './colors' diff --git a/src/theme.ts b/src/theme.ts index 172133a135e..2616cb5ed54 100644 --- a/src/theme.ts +++ b/src/theme.ts @@ -1,5 +1,5 @@ import {KeyPaths} from './utils/types/KeyPaths' -import primitives from './legacy-theme/js/index' +import {colors} from './legacy-theme/js/colors' import {partitionColors, fontStack, omitScale} from './utils/theme' // const {lineHeight: lineHeights} = primitives.typography @@ -53,10 +53,10 @@ const fontSizes = ['12px', '14px', '16px', '20px', '24px', '32px', '40px', '48px const space = ['0', '4px', '8px', '16px', '24px', '32px', '40px', '48px', '64px', '80px', '96px', '112px', '128px'] -type Scheme = keyof typeof primitives.colors -type SchemeValue = Record<'colors' | 'shadows', Partial> +type Scheme = keyof typeof colors +type SchemeValue = Record<'colors' | 'shadows', Partial> -const colorSchemes: Record = Object.entries(primitives.colors).reduce( +const colorSchemes: Record = Object.entries(colors).reduce( (acc, [name, variables]) => { const {colors, shadows} = partitionColors(variables) return { From 4079e7ebff7e01f35cdbbddc0a30c823e8aa9c4a Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Mon, 9 Oct 2023 09:30:37 -0700 Subject: [PATCH 11/19] delete d.ts file --- src/legacy-theme/js/colors/index.d.ts | 4602 ------------------------- 1 file changed, 4602 deletions(-) delete mode 100644 src/legacy-theme/js/colors/index.d.ts diff --git a/src/legacy-theme/js/colors/index.d.ts b/src/legacy-theme/js/colors/index.d.ts deleted file mode 100644 index 684e869c6d7..00000000000 --- a/src/legacy-theme/js/colors/index.d.ts +++ /dev/null @@ -1,4602 +0,0 @@ -declare const _default: { - light: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: 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 - counterBg: string - icon: string - hoverIcon: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - disabledBg: string - border: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } - } - light_high_contrast: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: 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 - counterBg: string - icon: string - hoverIcon: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - disabledBg: string - border: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } - } - light_colorblind: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: 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 - counterBg: string - icon: string - hoverIcon: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - disabledBg: string - border: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } - } - light_tritanopia: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: 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 - counterBg: string - icon: string - hoverIcon: string - counterFg: string - hoverCounterFg: string - disabledCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - disabledBg: string - border: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } - } - dark: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - hoverCounterFg: string - disabledCounterFg: string - counterFg: string - } - danger: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverIcon: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - icon: string - counterFg: string - disabledCounterFg: string - hoverCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - border: string - disabledBg: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } - } - dark_dimmed: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - hoverCounterFg: string - disabledCounterFg: string - counterFg: string - } - danger: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverIcon: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - icon: string - counterFg: string - disabledCounterFg: string - hoverCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - border: string - disabledBg: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } - } - dark_high_contrast: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - hoverCounterFg: string - disabledCounterFg: string - counterFg: string - } - danger: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverIcon: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - icon: string - counterFg: string - disabledCounterFg: string - hoverCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - border: string - disabledBg: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } - } - dark_colorblind: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - hoverCounterFg: string - disabledCounterFg: string - counterFg: string - } - danger: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverIcon: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - icon: string - counterFg: string - disabledCounterFg: string - hoverCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - border: string - disabledBg: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } - } - dark_tritanopia: { - canvasDefaultTransparent: string - pageHeaderBg: string - marketingIcon: { - primary: string - secondary: string - } - diffBlob: { - addition: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - deletion: { - numText: string - fg: string - numBg: string - lineBg: string - wordBg: string - } - hunk: { - numBg: string - } - expander: { - icon: string - } - selectedLineHighlightMixBlendMode: string - } - diffstat: { - deletionBorder: string - additionBorder: string - additionBg: string - } - searchKeyword: { - hl: string - } - prettylights: { - syntax: { - comment: string - constant: string - entity: string - storageModifierImport: string - entityTag: string - keyword: string - string: string - variable: string - brackethighlighterUnmatched: string - invalidIllegalText: string - invalidIllegalBg: string - carriageReturnText: string - carriageReturnBg: string - stringRegexp: string - markupList: string - markupHeading: string - markupItalic: string - markupBold: string - markupDeletedText: string - markupDeletedBg: string - markupInsertedText: string - markupInsertedBg: string - markupChangedText: string - markupChangedBg: string - markupIgnoredText: string - markupIgnoredBg: string - metaDiffRange: string - brackethighlighterAngle: string - sublimelinterGutterMark: string - constantOtherReferenceLink: string - } - } - codemirror: { - text: string - bg: string - guttersBg: string - guttermarkerText: string - guttermarkerSubtleText: string - linenumberText: string - cursor: string - selectionBg: string - activelineBg: string - matchingbracketText: string - linesBg: string - syntax: { - comment: string - constant: string - entity: string - keyword: string - storage: string - string: string - support: string - variable: string - } - } - checks: { - bg: string - runBorderWidth: string - containerBorderWidth: string - textPrimary: string - textSecondary: string - textLink: string - btnIcon: string - btnHoverIcon: string - btnHoverBg: string - inputText: string - inputPlaceholderText: string - inputFocusText: string - inputBg: string - inputShadow: string - donutError: string - donutPending: string - donutSuccess: string - donutNeutral: string - dropdownText: string - dropdownBg: string - dropdownBorder: string - dropdownShadow: string - dropdownHoverText: string - dropdownHoverBg: string - dropdownBtnHoverText: string - dropdownBtnHoverBg: string - scrollbarThumbBg: string - headerLabelText: string - headerLabelOpenText: string - headerBorder: string - headerIcon: string - lineText: string - lineNumText: string - lineTimestampText: string - lineHoverBg: string - lineSelectedBg: string - lineSelectedNumText: string - lineDtFmText: string - lineDtFmBg: string - gateBg: string - gateText: string - gateWaitingText: string - stepHeaderOpenBg: string - stepErrorText: string - stepWarningText: string - loglineText: string - loglineNumText: string - loglineDebugText: string - loglineErrorText: string - loglineErrorNumText: string - loglineErrorBg: string - loglineWarningText: string - loglineWarningNumText: string - loglineWarningBg: string - loglineCommandText: string - loglineSectionText: string - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - } - project: { - headerBg: string - sidebarBg: string - gradientIn: string - gradientOut: string - } - mktg: { - btn: { - bg: string - shadow: { - outline: string - focus: string - hover: string - hoverMuted: string - } - } - } - control: { - borderColor: { - emphasis: string - } - } - avatar: { - bg: string - border: string - stackFade: string - stackFadeMore: string - childShadow: string - } - topicTag: { - border: string - } - counter: { - border: string - } - selectMenu: { - backdropBorder: string - tapHighlight: string - tapFocusBg: string - } - overlay: { - shadow: string - backdrop: string - } - header: { - text: string - bg: string - divider: string - logo: string - } - headerSearch: { - bg: string - border: string - } - sidenav: { - selectedBg: string - } - menu: { - bgActive: string - } - input: { - disabledBg: string - } - timeline: { - badgeBg: string - } - ansi: { - black: string - blackBright: string - white: string - whiteBright: string - gray: string - red: string - redBright: string - green: string - greenBright: string - yellow: string - yellowBright: string - blue: string - blueBright: string - magenta: string - magentaBright: string - cyan: string - cyanBright: string - } - btn: { - text: string - bg: string - border: string - shadow: string - insetShadow: string - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - counterBg: 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 - icon: string - counterBg: string - } - outline: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - hoverCounterFg: string - disabledCounterFg: string - counterFg: string - } - danger: { - text: string - hoverText: string - hoverBg: string - hoverBorder: string - hoverShadow: string - hoverInsetShadow: string - hoverIcon: string - hoverCounterBg: string - selectedText: string - selectedBg: string - selectedBorder: string - selectedShadow: string - disabledText: string - disabledBg: string - disabledCounterBg: string - counterBg: string - icon: string - counterFg: string - disabledCounterFg: string - hoverCounterFg: string - } - } - underlinenav: { - icon: string - borderHover: string - } - actionListItem: { - inlineDivider: string - default: { - hoverBg: string - hoverBorder: string - activeBg: string - activeBorder: string - selectedBg: string - } - danger: { - hoverBg: string - activeBg: string - hoverText: string - } - } - switchTrack: { - bg: string - hoverBg: string - activeBg: string - disabledBg: string - fg: string - disabledFg: string - border: string - checked: { - bg: string - hoverBg: string - activeBg: string - fg: string - disabledFg: string - border: string - } - } - switchKnob: { - bg: string - border: string - disabledBg: string - checked: { - bg: string - disabledBg: string - border: string - } - } - segmentedControl: { - bg: string - button: { - bg: string - hover: { - bg: string - } - active: { - bg: string - } - selected: { - border: string - } - } - } - treeViewItem: { - chevron: { - hoverBg: string - } - directory: { - fill: string - } - } - fg: { - default: string - muted: string - subtle: string - onEmphasis: string - } - canvas: { - default: string - overlay: string - inset: string - subtle: string - } - border: { - default: string - muted: string - subtle: string - } - shadow: { - small: string - medium: string - large: string - extraLarge: string - } - neutral: { - emphasisPlus: string - emphasis: string - muted: string - subtle: string - } - accent: { - fg: string - emphasis: string - muted: string - subtle: string - } - success: { - fg: string - emphasis: string - muted: string - subtle: string - } - attention: { - fg: string - emphasis: string - muted: string - subtle: string - } - severe: { - fg: string - emphasis: string - muted: string - subtle: string - } - danger: { - fg: string - emphasis: string - muted: string - subtle: string - } - open: { - fg: string - emphasis: string - muted: string - subtle: string - } - closed: { - fg: string - emphasis: string - muted: string - subtle: string - } - done: { - fg: string - emphasis: string - muted: string - subtle: string - } - sponsors: { - fg: string - emphasis: string - muted: string - subtle: string - } - primer: { - fg: { - disabled: string - } - canvas: { - backdrop: string - sticky: string - } - border: { - active: string - contrast: string - } - shadow: { - highlight: string - inset: string - } - } - scale: { - black: string - white: string - gray: string[] - blue: string[] - green: string[] - yellow: string[] - orange: string[] - red: string[] - purple: string[] - pink: string[] - coral: string[] - } - } -} -export default _default From 305d7d843076c5af33f6213aa9b2480dc3a05517 Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Mon, 15 Jan 2024 17:09:59 -0800 Subject: [PATCH 12/19] add codeowner --- CODEOWNERS | 1 + 1 file changed, 1 insertion(+) diff --git a/CODEOWNERS b/CODEOWNERS index 36ebb00b8c5..9bd823f53b0 100644 --- a/CODEOWNERS +++ b/CODEOWNERS @@ -1,2 +1,3 @@ # All changes should be reviewed by a member of the @react-reviewers team * @primer/react-reviewers +./lib/legacy-theme/ @langermank From f72672d1219e216ab354514c3c00b4db409da7d3 Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Mon, 15 Jan 2024 17:21:11 -0800 Subject: [PATCH 13/19] add new tokens --- src/legacy-theme/js/colors/dark.ts | 4 ++++ src/legacy-theme/js/colors/dark_colorblind.ts | 4 ++++ src/legacy-theme/js/colors/dark_dimmed.ts | 4 ++++ src/legacy-theme/js/colors/dark_high_contrast.ts | 4 ++++ src/legacy-theme/js/colors/dark_tritanopia.ts | 4 ++++ src/legacy-theme/js/colors/light.ts | 4 ++++ src/legacy-theme/js/colors/light_colorblind.ts | 4 ++++ src/legacy-theme/js/colors/light_high_contrast.ts | 4 ++++ src/legacy-theme/js/colors/light_tritanopia.ts | 4 ++++ 9 files changed, 36 insertions(+) diff --git a/src/legacy-theme/js/colors/dark.ts b/src/legacy-theme/js/colors/dark.ts index 1bf3b490d31..e8ff7c1b48a 100644 --- a/src/legacy-theme/js/colors/dark.ts +++ b/src/legacy-theme/js/colors/dark.ts @@ -326,6 +326,10 @@ const colors = { disabledCounterFg: 'rgba(248,81,73,0.5)', hoverCounterFg: '#ffffff', }, + inactive: { + bg: '#21262d', + text: '#848d97', + }, }, underlinenav: { icon: '#6e7681', diff --git a/src/legacy-theme/js/colors/dark_colorblind.ts b/src/legacy-theme/js/colors/dark_colorblind.ts index 870471274c1..79b4f7b96ea 100644 --- a/src/legacy-theme/js/colors/dark_colorblind.ts +++ b/src/legacy-theme/js/colors/dark_colorblind.ts @@ -326,6 +326,10 @@ const colors = { disabledCounterFg: 'rgba(212,118,22,0.5)', hoverCounterFg: '#ffffff', }, + inactive: { + bg: '#30363d', + text: '#8b949e', + }, }, underlinenav: { icon: '#6e7681', diff --git a/src/legacy-theme/js/colors/dark_dimmed.ts b/src/legacy-theme/js/colors/dark_dimmed.ts index 38120221ca8..bbef4b8883f 100644 --- a/src/legacy-theme/js/colors/dark_dimmed.ts +++ b/src/legacy-theme/js/colors/dark_dimmed.ts @@ -326,6 +326,10 @@ const colors = { disabledCounterFg: 'rgba(229,83,75,0.5)', hoverCounterFg: '#cdd9e5', }, + inactive: { + bg: '#373e47', + text: '#768390', + }, }, underlinenav: { icon: '#636e7b', diff --git a/src/legacy-theme/js/colors/dark_high_contrast.ts b/src/legacy-theme/js/colors/dark_high_contrast.ts index 4ef4f11e0e3..e4cf898b935 100644 --- a/src/legacy-theme/js/colors/dark_high_contrast.ts +++ b/src/legacy-theme/js/colors/dark_high_contrast.ts @@ -326,6 +326,10 @@ const colors = { disabledCounterFg: 'rgba(255,106,105,0.5)', hoverCounterFg: '#ffffff', }, + inactive: { + bg: '#272b33', + text: '#f0f3f6', + }, }, underlinenav: { icon: '#f0f3f6', diff --git a/src/legacy-theme/js/colors/dark_tritanopia.ts b/src/legacy-theme/js/colors/dark_tritanopia.ts index 0d4156b3807..c22badd770a 100644 --- a/src/legacy-theme/js/colors/dark_tritanopia.ts +++ b/src/legacy-theme/js/colors/dark_tritanopia.ts @@ -326,6 +326,10 @@ const colors = { disabledCounterFg: 'rgba(248,81,73,0.5)', hoverCounterFg: '#ffffff', }, + inactive: { + bg: '#21262d', + text: '#8b949e', + }, }, underlinenav: { icon: '#6e7681', diff --git a/src/legacy-theme/js/colors/light.ts b/src/legacy-theme/js/colors/light.ts index fc2f003e07e..df6e8d77dd1 100644 --- a/src/legacy-theme/js/colors/light.ts +++ b/src/legacy-theme/js/colors/light.ts @@ -326,6 +326,10 @@ const colors = { hoverCounterFg: '#ffffff', disabledCounterFg: 'rgba(207,34,46,0.5)', }, + inactive: { + bg: '#d0d7de', + text: '#656d76', + }, }, underlinenav: { icon: '#6e7781', diff --git a/src/legacy-theme/js/colors/light_colorblind.ts b/src/legacy-theme/js/colors/light_colorblind.ts index 47909d08376..0e7b6e96e38 100644 --- a/src/legacy-theme/js/colors/light_colorblind.ts +++ b/src/legacy-theme/js/colors/light_colorblind.ts @@ -326,6 +326,10 @@ const colors = { hoverCounterFg: '#ffffff', disabledCounterFg: 'rgba(179,89,0,0.5)', }, + inactive: { + bg: '#d0d7de', + text: '#57606a', + }, }, underlinenav: { icon: '#6e7781', diff --git a/src/legacy-theme/js/colors/light_high_contrast.ts b/src/legacy-theme/js/colors/light_high_contrast.ts index f57dd92b673..51417c2ed26 100644 --- a/src/legacy-theme/js/colors/light_high_contrast.ts +++ b/src/legacy-theme/js/colors/light_high_contrast.ts @@ -326,6 +326,10 @@ const colors = { hoverCounterFg: '#ffffff', disabledCounterFg: 'rgba(160,17,31,0.5)', }, + inactive: { + bg: '#ced5dc', + text: '#0e1116', + }, }, underlinenav: { icon: '#66707b', diff --git a/src/legacy-theme/js/colors/light_tritanopia.ts b/src/legacy-theme/js/colors/light_tritanopia.ts index 52536ac8b86..0b469559aac 100644 --- a/src/legacy-theme/js/colors/light_tritanopia.ts +++ b/src/legacy-theme/js/colors/light_tritanopia.ts @@ -326,6 +326,10 @@ const colors = { hoverCounterFg: '#ffffff', disabledCounterFg: 'rgba(207,34,46,0.5)', }, + inactive: { + bg: '#d0d7de', + text: '#57606a', + }, }, underlinenav: { icon: '#6e7781', From 6c1c579529b1905228b4dd83a15a308a090bfd88 Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Mon, 15 Jan 2024 17:22:52 -0800 Subject: [PATCH 14/19] ts directory --- src/legacy-theme/{js => ts}/colors/dark.ts | 0 src/legacy-theme/{js => ts}/colors/dark_colorblind.ts | 0 src/legacy-theme/{js => ts}/colors/dark_dimmed.ts | 0 src/legacy-theme/{js => ts}/colors/dark_high_contrast.ts | 0 src/legacy-theme/{js => ts}/colors/dark_tritanopia.ts | 0 src/legacy-theme/{js => ts}/colors/index.ts | 0 src/legacy-theme/{js => ts}/colors/light.ts | 0 src/legacy-theme/{js => ts}/colors/light_colorblind.ts | 0 src/legacy-theme/{js => ts}/colors/light_high_contrast.ts | 0 src/legacy-theme/{js => ts}/colors/light_tritanopia.ts | 0 src/legacy-theme/{js => ts}/index.ts | 0 src/theme.ts | 2 +- 12 files changed, 1 insertion(+), 1 deletion(-) rename src/legacy-theme/{js => ts}/colors/dark.ts (100%) rename src/legacy-theme/{js => ts}/colors/dark_colorblind.ts (100%) rename src/legacy-theme/{js => ts}/colors/dark_dimmed.ts (100%) rename src/legacy-theme/{js => ts}/colors/dark_high_contrast.ts (100%) rename src/legacy-theme/{js => ts}/colors/dark_tritanopia.ts (100%) rename src/legacy-theme/{js => ts}/colors/index.ts (100%) rename src/legacy-theme/{js => ts}/colors/light.ts (100%) rename src/legacy-theme/{js => ts}/colors/light_colorblind.ts (100%) rename src/legacy-theme/{js => ts}/colors/light_high_contrast.ts (100%) rename src/legacy-theme/{js => ts}/colors/light_tritanopia.ts (100%) rename src/legacy-theme/{js => ts}/index.ts (100%) diff --git a/src/legacy-theme/js/colors/dark.ts b/src/legacy-theme/ts/colors/dark.ts similarity index 100% rename from src/legacy-theme/js/colors/dark.ts rename to src/legacy-theme/ts/colors/dark.ts diff --git a/src/legacy-theme/js/colors/dark_colorblind.ts b/src/legacy-theme/ts/colors/dark_colorblind.ts similarity index 100% rename from src/legacy-theme/js/colors/dark_colorblind.ts rename to src/legacy-theme/ts/colors/dark_colorblind.ts diff --git a/src/legacy-theme/js/colors/dark_dimmed.ts b/src/legacy-theme/ts/colors/dark_dimmed.ts similarity index 100% rename from src/legacy-theme/js/colors/dark_dimmed.ts rename to src/legacy-theme/ts/colors/dark_dimmed.ts diff --git a/src/legacy-theme/js/colors/dark_high_contrast.ts b/src/legacy-theme/ts/colors/dark_high_contrast.ts similarity index 100% rename from src/legacy-theme/js/colors/dark_high_contrast.ts rename to src/legacy-theme/ts/colors/dark_high_contrast.ts diff --git a/src/legacy-theme/js/colors/dark_tritanopia.ts b/src/legacy-theme/ts/colors/dark_tritanopia.ts similarity index 100% rename from src/legacy-theme/js/colors/dark_tritanopia.ts rename to src/legacy-theme/ts/colors/dark_tritanopia.ts diff --git a/src/legacy-theme/js/colors/index.ts b/src/legacy-theme/ts/colors/index.ts similarity index 100% rename from src/legacy-theme/js/colors/index.ts rename to src/legacy-theme/ts/colors/index.ts diff --git a/src/legacy-theme/js/colors/light.ts b/src/legacy-theme/ts/colors/light.ts similarity index 100% rename from src/legacy-theme/js/colors/light.ts rename to src/legacy-theme/ts/colors/light.ts diff --git a/src/legacy-theme/js/colors/light_colorblind.ts b/src/legacy-theme/ts/colors/light_colorblind.ts similarity index 100% rename from src/legacy-theme/js/colors/light_colorblind.ts rename to src/legacy-theme/ts/colors/light_colorblind.ts diff --git a/src/legacy-theme/js/colors/light_high_contrast.ts b/src/legacy-theme/ts/colors/light_high_contrast.ts similarity index 100% rename from src/legacy-theme/js/colors/light_high_contrast.ts rename to src/legacy-theme/ts/colors/light_high_contrast.ts diff --git a/src/legacy-theme/js/colors/light_tritanopia.ts b/src/legacy-theme/ts/colors/light_tritanopia.ts similarity index 100% rename from src/legacy-theme/js/colors/light_tritanopia.ts rename to src/legacy-theme/ts/colors/light_tritanopia.ts diff --git a/src/legacy-theme/js/index.ts b/src/legacy-theme/ts/index.ts similarity index 100% rename from src/legacy-theme/js/index.ts rename to src/legacy-theme/ts/index.ts diff --git a/src/theme.ts b/src/theme.ts index 2616cb5ed54..b0bc04f22cd 100644 --- a/src/theme.ts +++ b/src/theme.ts @@ -1,5 +1,5 @@ import {KeyPaths} from './utils/types/KeyPaths' -import {colors} from './legacy-theme/js/colors' +import {colors} from './legacy-theme/ts/colors' import {partitionColors, fontStack, omitScale} from './utils/theme' // const {lineHeight: lineHeights} = primitives.typography From 94007f5bdac13db896e2e9f1dfeea4de352b2873 Mon Sep 17 00:00:00 2001 From: langermank Date: Tue, 16 Jan 2024 23:54:49 +0000 Subject: [PATCH 15/19] test(vrt): update snapshots --- ...Button-Inactive-light-high-contrast-linux.png | Bin 0 -> 6311 bytes 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 .playwright/snapshots/components/Button.test.ts-snapshots/Button-Inactive-light-high-contrast-linux.png diff --git a/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Inactive-light-high-contrast-linux.png b/.playwright/snapshots/components/Button.test.ts-snapshots/Button-Inactive-light-high-contrast-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..08c4aa50bf820d861b21aa49c8972092630858a4 GIT binary patch literal 6311 zcmeHLYgAKL7LHS=Xcf}dL0TTh)~VDM>d=4?d8AakD2p|;N>va-KuV}0M9A<+NJs~! zI=+B93wZ<+tgk5n0uv!bNaBd#2;n9(wuDy*4|6Y&mv9Y9fFyJHF>8MG&veH5mml}+ zbq+cMtbbQ=r4*J4C-vucoZS8Ph3}JoKXUH7`XJ#KKm73WXPe5lY$-W0`i<65 zj=$vgVSz@gb}p^5n3ITYz#;HeNVUD%)%`b)3=;5WZB8 z5teJu1zO$%>n5-Pu}bo)nFyoN(+& z7HOh5qSML75Wot%Zzxc*byvq>2mMcWr{Ok-N-}!>i(wjLA&2#OALYe^nGx0U{<#|1 z-|P_pZ3geF_09u7@qxD7K_uE96J|&6Kq!y4lB!_LUnB?Py4LJ*ZR>jV$^05!Ik^}{ zk$VC*i$Xctay-PxgUF1Jn7&Cj*2zA6>Q ziJz^ZS*lhN9#89aS1I@qOWUv{&yw#Y+H2r4BEznq5Ys4>)WszsB2=Z|**1h7loe&U zR99!4^E@WMSZbEj#}Z1@xkW2NWXVD*R3MV+2U}n)6mIG+4Aa&rYWYqZPpa#1S|7^5 z281jJ5=XATLp1L}I|R&3GIzaDtlt`n6iS}0%uC)P%H@8>UPu6mQ>5T4BC{$cil6pa zmay{fy^_4bGff-;%gjetG;DQ`UN1y;9ZMky zN{6!H7Ak#k&4Lh}yA01B`bW}BQNZnrAu?L6BSdIdMPwnFd1T#)c0*A#dnDb5(tEZS z>8DQqMwNor+4>7KwVJS1t+3EAM$ospqgTl6d8WRJ4@2QaY)yL%jwbJMmgBfQyO_sw zi%3h44_mxRfTthHYoyk`OzUo-yUi3ZUO8jmSz?ry9BoYr2~Ae zd-91d{plf%d93LOA8vYI(7?8?$~b|^xt!|vk3t}_6pN8$`Edd0I>Q?=l{wD(wDMX2 z`y6rUHQ{_R2d*l|*2yF@1Gt3|EPJjT<;qG`Yt!F&K^Ztp0toPMT~o$p*0*+)+U2S>m`mDg@mL@_#ZH2Xr;#ZMyH8u}_EHVhA07aX60 zj(6s8bkaO^B%7R=SWD96b(B7;@Dmn{53`>C78sYNNg8g{v}dd`b+NROMXa;z{7L4bPuAeoamx6z0lj_EQ4EzBvP}h({g-2)8iAy+ zld6ddrH%!Ak%}F@c@JNsp@E?ax%^NJ4o_Zt;6*_U8b|e7++MmRARu5u*Ie$g|Eqn} z$%y363HT}tn6n%{$QZPDPueQzs&GvZ9HOo0Tyq-@SOr6S6Qq)n^b(i z>DGw$>odxQBWRUdPU64eQjjF1>{xCz3#ay>gs;p4^pSGxwUF$T>!2^BX^u;NbzoRP zCUzGZ>ivo)2;oJVkdoy9Xy))%kHjE6|7c6C+Xv0uf^08Xc>qf?R)bx;aO+>$^`$|w zj&idV;UJsU!Yl>%mUlNfx#QH2Abj%rkZg)!tYc8(0VFKj;=I>8(|uNNxe3r0*r9%Q zOLGbQUrq`xx4PW=qE4NzTyo`-E0_L<-!@kPxeCZtK&}G%d6zvd)NrAO3pHG*;X;iU hf06!QVynaJ{2M)z>cw0KxHZAVeiDDM_2aa%e*(OLyXXJ_ literal 0 HcmV?d00001 From b5ccc287075aa05496e3a0b5f8da8743b307a34a Mon Sep 17 00:00:00 2001 From: Katie Langerman <18661030+langermank@users.noreply.github.com> Date: Wed, 17 Jan 2024 13:12:41 -0800 Subject: [PATCH 16/19] Create dry-bugs-act.md --- .changeset/dry-bugs-act.md | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 .changeset/dry-bugs-act.md diff --git a/.changeset/dry-bugs-act.md b/.changeset/dry-bugs-act.md new file mode 100644 index 00000000000..328855daa77 --- /dev/null +++ b/.changeset/dry-bugs-act.md @@ -0,0 +1,7 @@ +--- +"@primer/react": minor +--- + +- Moves legacy color primitives from `primer/primitives` directly into Primer React +- Cleans up unused dependencies on primitives other than color +- Preparing for the upgrade to CSS variables (Primitives v8) From 6dcc321ca4c7df191271191cd3faa5a94c0ba787 Mon Sep 17 00:00:00 2001 From: Katie Langerman <18661030+langermank@users.noreply.github.com> Date: Wed, 17 Jan 2024 13:13:02 -0800 Subject: [PATCH 17/19] Update src/theme.ts Co-authored-by: Josh Black --- src/theme.ts | 1 - 1 file changed, 1 deletion(-) diff --git a/src/theme.ts b/src/theme.ts index b0bc04f22cd..bf14d161f83 100644 --- a/src/theme.ts +++ b/src/theme.ts @@ -2,7 +2,6 @@ import {KeyPaths} from './utils/types/KeyPaths' import {colors} from './legacy-theme/ts/colors' import {partitionColors, fontStack, omitScale} from './utils/theme' -// const {lineHeight: lineHeights} = primitives.typography const animation = { easeOutCubic: 'cubic-bezier(0.33, 1, 0.68, 1)', From 06b10ad47dfcf43ae9f1f231917294deaf36e894 Mon Sep 17 00:00:00 2001 From: Katie Langerman <18661030+langermank@users.noreply.github.com> Date: Wed, 17 Jan 2024 13:13:09 -0800 Subject: [PATCH 18/19] Update CODEOWNERS Co-authored-by: Josh Black --- CODEOWNERS | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CODEOWNERS b/CODEOWNERS index 9bd823f53b0..a9194688330 100644 --- a/CODEOWNERS +++ b/CODEOWNERS @@ -1,3 +1,3 @@ # All changes should be reviewed by a member of the @react-reviewers team * @primer/react-reviewers -./lib/legacy-theme/ @langermank +./src/legacy-theme/ @langermank From 585214b2f6a75c97b9b5bca2c58d2e7b583f2c3e Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Wed, 17 Jan 2024 13:20:16 -0800 Subject: [PATCH 19/19] lint --- src/theme.ts | 1 - 1 file changed, 1 deletion(-) diff --git a/src/theme.ts b/src/theme.ts index bf14d161f83..7ab9ee47963 100644 --- a/src/theme.ts +++ b/src/theme.ts @@ -2,7 +2,6 @@ import {KeyPaths} from './utils/types/KeyPaths' import {colors} from './legacy-theme/ts/colors' import {partitionColors, fontStack, omitScale} from './utils/theme' - const animation = { easeOutCubic: 'cubic-bezier(0.33, 1, 0.68, 1)', }