diff --git a/.changeset/stupid-terms-hang.md b/.changeset/stupid-terms-hang.md new file mode 100644 index 00000000000..bee78b92e04 --- /dev/null +++ b/.changeset/stupid-terms-hang.md @@ -0,0 +1,5 @@ +--- +"@primer/react": minor +--- + +Bump primer/primitives to `7.5.1` diff --git a/package-lock.json b/package-lock.json index 12b349e2644..516123d6476 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,7 +11,7 @@ "dependencies": { "@primer/behaviors": "1.1.0", "@primer/octicons-react": "16.1.1", - "@primer/primitives": "7.1.1", + "@primer/primitives": "7.5.1", "@radix-ui/react-polymorphic": "0.0.14", "@react-aria/ssr": "3.1.0", "@styled-system/css": "5.1.5", @@ -5659,9 +5659,9 @@ } }, "node_modules/@primer/primitives": { - "version": "7.1.1", - "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.1.1.tgz", - "integrity": "sha512-+Gwo89YK1OFi6oubTlah/zPxxzMNaMLy+inECAYI646KIFdzzhAsKWb3z5tSOu5Ff7no4isRV64rWfMSKLZclw==" + "version": "7.5.1", + "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.5.1.tgz", + "integrity": "sha512-1pFKR+FcYRPXJ+zK/qtidrCJB7WmTaAX4sG7zE5LvGWjS5latue4pzZrK0FxxGGBdAU3HpoabANsGjv7T7sRRg==" }, "node_modules/@radix-ui/react-polymorphic": { "version": "0.0.14", @@ -39292,9 +39292,9 @@ "requires": {} }, "@primer/primitives": { - "version": "7.1.1", - "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.1.1.tgz", - "integrity": "sha512-+Gwo89YK1OFi6oubTlah/zPxxzMNaMLy+inECAYI646KIFdzzhAsKWb3z5tSOu5Ff7no4isRV64rWfMSKLZclw==" + "version": "7.5.1", + "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.5.1.tgz", + "integrity": "sha512-1pFKR+FcYRPXJ+zK/qtidrCJB7WmTaAX4sG7zE5LvGWjS5latue4pzZrK0FxxGGBdAU3HpoabANsGjv7T7sRRg==" }, "@radix-ui/react-polymorphic": { "version": "0.0.14", diff --git a/package.json b/package.json index 75e425e68aa..1570c01b181 100644 --- a/package.json +++ b/package.json @@ -77,7 +77,7 @@ "dependencies": { "@primer/behaviors": "1.1.0", "@primer/octicons-react": "16.1.1", - "@primer/primitives": "7.1.1", + "@primer/primitives": "7.5.1", "@radix-ui/react-polymorphic": "0.0.14", "@react-aria/ssr": "3.1.0", "@styled-system/css": "5.1.5", diff --git a/src/__tests__/__snapshots__/themePreval.test.ts.snap b/src/__tests__/__snapshots__/themePreval.test.ts.snap index a864464835e..fb64ee82db7 100644 --- a/src/__tests__/__snapshots__/themePreval.test.ts.snap +++ b/src/__tests__/__snapshots__/themePreval.test.ts.snap @@ -3,7 +3,7 @@ exports[`snapshot theme-preval.js 1`] = ` "// this file was prevaled // This file needs to be a JavaScript file using CommonJS to be compatible with preval -// Cache bust: 2021-11-04 12:00:00 GMT (This file is cached by our deployment tooling, update this timestamp to rebuild this file) +// Cache bust: 2022-03-14 12:00:00 GMT (This file is cached by our deployment tooling, update this timestamp to rebuild this file) module.exports = { \\"theme\\": { \\"animation\\": { @@ -39,6 +39,7 @@ module.exports = { \\"light\\": { \\"colors\\": { \\"canvasDefaultTransparent\\": \\"rgba(255,255,255,0)\\", + \\"pageHeaderBg\\": \\"#f6f8fa\\", \\"marketingIcon\\": { \\"primary\\": \\"#218bff\\", \\"secondary\\": \\"#54aeff\\" @@ -169,7 +170,7 @@ module.exports = { \\"lineDtFmBg\\": \\"#9a6700\\", \\"gateBg\\": \\"rgba(125,78,0,0.15)\\", \\"gateText\\": \\"#d0d7de\\", - \\"gateWaitingText\\": \\"#afb8c1\\", + \\"gateWaitingText\\": \\"#d4a72c\\", \\"stepHeaderOpenBg\\": \\"#32383f\\", \\"stepErrorText\\": \\"#ff8182\\", \\"stepWarningText\\": \\"#d4a72c\\", @@ -224,6 +225,9 @@ module.exports = { \\"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)\\", @@ -232,6 +236,7 @@ module.exports = { \\"header\\": { \\"text\\": \\"rgba(255,255,255,0.7)\\", \\"bg\\": \\"#24292f\\", + \\"divider\\": \\"#57606a\\", \\"logo\\": \\"#ffffff\\" }, \\"headerSearch\\": { @@ -337,7 +342,9 @@ module.exports = { \\"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\\": { @@ -399,6 +406,18 @@ module.exports = { \\"muted\\": \\"rgba(255,129,130,0.4)\\", \\"subtle\\": \\"#FFEBE9\\" }, + \\"open\\": { + \\"fg\\": \\"#1a7f37\\", + \\"emphasis\\": \\"#2da44e\\", + \\"muted\\": \\"rgba(74,194,107,0.4)\\", + \\"subtle\\": \\"#dafbe1\\" + }, + \\"closed\\": { + \\"fg\\": \\"#cf222e\\", + \\"emphasis\\": \\"#cf222e\\", + \\"muted\\": \\"rgba(255,129,130,0.4)\\", + \\"subtle\\": \\"#FFEBE9\\" + }, \\"done\\": { \\"fg\\": \\"#8250df\\", \\"emphasis\\": \\"#8250df\\", @@ -485,20 +504,21 @@ module.exports = { \\"light_high_contrast\\": { \\"colors\\": { \\"canvasDefaultTransparent\\": \\"rgba(255,255,255,0)\\", + \\"pageHeaderBg\\": \\"#ffffff\\", \\"marketingIcon\\": { \\"primary\\": \\"#1168e3\\", \\"secondary\\": \\"#368cf9\\" }, \\"diffBlob\\": { \\"addition\\": { - \\"numText\\": \\"#24292F\\", + \\"numText\\": \\"#0E1116\\", \\"fg\\": \\"#ffffff\\", \\"numBg\\": \\"#CCFFD8\\", \\"lineBg\\": \\"#E6FFEC\\", \\"wordBg\\": \\"#055d20\\" }, \\"deletion\\": { - \\"numText\\": \\"#24292F\\", + \\"numText\\": \\"#0E1116\\", \\"fg\\": \\"#ffffff\\", \\"numBg\\": \\"#FFD7D5\\", \\"lineBg\\": \\"#fff0ee\\", @@ -508,7 +528,7 @@ module.exports = { \\"numBg\\": \\"#9cd7ff\\" }, \\"expander\\": { - \\"icon\\": \\"#24292F\\" + \\"icon\\": \\"#0E1116\\" } }, \\"diffstat\\": { @@ -521,10 +541,10 @@ module.exports = { }, \\"prettylights\\": { \\"syntax\\": { - \\"comment\\": \\"#67707A\\", + \\"comment\\": \\"#66707B\\", \\"constant\\": \\"#023b95\\", \\"entity\\": \\"#622cbc\\", - \\"storageModifierImport\\": \\"#24292F\\", + \\"storageModifierImport\\": \\"#0E1116\\", \\"entityTag\\": \\"#024c1a\\", \\"keyword\\": \\"#a0111f\\", \\"string\\": \\"#032563\\", @@ -537,8 +557,8 @@ module.exports = { \\"stringRegexp\\": \\"#024c1a\\", \\"markupList\\": \\"#2e1800\\", \\"markupHeading\\": \\"#023b95\\", - \\"markupItalic\\": \\"#24292F\\", - \\"markupBold\\": \\"#24292F\\", + \\"markupItalic\\": \\"#0E1116\\", + \\"markupBold\\": \\"#0E1116\\", \\"markupDeletedText\\": \\"#6e011a\\", \\"markupDeletedBg\\": \\"#fff0ee\\", \\"markupInsertedText\\": \\"#024c1a\\", @@ -548,25 +568,25 @@ module.exports = { \\"markupIgnoredText\\": \\"#E7ECF0\\", \\"markupIgnoredBg\\": \\"#023b95\\", \\"metaDiffRange\\": \\"#622cbc\\", - \\"brackethighlighterAngle\\": \\"#4F5760\\", + \\"brackethighlighterAngle\\": \\"#4B535D\\", \\"sublimelinterGutterMark\\": \\"#88929D\\", \\"constantOtherReferenceLink\\": \\"#032563\\" } }, \\"codemirror\\": { - \\"text\\": \\"#24292F\\", + \\"text\\": \\"#0E1116\\", \\"bg\\": \\"#ffffff\\", \\"guttersBg\\": \\"#ffffff\\", \\"guttermarkerText\\": \\"#ffffff\\", - \\"guttermarkerSubtleText\\": \\"#67707A\\", - \\"linenumberText\\": \\"#24292F\\", - \\"cursor\\": \\"#24292F\\", + \\"guttermarkerSubtleText\\": \\"#66707B\\", + \\"linenumberText\\": \\"#0E1116\\", + \\"cursor\\": \\"#0E1116\\", \\"selectionBg\\": \\"#368cf9\\", \\"activelineBg\\": \\"#E7ECF0\\", - \\"matchingbracketText\\": \\"#24292F\\", + \\"matchingbracketText\\": \\"#0E1116\\", \\"linesBg\\": \\"#ffffff\\", \\"syntax\\": { - \\"comment\\": \\"#24292F\\", + \\"comment\\": \\"#0E1116\\", \\"constant\\": \\"#023b95\\", \\"entity\\": \\"#622cbc\\", \\"keyword\\": \\"#a0111f\\", @@ -577,7 +597,7 @@ module.exports = { } }, \\"checks\\": { - \\"bg\\": \\"#24292F\\", + \\"bg\\": \\"#0E1116\\", \\"textPrimary\\": \\"#FFFFFF\\", \\"textSecondary\\": \\"#88929D\\", \\"textLink\\": \\"#368cf9\\", @@ -587,36 +607,36 @@ module.exports = { \\"inputText\\": \\"#E7ECF0\\", \\"inputPlaceholderText\\": \\"#88929D\\", \\"inputFocusText\\": \\"#88929D\\", - \\"inputBg\\": \\"#30363D\\", + \\"inputBg\\": \\"#20252C\\", \\"donutError\\": \\"#d5232c\\", \\"donutPending\\": \\"#956400\\", \\"donutSuccess\\": \\"#117f32\\", \\"donutNeutral\\": \\"#ACB6C0\\", \\"dropdownText\\": \\"#ACB6C0\\", - \\"dropdownBg\\": \\"#30363D\\", - \\"dropdownBorder\\": \\"#3D454E\\", + \\"dropdownBg\\": \\"#20252C\\", + \\"dropdownBorder\\": \\"#343B43\\", \\"dropdownShadow\\": \\"rgba(1,4,9,0.3)\\", \\"dropdownHoverText\\": \\"#FFFFFF\\", - \\"dropdownHoverBg\\": \\"#3D454E\\", + \\"dropdownHoverBg\\": \\"#343B43\\", \\"dropdownBtnHoverText\\": \\"#FFFFFF\\", - \\"dropdownBtnHoverBg\\": \\"#30363D\\", - \\"scrollbarThumbBg\\": \\"#4F5760\\", + \\"dropdownBtnHoverBg\\": \\"#20252C\\", + \\"scrollbarThumbBg\\": \\"#4B535D\\", \\"headerLabelText\\": \\"#CED5DC\\", \\"headerLabelOpenText\\": \\"#FFFFFF\\", - \\"headerBorder\\": \\"#30363D\\", + \\"headerBorder\\": \\"#20252C\\", \\"headerIcon\\": \\"#88929D\\", \\"lineText\\": \\"#CED5DC\\", \\"lineNumText\\": \\"rgba(136,146,157,0.75)\\", \\"lineTimestampText\\": \\"#88929D\\", - \\"lineHoverBg\\": \\"#30363D\\", + \\"lineHoverBg\\": \\"#20252C\\", \\"lineSelectedBg\\": \\"rgba(17,104,227,0.15)\\", \\"lineSelectedNumText\\": \\"#368cf9\\", - \\"lineDtFmText\\": \\"#24292F\\", + \\"lineDtFmText\\": \\"#0E1116\\", \\"lineDtFmBg\\": \\"#744500\\", \\"gateBg\\": \\"rgba(96,55,0,0.15)\\", \\"gateText\\": \\"#CED5DC\\", - \\"gateWaitingText\\": \\"#ACB6C0\\", - \\"stepHeaderOpenBg\\": \\"#30363D\\", + \\"gateWaitingText\\": \\"#b58407\\", + \\"stepHeaderOpenBg\\": \\"#20252C\\", \\"stepErrorText\\": \\"#ee5a5d\\", \\"stepWarningText\\": \\"#b58407\\", \\"loglineText\\": \\"#88929D\\", @@ -631,8 +651,8 @@ module.exports = { \\"loglineCommandText\\": \\"#368cf9\\", \\"loglineSectionText\\": \\"#26a148\\", \\"ansi\\": { - \\"black\\": \\"#24292F\\", - \\"blackBright\\": \\"#30363D\\", + \\"black\\": \\"#0E1116\\", + \\"blackBright\\": \\"#20252C\\", \\"white\\": \\"#CED5DC\\", \\"whiteBright\\": \\"#CED5DC\\", \\"gray\\": \\"#88929D\\", @@ -651,7 +671,7 @@ module.exports = { } }, \\"project\\": { - \\"headerBg\\": \\"#24292F\\", + \\"headerBg\\": \\"#0E1116\\", \\"sidebarBg\\": \\"#ffffff\\", \\"gradientIn\\": \\"#ffffff\\", \\"gradientOut\\": \\"rgba(255,255,255,0)\\" @@ -668,7 +688,10 @@ module.exports = { \\"stackFadeMore\\": \\"#CED5DC\\" }, \\"topicTag\\": { - \\"border\\": \\"rgba(0,0,0,0)\\" + \\"border\\": \\"#0349b4\\" + }, + \\"counter\\": { + \\"border\\": \\"#20252C\\" }, \\"selectMenu\\": { \\"backdropBorder\\": \\"rgba(0,0,0,0)\\", @@ -677,12 +700,13 @@ module.exports = { }, \\"header\\": { \\"text\\": \\"rgba(255,255,255,0.7)\\", - \\"bg\\": \\"#24292F\\", + \\"bg\\": \\"#0E1116\\", + \\"divider\\": \\"#ACB6C0\\", \\"logo\\": \\"#ffffff\\" }, \\"headerSearch\\": { - \\"bg\\": \\"#24292F\\", - \\"border\\": \\"#4F5760\\" + \\"bg\\": \\"#0E1116\\", + \\"border\\": \\"#4B535D\\" }, \\"sidenav\\": { \\"selectedBg\\": \\"#ffffff\\" @@ -697,11 +721,11 @@ module.exports = { \\"badgeBg\\": \\"#E7ECF0\\" }, \\"ansi\\": { - \\"black\\": \\"#24292F\\", - \\"blackBright\\": \\"#4F5760\\", - \\"white\\": \\"#67707A\\", + \\"black\\": \\"#0E1116\\", + \\"blackBright\\": \\"#4B535D\\", + \\"white\\": \\"#66707B\\", \\"whiteBright\\": \\"#88929D\\", - \\"gray\\": \\"#67707A\\", + \\"gray\\": \\"#66707B\\", \\"red\\": \\"#a0111f\\", \\"redBright\\": \\"#86061d\\", \\"green\\": \\"#024c1a\\", @@ -716,7 +740,7 @@ module.exports = { \\"cyanBright\\": \\"#3192aa\\" }, \\"btn\\": { - \\"text\\": \\"#24292F\\", + \\"text\\": \\"#0E1116\\", \\"bg\\": \\"#E7ECF0\\", \\"border\\": \\"rgba(1,4,9,0.8)\\", \\"hoverBg\\": \\"#CED5DC\\", @@ -776,26 +800,28 @@ module.exports = { } }, \\"underlinenav\\": { - \\"icon\\": \\"#67707A\\", + \\"icon\\": \\"#66707B\\", \\"borderHover\\": \\"rgba(172,182,192,0.2)\\" }, \\"actionListItem\\": { - \\"inlineDivider\\": \\"rgba(48,54,61,0.48)\\", + \\"inlineDivider\\": \\"#88929D\\", \\"default\\": { - \\"hoverBg\\": \\"rgba(206,213,220,0.32)\\", - \\"activeBg\\": \\"rgba(206,213,220,0.48)\\", - \\"selectedBg\\": \\"rgba(206,213,220,0.24)\\" + \\"hoverBg\\": \\"#E7ECF0\\", + \\"hoverBorder\\": \\"#88929D\\", + \\"activeBg\\": \\"#CED5DC\\", + \\"activeBorder\\": \\"#20252C\\", + \\"selectedBg\\": \\"#CED5DC\\" }, \\"danger\\": { - \\"hoverBg\\": \\"rgba(255,240,238,0.64)\\", - \\"activeBg\\": \\"#fff0ee\\", - \\"hoverText\\": \\"#a0111f\\" + \\"hoverBg\\": \\"#a0111f\\", + \\"activeBg\\": \\"#6e011a\\", + \\"hoverText\\": \\"#ffffff\\" } }, \\"fg\\": { - \\"default\\": \\"#24292F\\", - \\"muted\\": \\"#24292F\\", - \\"subtle\\": \\"#67707A\\", + \\"default\\": \\"#0E1116\\", + \\"muted\\": \\"#0E1116\\", + \\"subtle\\": \\"#66707B\\", \\"onEmphasis\\": \\"#ffffff\\" }, \\"canvas\\": { @@ -805,13 +831,13 @@ module.exports = { \\"subtle\\": \\"#E7ECF0\\" }, \\"border\\": { - \\"default\\": \\"#30363D\\", + \\"default\\": \\"#20252C\\", \\"muted\\": \\"#88929D\\", \\"subtle\\": \\"rgba(1,4,9,0.8)\\" }, \\"neutral\\": { - \\"emphasisPlus\\": \\"#24292F\\", - \\"emphasis\\": \\"#67707A\\", + \\"emphasisPlus\\": \\"#0E1116\\", + \\"emphasis\\": \\"#66707B\\", \\"muted\\": \\"rgba(172,182,192,0.2)\\", \\"subtle\\": \\"#E7ECF0\\" }, @@ -845,6 +871,18 @@ module.exports = { \\"muted\\": \\"#ee5a5d\\", \\"subtle\\": \\"#fff0ee\\" }, + \\"open\\": { + \\"fg\\": \\"#055d20\\", + \\"emphasis\\": \\"#117f32\\", + \\"muted\\": \\"rgba(38,161,72,0.4)\\", + \\"subtle\\": \\"#d2fedb\\" + }, + \\"closed\\": { + \\"fg\\": \\"#a0111f\\", + \\"emphasis\\": \\"#a0111f\\", + \\"muted\\": \\"rgba(238,90,93,0.4)\\", + \\"subtle\\": \\"#fff0ee\\" + }, \\"done\\": { \\"fg\\": \\"#622cbc\\", \\"emphasis\\": \\"#622cbc\\", @@ -886,7 +924,7 @@ module.exports = { \\"childShadow\\": \\"-2px -2px 0 rgba(255,255,255,0.8)\\" }, \\"overlay\\": { - \\"shadow\\": \\"0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(61,69,78,0.12)\\" + \\"shadow\\": \\"0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12)\\" }, \\"btn\\": { \\"shadow\\": \\"0 1px 0 rgba(1,4,9,0.04)\\", @@ -931,6 +969,7 @@ module.exports = { \\"light_colorblind\\": { \\"colors\\": { \\"canvasDefaultTransparent\\": \\"rgba(255,255,255,0)\\", + \\"pageHeaderBg\\": \\"#f6f8fa\\", \\"marketingIcon\\": { \\"primary\\": \\"#218bff\\", \\"secondary\\": \\"#54aeff\\" @@ -939,16 +978,16 @@ module.exports = { \\"addition\\": { \\"numText\\": \\"#24292f\\", \\"fg\\": \\"#24292f\\", - \\"numBg\\": \\"rgba(53,173,255,0.4)\\", - \\"lineBg\\": \\"rgba(192,246,255,0.5)\\", - \\"wordBg\\": \\"rgba(53,173,255,0.4)\\" + \\"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(231,161,0,0.4)\\", - \\"lineBg\\": \\"rgba(254,254,72,0.5)\\", - \\"wordBg\\": \\"rgba(248,194,0,0.5)\\" + \\"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)\\" @@ -960,7 +999,7 @@ module.exports = { \\"diffstat\\": { \\"deletionBorder\\": \\"rgba(27,31,36,0.15)\\", \\"additionBorder\\": \\"rgba(27,31,36,0.15)\\", - \\"additionBg\\": \\"#0088ff\\" + \\"additionBg\\": \\"#218bff\\" }, \\"searchKeyword\\": { \\"hl\\": \\"#fff8c5\\" @@ -971,26 +1010,26 @@ module.exports = { \\"constant\\": \\"#0550ae\\", \\"entity\\": \\"#8250df\\", \\"storageModifierImport\\": \\"#24292f\\", - \\"entityTag\\": \\"#054da9\\", - \\"keyword\\": \\"#ac5e00\\", + \\"entityTag\\": \\"#0550ae\\", + \\"keyword\\": \\"#b35900\\", \\"string\\": \\"#0a3069\\", - \\"variable\\": \\"#953800\\", - \\"brackethighlighterUnmatched\\": \\"#6c3900\\", + \\"variable\\": \\"#8a4600\\", + \\"brackethighlighterUnmatched\\": \\"#6f3800\\", \\"invalidIllegalText\\": \\"#f6f8fa\\", - \\"invalidIllegalBg\\": \\"#6c3900\\", + \\"invalidIllegalBg\\": \\"#6f3800\\", \\"carriageReturnText\\": \\"#f6f8fa\\", - \\"carriageReturnBg\\": \\"#ac5e00\\", - \\"stringRegexp\\": \\"#054da9\\", + \\"carriageReturnBg\\": \\"#b35900\\", + \\"stringRegexp\\": \\"#0550ae\\", \\"markupList\\": \\"#3b2300\\", \\"markupHeading\\": \\"#0550ae\\", \\"markupItalic\\": \\"#24292f\\", \\"markupBold\\": \\"#24292f\\", - \\"markupDeletedText\\": \\"#6c3900\\", - \\"markupDeletedBg\\": \\"#fefe48\\", - \\"markupInsertedText\\": \\"#054da9\\", - \\"markupInsertedBg\\": \\"#c0f6ff\\", - \\"markupChangedText\\": \\"#953800\\", - \\"markupChangedBg\\": \\"#ffd8b5\\", + \\"markupDeletedText\\": \\"#6f3800\\", + \\"markupDeletedBg\\": \\"#fff5e8\\", + \\"markupInsertedText\\": \\"#0550ae\\", + \\"markupInsertedBg\\": \\"#ddf4ff\\", + \\"markupChangedText\\": \\"#8a4600\\", + \\"markupChangedBg\\": \\"#ffddb0\\", \\"markupIgnoredText\\": \\"#eaeef2\\", \\"markupIgnoredBg\\": \\"#0550ae\\", \\"metaDiffRange\\": \\"#8250df\\", @@ -1015,11 +1054,11 @@ module.exports = { \\"comment\\": \\"#24292f\\", \\"constant\\": \\"#0550ae\\", \\"entity\\": \\"#8250df\\", - \\"keyword\\": \\"#ac5e00\\", - \\"storage\\": \\"#ac5e00\\", + \\"keyword\\": \\"#b35900\\", + \\"storage\\": \\"#b35900\\", \\"string\\": \\"#0a3069\\", \\"support\\": \\"#0550ae\\", - \\"variable\\": \\"#953800\\" + \\"variable\\": \\"#8a4600\\" } }, \\"checks\\": { @@ -1034,9 +1073,9 @@ module.exports = { \\"inputPlaceholderText\\": \\"#8c959f\\", \\"inputFocusText\\": \\"#8c959f\\", \\"inputBg\\": \\"#32383f\\", - \\"donutError\\": \\"#d08002\\", + \\"donutError\\": \\"#dd7815\\", \\"donutPending\\": \\"#bf8700\\", - \\"donutSuccess\\": \\"#0088ff\\", + \\"donutSuccess\\": \\"#218bff\\", \\"donutNeutral\\": \\"#afb8c1\\", \\"dropdownText\\": \\"#afb8c1\\", \\"dropdownBg\\": \\"#32383f\\", @@ -1061,31 +1100,31 @@ module.exports = { \\"lineDtFmBg\\": \\"#9a6700\\", \\"gateBg\\": \\"rgba(125,78,0,0.15)\\", \\"gateText\\": \\"#d0d7de\\", - \\"gateWaitingText\\": \\"#afb8c1\\", + \\"gateWaitingText\\": \\"#d4a72c\\", \\"stepHeaderOpenBg\\": \\"#32383f\\", - \\"stepErrorText\\": \\"#e7a100\\", + \\"stepErrorText\\": \\"#f79939\\", \\"stepWarningText\\": \\"#d4a72c\\", \\"loglineText\\": \\"#8c959f\\", \\"loglineNumText\\": \\"rgba(140,149,159,0.75)\\", \\"loglineDebugText\\": \\"#c297ff\\", \\"loglineErrorText\\": \\"#d0d7de\\", - \\"loglineErrorNumText\\": \\"#e7a100\\", - \\"loglineErrorBg\\": \\"rgba(139,70,0,0.15)\\", + \\"loglineErrorNumText\\": \\"#f79939\\", + \\"loglineErrorBg\\": \\"rgba(138,70,0,0.15)\\", \\"loglineWarningText\\": \\"#d0d7de\\", \\"loglineWarningNumText\\": \\"#d4a72c\\", \\"loglineWarningBg\\": \\"rgba(125,78,0,0.15)\\", \\"loglineCommandText\\": \\"#54aeff\\", - \\"loglineSectionText\\": \\"#35adff\\", + \\"loglineSectionText\\": \\"#54aeff\\", \\"ansi\\": { \\"black\\": \\"#24292f\\", \\"blackBright\\": \\"#32383f\\", \\"white\\": \\"#d0d7de\\", \\"whiteBright\\": \\"#d0d7de\\", \\"gray\\": \\"#8c959f\\", - \\"red\\": \\"#e7a100\\", - \\"redBright\\": \\"#f8c200\\", - \\"green\\": \\"#35adff\\", - \\"greenBright\\": \\"#65ccff\\", + \\"red\\": \\"#f79939\\", + \\"redBright\\": \\"#ffbc6d\\", + \\"green\\": \\"#54aeff\\", + \\"greenBright\\": \\"#80ccff\\", \\"yellow\\": \\"#d4a72c\\", \\"yellowBright\\": \\"#eac54f\\", \\"blue\\": \\"#54aeff\\", @@ -1116,6 +1155,9 @@ module.exports = { \\"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)\\", @@ -1124,6 +1166,7 @@ module.exports = { \\"header\\": { \\"text\\": \\"rgba(255,255,255,0.7)\\", \\"bg\\": \\"#24292f\\", + \\"divider\\": \\"#57606a\\", \\"logo\\": \\"#ffffff\\" }, \\"headerSearch\\": { @@ -1148,10 +1191,10 @@ module.exports = { \\"white\\": \\"#6e7781\\", \\"whiteBright\\": \\"#8c959f\\", \\"gray\\": \\"#6e7781\\", - \\"red\\": \\"#ac5e00\\", - \\"redBright\\": \\"#8b4600\\", - \\"green\\": \\"#054da9\\", - \\"greenBright\\": \\"#0566d5\\", + \\"red\\": \\"#b35900\\", + \\"redBright\\": \\"#8a4600\\", + \\"green\\": \\"#0550ae\\", + \\"greenBright\\": \\"#0969da\\", \\"yellow\\": \\"#4d2d00\\", \\"yellowBright\\": \\"#633c01\\", \\"blue\\": \\"#0969da\\", @@ -1175,15 +1218,15 @@ module.exports = { \\"counterBg\\": \\"rgba(27,31,36,0.08)\\", \\"primary\\": { \\"text\\": \\"#ffffff\\", - \\"bg\\": \\"#0088ff\\", + \\"bg\\": \\"#218bff\\", \\"border\\": \\"rgba(27,31,36,0.15)\\", - \\"hoverBg\\": \\"#0566d5\\", + \\"hoverBg\\": \\"#0969da\\", \\"hoverBorder\\": \\"rgba(27,31,36,0.15)\\", - \\"selectedBg\\": \\"hsla(212,95%,41%,1)\\", + \\"selectedBg\\": \\"hsla(212,92%,43%,1)\\", \\"disabledText\\": \\"rgba(255,255,255,0.8)\\", - \\"disabledBg\\": \\"#65ccff\\", + \\"disabledBg\\": \\"#80ccff\\", \\"disabledBorder\\": \\"rgba(27,31,36,0.15)\\", - \\"focusBg\\": \\"#0088ff\\", + \\"focusBg\\": \\"#218bff\\", \\"focusBorder\\": \\"rgba(27,31,36,0.15)\\", \\"icon\\": \\"rgba(255,255,255,0.8)\\", \\"counterBg\\": \\"rgba(255,255,255,0.2)\\" @@ -1204,20 +1247,20 @@ module.exports = { \\"counterBg\\": \\"rgba(9,105,218,0.1)\\" }, \\"danger\\": { - \\"text\\": \\"#ac5e00\\", + \\"text\\": \\"#b35900\\", \\"hoverText\\": \\"#ffffff\\", - \\"hoverBg\\": \\"#8b4600\\", + \\"hoverBg\\": \\"#8a4600\\", \\"hoverBorder\\": \\"rgba(27,31,36,0.15)\\", \\"hoverCounterBg\\": \\"rgba(255,255,255,0.2)\\", \\"selectedText\\": \\"#ffffff\\", - \\"selectedBg\\": \\"hsla(33,100%,31%,1)\\", + \\"selectedBg\\": \\"hsla(30,100%,32%,1)\\", \\"selectedBorder\\": \\"rgba(27,31,36,0.15)\\", - \\"disabledText\\": \\"rgba(172,94,0,0.5)\\", + \\"disabledText\\": \\"rgba(179,89,0,0.5)\\", \\"disabledBg\\": \\"#f6f8fa\\", - \\"disabledCounterBg\\": \\"rgba(172,94,0,0.05)\\", + \\"disabledCounterBg\\": \\"rgba(179,89,0,0.05)\\", \\"focusBorder\\": \\"rgba(27,31,36,0.15)\\", - \\"counterBg\\": \\"rgba(172,94,0,0.1)\\", - \\"icon\\": \\"#ac5e00\\", + \\"counterBg\\": \\"rgba(179,89,0,0.1)\\", + \\"icon\\": \\"#b35900\\", \\"hoverIcon\\": \\"#ffffff\\" } }, @@ -1229,13 +1272,15 @@ module.exports = { \\"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(254,254,72,0.64)\\", - \\"activeBg\\": \\"#fefe48\\", - \\"hoverText\\": \\"#ac5e00\\" + \\"hoverBg\\": \\"rgba(255,245,232,0.64)\\", + \\"activeBg\\": \\"#fff5e8\\", + \\"hoverText\\": \\"#b35900\\" } }, \\"fg\\": { @@ -1268,10 +1313,10 @@ module.exports = { \\"subtle\\": \\"#ddf4ff\\" }, \\"success\\": { - \\"fg\\": \\"#0566d5\\", - \\"emphasis\\": \\"#0088ff\\", - \\"muted\\": \\"rgba(53,173,255,0.4)\\", - \\"subtle\\": \\"#c0f6ff\\" + \\"fg\\": \\"#0969da\\", + \\"emphasis\\": \\"#218bff\\", + \\"muted\\": \\"rgba(84,174,255,0.4)\\", + \\"subtle\\": \\"#ddf4ff\\" }, \\"attention\\": { \\"fg\\": \\"#9a6700\\", @@ -1280,16 +1325,28 @@ module.exports = { \\"subtle\\": \\"#fff8c5\\" }, \\"severe\\": { - \\"fg\\": \\"#bc4c00\\", - \\"emphasis\\": \\"#bc4c00\\", - \\"muted\\": \\"rgba(251,143,68,0.4)\\", - \\"subtle\\": \\"#fff1e5\\" + \\"fg\\": \\"#b35900\\", + \\"emphasis\\": \\"#b35900\\", + \\"muted\\": \\"rgba(247,153,57,0.4)\\", + \\"subtle\\": \\"#fff5e8\\" }, \\"danger\\": { - \\"fg\\": \\"#ac5e00\\", - \\"emphasis\\": \\"#ac5e00\\", - \\"muted\\": \\"rgba(231,161,0,0.4)\\", - \\"subtle\\": \\"#fefe48\\" + \\"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\\", @@ -1343,8 +1400,8 @@ module.exports = { \\"primary\\": { \\"shadow\\": \\"0 1px 0 rgba(27,31,36,0.1)\\", \\"insetShadow\\": \\"inset 0 1px 0 rgba(255,255,255,0.03)\\", - \\"selectedShadow\\": \\"inset 0 1px 0 rgba(0,31,80,0.2)\\", - \\"focusShadow\\": \\"0 0 0 3px rgba(0,136,255,0.4)\\" + \\"selectedShadow\\": \\"inset 0 1px 0 rgba(0,33,85,0.2)\\", + \\"focusShadow\\": \\"0 0 0 3px rgba(33,139,255,0.4)\\" }, \\"outline\\": { \\"hoverShadow\\": \\"0 1px 0 rgba(27,31,36,0.1)\\", @@ -1355,8 +1412,8 @@ module.exports = { \\"danger\\": { \\"hoverShadow\\": \\"0 1px 0 rgba(27,31,36,0.1)\\", \\"hoverInsetShadow\\": \\"inset 0 1px 0 rgba(255,255,255,0.03)\\", - \\"selectedShadow\\": \\"inset 0 1px 0 rgba(47,41,0,0.2)\\", - \\"focusShadow\\": \\"0 0 0 3px rgba(139,70,0,0.4)\\" + \\"selectedShadow\\": \\"inset 0 1px 0 rgba(65,32,0,0.2)\\", + \\"focusShadow\\": \\"0 0 0 3px rgba(138,70,0,0.4)\\" } }, \\"shadow\\": { @@ -1377,6 +1434,7 @@ module.exports = { \\"dark\\": { \\"colors\\": { \\"canvasDefaultTransparent\\": \\"rgba(13,17,23,0)\\", + \\"pageHeaderBg\\": \\"#0d1117\\", \\"marketingIcon\\": { \\"primary\\": \\"#79c0ff\\", \\"secondary\\": \\"#1f6feb\\" @@ -1503,7 +1561,7 @@ module.exports = { \\"lineHoverBg\\": \\"rgba(110,118,129,0.1)\\", \\"lineSelectedBg\\": \\"rgba(56,139,253,0.15)\\", \\"lineSelectedNumText\\": \\"#58a6ff\\", - \\"lineDtFmText\\": \\"#f0f6fc\\", + \\"lineDtFmText\\": \\"#ffffff\\", \\"lineDtFmBg\\": \\"#9e6a03\\", \\"gateBg\\": \\"rgba(187,128,9,0.15)\\", \\"gateText\\": \\"#8b949e\\", @@ -1554,7 +1612,7 @@ module.exports = { } }, \\"avatar\\": { - \\"bg\\": \\"rgba(240,246,252,0.1)\\", + \\"bg\\": \\"rgba(255,255,255,0.1)\\", \\"border\\": \\"rgba(240,246,252,0.1)\\", \\"stackFade\\": \\"#30363d\\", \\"stackFadeMore\\": \\"#21262d\\" @@ -1562,14 +1620,18 @@ module.exports = { \\"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\\" }, \\"header\\": { - \\"text\\": \\"rgba(240,246,252,0.7)\\", + \\"text\\": \\"rgba(255,255,255,0.7)\\", \\"bg\\": \\"#161b22\\", + \\"divider\\": \\"#8b949e\\", \\"logo\\": \\"#f0f6fc\\" }, \\"headerSearch\\": { @@ -1592,7 +1654,7 @@ module.exports = { \\"black\\": \\"#484f58\\", \\"blackBright\\": \\"#6e7681\\", \\"white\\": \\"#b1bac4\\", - \\"whiteBright\\": \\"#f0f6fc\\", + \\"whiteBright\\": \\"#ffffff\\", \\"gray\\": \\"#6e7681\\", \\"red\\": \\"#ff7b72\\", \\"redBright\\": \\"#ffa198\\", @@ -1626,21 +1688,21 @@ module.exports = { \\"hoverBg\\": \\"#2ea043\\", \\"hoverBorder\\": \\"rgba(240,246,252,0.1)\\", \\"selectedBg\\": \\"#238636\\", - \\"disabledText\\": \\"rgba(240,246,252,0.5)\\", + \\"disabledText\\": \\"rgba(255,255,255,0.5)\\", \\"disabledBg\\": \\"rgba(35,134,54,0.6)\\", \\"disabledBorder\\": \\"rgba(240,246,252,0.1)\\", \\"focusBg\\": \\"#238636\\", \\"focusBorder\\": \\"rgba(240,246,252,0.1)\\", - \\"icon\\": \\"#f0f6fc\\", - \\"counterBg\\": \\"rgba(240,246,252,0.2)\\" + \\"icon\\": \\"#ffffff\\", + \\"counterBg\\": \\"rgba(255,255,255,0.2)\\" }, \\"outline\\": { \\"text\\": \\"#58a6ff\\", \\"hoverText\\": \\"#58a6ff\\", \\"hoverBg\\": \\"#30363d\\", \\"hoverBorder\\": \\"rgba(240,246,252,0.1)\\", - \\"hoverCounterBg\\": \\"rgba(240,246,252,0.2)\\", - \\"selectedText\\": \\"#f0f6fc\\", + \\"hoverCounterBg\\": \\"rgba(255,255,255,0.2)\\", + \\"selectedText\\": \\"#ffffff\\", \\"selectedBg\\": \\"#0d419d\\", \\"selectedBorder\\": \\"rgba(240,246,252,0.1)\\", \\"disabledText\\": \\"rgba(88,166,255,0.5)\\", @@ -1651,10 +1713,10 @@ module.exports = { }, \\"danger\\": { \\"text\\": \\"#f85149\\", - \\"hoverText\\": \\"#f0f6fc\\", + \\"hoverText\\": \\"#ffffff\\", \\"hoverBg\\": \\"#da3633\\", \\"hoverBorder\\": \\"#f85149\\", - \\"hoverIcon\\": \\"#f0f6fc\\", + \\"hoverIcon\\": \\"#ffffff\\", \\"hoverCounterBg\\": \\"rgba(255,255,255,0.2)\\", \\"selectedText\\": \\"#ffffff\\", \\"selectedBg\\": \\"#b62324\\", @@ -1675,7 +1737,9 @@ module.exports = { \\"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\\": { @@ -1688,7 +1752,7 @@ module.exports = { \\"default\\": \\"#c9d1d9\\", \\"muted\\": \\"#8b949e\\", \\"subtle\\": \\"#484f58\\", - \\"onEmphasis\\": \\"#f0f6fc\\" + \\"onEmphasis\\": \\"#ffffff\\" }, \\"canvas\\": { \\"default\\": \\"#0d1117\\", @@ -1737,6 +1801,18 @@ module.exports = { \\"muted\\": \\"rgba(248,81,73,0.4)\\", \\"subtle\\": \\"rgba(248,81,73,0.15)\\" }, + \\"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\\", @@ -1759,7 +1835,7 @@ module.exports = { }, \\"border\\": { \\"active\\": \\"#F78166\\", - \\"contrast\\": \\"rgba(240,246,252,0.2)\\" + \\"contrast\\": \\"rgba(255,255,255,0.2)\\" } } }, @@ -1797,7 +1873,7 @@ module.exports = { }, \\"outline\\": { \\"hoverShadow\\": \\"0 1px 0 rgba(1,4,9,0.1)\\", - \\"hoverInsetShadow\\": \\"inset 0 1px 0 rgba(240,246,252,0.03)\\", + \\"hoverInsetShadow\\": \\"inset 0 1px 0 rgba(255,255,255,0.03)\\", \\"selectedShadow\\": \\"0 0 transparent\\", \\"focusShadow\\": \\"0 0 0 3px rgba(17,88,199,0.4)\\" }, @@ -1826,6 +1902,7 @@ module.exports = { \\"dark_dimmed\\": { \\"colors\\": { \\"canvasDefaultTransparent\\": \\"rgba(34,39,46,0)\\", + \\"pageHeaderBg\\": \\"#22272e\\", \\"marketingIcon\\": { \\"primary\\": \\"#6cb6ff\\", \\"secondary\\": \\"#316dca\\" @@ -2011,6 +2088,9 @@ module.exports = { \\"topicTag\\": { \\"border\\": \\"rgba(0,0,0,0)\\" }, + \\"counter\\": { + \\"border\\": \\"rgba(0,0,0,0)\\" + }, \\"selectMenu\\": { \\"backdropBorder\\": \\"#545d68\\", \\"tapHighlight\\": \\"rgba(68,76,86,0.5)\\", @@ -2019,6 +2099,7 @@ module.exports = { \\"header\\": { \\"text\\": \\"rgba(205,217,229,0.7)\\", \\"bg\\": \\"#2d333b\\", + \\"divider\\": \\"#768390\\", \\"logo\\": \\"#cdd9e5\\" }, \\"headerSearch\\": { @@ -2124,7 +2205,9 @@ module.exports = { \\"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\\": { @@ -2186,6 +2269,18 @@ module.exports = { \\"muted\\": \\"rgba(229,83,75,0.4)\\", \\"subtle\\": \\"rgba(229,83,75,0.15)\\" }, + \\"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\\", @@ -2275,6 +2370,7 @@ module.exports = { \\"dark_high_contrast\\": { \\"colors\\": { \\"canvasDefaultTransparent\\": \\"rgba(10,12,16,0)\\", + \\"pageHeaderBg\\": \\"#0a0c10\\", \\"marketingIcon\\": { \\"primary\\": \\"#91cbff\\", \\"secondary\\": \\"#409eff\\" @@ -2298,7 +2394,7 @@ module.exports = { \\"numBg\\": \\"rgba(64,158,255,0.4)\\" }, \\"expander\\": { - \\"icon\\": \\"#0a0c10\\" + \\"icon\\": \\"#f0f3f6\\" } }, \\"diffstat\\": { @@ -2460,6 +2556,9 @@ module.exports = { \\"topicTag\\": { \\"border\\": \\"#409eff\\" }, + \\"counter\\": { + \\"border\\": \\"rgba(0,0,0,0)\\" + }, \\"selectMenu\\": { \\"backdropBorder\\": \\"#7a828e\\", \\"tapHighlight\\": \\"rgba(82,89,100,0.5)\\", @@ -2468,6 +2567,7 @@ module.exports = { \\"header\\": { \\"text\\": \\"rgba(255,255,255,0.7)\\", \\"bg\\": \\"#272b33\\", + \\"divider\\": \\"#bdc4cc\\", \\"logo\\": \\"#ffffff\\" }, \\"headerSearch\\": { @@ -2572,9 +2672,11 @@ module.exports = { \\"actionListItem\\": { \\"inlineDivider\\": \\"#7a828e\\", \\"default\\": { - \\"hoverBg\\": \\"rgba(217,222,227,0.12)\\", - \\"activeBg\\": \\"rgba(217,222,227,0.24)\\", - \\"selectedBg\\": \\"rgba(217,222,227,0.08)\\" + \\"hoverBg\\": \\"#272b33\\", + \\"hoverBorder\\": \\"#7a828e\\", + \\"activeBg\\": \\"#525964\\", + \\"activeBorder\\": \\"#9ea7b3\\", + \\"selectedBg\\": \\"#525964\\" }, \\"danger\\": { \\"hoverBg\\": \\"#ff6a69\\", @@ -2635,6 +2737,18 @@ module.exports = { \\"muted\\": \\"#ff6a69\\", \\"subtle\\": \\"rgba(255,106,105,0.15)\\" }, + \\"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\\", @@ -2724,6 +2838,7 @@ module.exports = { \\"dark_colorblind\\": { \\"colors\\": { \\"canvasDefaultTransparent\\": \\"rgba(13,17,23,0)\\", + \\"pageHeaderBg\\": \\"#0d1117\\", \\"marketingIcon\\": { \\"primary\\": \\"#79c0ff\\", \\"secondary\\": \\"#1f6feb\\" @@ -2732,16 +2847,16 @@ module.exports = { \\"addition\\": { \\"numText\\": \\"#c9d1d9\\", \\"fg\\": \\"#c9d1d9\\", - \\"numBg\\": \\"rgba(66,160,255,0.3)\\", - \\"lineBg\\": \\"rgba(21,133,253,0.15)\\", - \\"wordBg\\": \\"rgba(21,133,253,0.4)\\" + \\"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(195,128,0,0.3)\\", - \\"lineBg\\": \\"rgba(195,128,0,0.15)\\", - \\"wordBg\\": \\"rgba(195,128,0,0.4)\\" + \\"numBg\\": \\"rgba(212,118,22,0.3)\\", + \\"lineBg\\": \\"rgba(212,118,22,0.15)\\", + \\"wordBg\\": \\"rgba(212,118,22,0.4)\\" }, \\"hunk\\": { \\"numBg\\": \\"rgba(56,139,253,0.4)\\" @@ -2753,7 +2868,7 @@ module.exports = { \\"diffstat\\": { \\"deletionBorder\\": \\"rgba(240,246,252,0.1)\\", \\"additionBorder\\": \\"rgba(240,246,252,0.1)\\", - \\"additionBg\\": \\"#42a0ff\\" + \\"additionBg\\": \\"#58a6ff\\" }, \\"searchKeyword\\": { \\"hl\\": \\"rgba(210,153,34,0.4)\\" @@ -2764,26 +2879,26 @@ module.exports = { \\"constant\\": \\"#79c0ff\\", \\"entity\\": \\"#d2a8ff\\", \\"storageModifierImport\\": \\"#c9d1d9\\", - \\"entityTag\\": \\"#83d4ff\\", - \\"keyword\\": \\"#d69a00\\", + \\"entityTag\\": \\"#a5d6ff\\", + \\"keyword\\": \\"#ec8e2c\\", \\"string\\": \\"#a5d6ff\\", - \\"variable\\": \\"#ffa657\\", - \\"brackethighlighterUnmatched\\": \\"#c38000\\", + \\"variable\\": \\"#fdac54\\", + \\"brackethighlighterUnmatched\\": \\"#d47616\\", \\"invalidIllegalText\\": \\"#f0f6fc\\", - \\"invalidIllegalBg\\": \\"#633e00\\", + \\"invalidIllegalBg\\": \\"#6c3906\\", \\"carriageReturnText\\": \\"#f0f6fc\\", - \\"carriageReturnBg\\": \\"#865401\\", - \\"stringRegexp\\": \\"#83d4ff\\", + \\"carriageReturnBg\\": \\"#914d04\\", + \\"stringRegexp\\": \\"#a5d6ff\\", \\"markupList\\": \\"#f2cc60\\", \\"markupHeading\\": \\"#1f6feb\\", \\"markupItalic\\": \\"#c9d1d9\\", \\"markupBold\\": \\"#c9d1d9\\", - \\"markupDeletedText\\": \\"#f0ec59\\", - \\"markupDeletedBg\\": \\"#452f00\\", - \\"markupInsertedText\\": \\"#a0e8ff\\", - \\"markupInsertedBg\\": \\"#0a2861\\", - \\"markupChangedText\\": \\"#ffdfb6\\", - \\"markupChangedBg\\": \\"#5a1e02\\", + \\"markupDeletedText\\": \\"#ffe2bb\\", + \\"markupDeletedBg\\": \\"#4e2906\\", + \\"markupInsertedText\\": \\"#cae8ff\\", + \\"markupInsertedBg\\": \\"#0c2d6b\\", + \\"markupChangedText\\": \\"#ffe2bb\\", + \\"markupChangedBg\\": \\"#4e2906\\", \\"markupIgnoredText\\": \\"#c9d1d9\\", \\"markupIgnoredBg\\": \\"#1158c7\\", \\"metaDiffRange\\": \\"#d2a8ff\\", @@ -2808,11 +2923,11 @@ module.exports = { \\"comment\\": \\"#8b949e\\", \\"constant\\": \\"#79c0ff\\", \\"entity\\": \\"#d2a8ff\\", - \\"keyword\\": \\"#d69a00\\", - \\"storage\\": \\"#d69a00\\", + \\"keyword\\": \\"#ec8e2c\\", + \\"storage\\": \\"#ec8e2c\\", \\"string\\": \\"#a5d6ff\\", \\"support\\": \\"#79c0ff\\", - \\"variable\\": \\"#ffa657\\" + \\"variable\\": \\"#fdac54\\" } }, \\"checks\\": { @@ -2827,9 +2942,9 @@ module.exports = { \\"inputPlaceholderText\\": \\"#484f58\\", \\"inputFocusText\\": \\"#c9d1d9\\", \\"inputBg\\": \\"#161b22\\", - \\"donutError\\": \\"#c38000\\", + \\"donutError\\": \\"#d47616\\", \\"donutPending\\": \\"#d29922\\", - \\"donutSuccess\\": \\"#1585fd\\", + \\"donutSuccess\\": \\"#388bfd\\", \\"donutNeutral\\": \\"#8b949e\\", \\"dropdownText\\": \\"#c9d1d9\\", \\"dropdownBg\\": \\"#161b22\\", @@ -2850,35 +2965,35 @@ module.exports = { \\"lineHoverBg\\": \\"rgba(110,118,129,0.1)\\", \\"lineSelectedBg\\": \\"rgba(56,139,253,0.15)\\", \\"lineSelectedNumText\\": \\"#58a6ff\\", - \\"lineDtFmText\\": \\"#f0f6fc\\", + \\"lineDtFmText\\": \\"#ffffff\\", \\"lineDtFmBg\\": \\"#9e6a03\\", \\"gateBg\\": \\"rgba(187,128,9,0.15)\\", \\"gateText\\": \\"#8b949e\\", \\"gateWaitingText\\": \\"#d29922\\", \\"stepHeaderOpenBg\\": \\"#161b22\\", - \\"stepErrorText\\": \\"#c38000\\", + \\"stepErrorText\\": \\"#d47616\\", \\"stepWarningText\\": \\"#d29922\\", \\"loglineText\\": \\"#8b949e\\", \\"loglineNumText\\": \\"#484f58\\", \\"loglineDebugText\\": \\"#a371f7\\", \\"loglineErrorText\\": \\"#8b949e\\", \\"loglineErrorNumText\\": \\"#484f58\\", - \\"loglineErrorBg\\": \\"rgba(195,128,0,0.15)\\", + \\"loglineErrorBg\\": \\"rgba(212,118,22,0.15)\\", \\"loglineWarningText\\": \\"#8b949e\\", \\"loglineWarningNumText\\": \\"#d29922\\", \\"loglineWarningBg\\": \\"rgba(187,128,9,0.15)\\", \\"loglineCommandText\\": \\"#58a6ff\\", - \\"loglineSectionText\\": \\"#42a0ff\\", + \\"loglineSectionText\\": \\"#58a6ff\\", \\"ansi\\": { \\"black\\": \\"#0d1117\\", \\"blackBright\\": \\"#161b22\\", \\"white\\": \\"#b1bac4\\", \\"whiteBright\\": \\"#b1bac4\\", \\"gray\\": \\"#6e7681\\", - \\"red\\": \\"#d69a00\\", - \\"redBright\\": \\"#e6b716\\", - \\"green\\": \\"#42a0ff\\", - \\"greenBright\\": \\"#66baff\\", + \\"red\\": \\"#ec8e2c\\", + \\"redBright\\": \\"#fdac54\\", + \\"green\\": \\"#58a6ff\\", + \\"greenBright\\": \\"#79c0ff\\", \\"yellow\\": \\"#d29922\\", \\"yellowBright\\": \\"#e3b341\\", \\"blue\\": \\"#58a6ff\\", @@ -2901,7 +3016,7 @@ module.exports = { } }, \\"avatar\\": { - \\"bg\\": \\"rgba(240,246,252,0.1)\\", + \\"bg\\": \\"rgba(255,255,255,0.1)\\", \\"border\\": \\"rgba(240,246,252,0.1)\\", \\"stackFade\\": \\"#30363d\\", \\"stackFadeMore\\": \\"#21262d\\" @@ -2909,14 +3024,18 @@ module.exports = { \\"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\\" }, \\"header\\": { - \\"text\\": \\"rgba(240,246,252,0.7)\\", + \\"text\\": \\"rgba(255,255,255,0.7)\\", \\"bg\\": \\"#161b22\\", + \\"divider\\": \\"#8b949e\\", \\"logo\\": \\"#f0f6fc\\" }, \\"headerSearch\\": { @@ -2939,12 +3058,12 @@ module.exports = { \\"black\\": \\"#484f58\\", \\"blackBright\\": \\"#6e7681\\", \\"white\\": \\"#b1bac4\\", - \\"whiteBright\\": \\"#f0f6fc\\", + \\"whiteBright\\": \\"#ffffff\\", \\"gray\\": \\"#6e7681\\", - \\"red\\": \\"#d69a00\\", - \\"redBright\\": \\"#e6b716\\", - \\"green\\": \\"#42a0ff\\", - \\"greenBright\\": \\"#66baff\\", + \\"red\\": \\"#ec8e2c\\", + \\"redBright\\": \\"#fdac54\\", + \\"green\\": \\"#58a6ff\\", + \\"greenBright\\": \\"#79c0ff\\", \\"yellow\\": \\"#d29922\\", \\"yellowBright\\": \\"#e3b341\\", \\"blue\\": \\"#58a6ff\\", @@ -2968,26 +3087,26 @@ module.exports = { \\"counterBg\\": \\"#30363d\\", \\"primary\\": { \\"text\\": \\"#ffffff\\", - \\"bg\\": \\"#1d69e0\\", + \\"bg\\": \\"#1f6feb\\", \\"border\\": \\"rgba(240,246,252,0.1)\\", - \\"hoverBg\\": \\"#1585fd\\", + \\"hoverBg\\": \\"#388bfd\\", \\"hoverBorder\\": \\"rgba(240,246,252,0.1)\\", - \\"selectedBg\\": \\"#1d69e0\\", - \\"disabledText\\": \\"rgba(240,246,252,0.5)\\", - \\"disabledBg\\": \\"rgba(29,105,224,0.6)\\", + \\"selectedBg\\": \\"#1f6feb\\", + \\"disabledText\\": \\"rgba(255,255,255,0.5)\\", + \\"disabledBg\\": \\"rgba(31,111,235,0.6)\\", \\"disabledBorder\\": \\"rgba(240,246,252,0.1)\\", - \\"focusBg\\": \\"#1d69e0\\", + \\"focusBg\\": \\"#1f6feb\\", \\"focusBorder\\": \\"rgba(240,246,252,0.1)\\", - \\"icon\\": \\"#f0f6fc\\", - \\"counterBg\\": \\"rgba(240,246,252,0.2)\\" + \\"icon\\": \\"#ffffff\\", + \\"counterBg\\": \\"rgba(255,255,255,0.2)\\" }, \\"outline\\": { \\"text\\": \\"#58a6ff\\", \\"hoverText\\": \\"#58a6ff\\", \\"hoverBg\\": \\"#30363d\\", \\"hoverBorder\\": \\"rgba(240,246,252,0.1)\\", - \\"hoverCounterBg\\": \\"rgba(240,246,252,0.2)\\", - \\"selectedText\\": \\"#f0f6fc\\", + \\"hoverCounterBg\\": \\"rgba(255,255,255,0.2)\\", + \\"selectedText\\": \\"#ffffff\\", \\"selectedBg\\": \\"#0d419d\\", \\"selectedBorder\\": \\"rgba(240,246,252,0.1)\\", \\"disabledText\\": \\"rgba(88,166,255,0.5)\\", @@ -2997,21 +3116,21 @@ module.exports = { \\"counterBg\\": \\"rgba(31,111,235,0.1)\\" }, \\"danger\\": { - \\"text\\": \\"#c38000\\", - \\"hoverText\\": \\"#f0f6fc\\", - \\"hoverBg\\": \\"#a66900\\", - \\"hoverBorder\\": \\"#c38000\\", - \\"hoverIcon\\": \\"#f0f6fc\\", + \\"text\\": \\"#d47616\\", + \\"hoverText\\": \\"#ffffff\\", + \\"hoverBg\\": \\"#b76100\\", + \\"hoverBorder\\": \\"#d47616\\", + \\"hoverIcon\\": \\"#ffffff\\", \\"hoverCounterBg\\": \\"rgba(255,255,255,0.2)\\", \\"selectedText\\": \\"#ffffff\\", - \\"selectedBg\\": \\"#865401\\", - \\"selectedBorder\\": \\"#d69a00\\", - \\"disabledText\\": \\"rgba(195,128,0,0.5)\\", + \\"selectedBg\\": \\"#914d04\\", + \\"selectedBorder\\": \\"#ec8e2c\\", + \\"disabledText\\": \\"rgba(212,118,22,0.5)\\", \\"disabledBg\\": \\"#0d1117\\", - \\"disabledCounterBg\\": \\"rgba(166,105,0,0.05)\\", - \\"focusBorder\\": \\"#c38000\\", - \\"counterBg\\": \\"rgba(166,105,0,0.1)\\", - \\"icon\\": \\"#c38000\\" + \\"disabledCounterBg\\": \\"rgba(183,97,0,0.05)\\", + \\"focusBorder\\": \\"#d47616\\", + \\"counterBg\\": \\"rgba(183,97,0,0.1)\\", + \\"icon\\": \\"#d47616\\" } }, \\"underlinenav\\": { @@ -3022,20 +3141,22 @@ module.exports = { \\"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(195,128,0,0.16)\\", - \\"activeBg\\": \\"rgba(195,128,0,0.24)\\", - \\"hoverText\\": \\"#d69a00\\" + \\"hoverBg\\": \\"rgba(212,118,22,0.16)\\", + \\"activeBg\\": \\"rgba(212,118,22,0.24)\\", + \\"hoverText\\": \\"#ec8e2c\\" } }, \\"fg\\": { \\"default\\": \\"#c9d1d9\\", \\"muted\\": \\"#8b949e\\", \\"subtle\\": \\"#484f58\\", - \\"onEmphasis\\": \\"#f0f6fc\\" + \\"onEmphasis\\": \\"#ffffff\\" }, \\"canvas\\": { \\"default\\": \\"#0d1117\\", @@ -3061,10 +3182,10 @@ module.exports = { \\"subtle\\": \\"rgba(56,139,253,0.15)\\" }, \\"success\\": { - \\"fg\\": \\"#42a0ff\\", - \\"emphasis\\": \\"#1d69e0\\", - \\"muted\\": \\"rgba(21,133,253,0.4)\\", - \\"subtle\\": \\"rgba(21,133,253,0.15)\\" + \\"fg\\": \\"#58a6ff\\", + \\"emphasis\\": \\"#1f6feb\\", + \\"muted\\": \\"rgba(56,139,253,0.4)\\", + \\"subtle\\": \\"rgba(56,139,253,0.15)\\" }, \\"attention\\": { \\"fg\\": \\"#d29922\\", @@ -3073,16 +3194,28 @@ module.exports = { \\"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.15)\\" + \\"fg\\": \\"#d47616\\", + \\"emphasis\\": \\"#b76100\\", + \\"muted\\": \\"rgba(212,118,22,0.4)\\", + \\"subtle\\": \\"rgba(212,118,22,0.15)\\" }, \\"danger\\": { - \\"fg\\": \\"#c38000\\", - \\"emphasis\\": \\"#a66900\\", - \\"muted\\": \\"rgba(195,128,0,0.4)\\", - \\"subtle\\": \\"rgba(195,128,0,0.15)\\" + \\"fg\\": \\"#d47616\\", + \\"emphasis\\": \\"#b76100\\", + \\"muted\\": \\"rgba(212,118,22,0.4)\\", + \\"subtle\\": \\"rgba(212,118,22,0.15)\\" + }, + \\"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\\", @@ -3106,7 +3239,7 @@ module.exports = { }, \\"border\\": { \\"active\\": \\"#F78166\\", - \\"contrast\\": \\"rgba(240,246,252,0.2)\\" + \\"contrast\\": \\"rgba(255,255,255,0.2)\\" } } }, @@ -3144,7 +3277,7 @@ module.exports = { }, \\"outline\\": { \\"hoverShadow\\": \\"0 1px 0 rgba(1,4,9,0.1)\\", - \\"hoverInsetShadow\\": \\"inset 0 1px 0 rgba(240,246,252,0.03)\\", + \\"hoverInsetShadow\\": \\"inset 0 1px 0 rgba(255,255,255,0.03)\\", \\"selectedShadow\\": \\"0 0 transparent\\", \\"focusShadow\\": \\"0 0 0 3px rgba(17,88,199,0.4)\\" }, @@ -3152,7 +3285,7 @@ module.exports = { \\"hoverShadow\\": \\"0 0 transparent\\", \\"hoverInsetShadow\\": \\"0 0 transparent\\", \\"selectedShadow\\": \\"0 0 transparent\\", - \\"focusShadow\\": \\"0 0 0 3px rgba(195,128,0,0.4)\\" + \\"focusShadow\\": \\"0 0 0 3px rgba(212,118,22,0.4)\\" } }, \\"shadow\\": { diff --git a/src/theme-preval.js b/src/theme-preval.js index 12632717ea0..2f3ce2b7517 100644 --- a/src/theme-preval.js +++ b/src/theme-preval.js @@ -1,6 +1,6 @@ // @preval // This file needs to be a JavaScript file using CommonJS to be compatible with preval -// Cache bust: 2021-11-04 12:00:00 GMT (This file is cached by our deployment tooling, update this timestamp to rebuild this file) +// Cache bust: 2022-03-14 12:00:00 GMT (This file is cached by our deployment tooling, update this timestamp to rebuild this file) const {default: primitives} = require('@primer/primitives') const {partitionColors, fontStack, omitScale} = require('./utils/theme') diff --git a/src/theme.ts b/src/theme.ts index cca8a16273d..4006d09ed79 100644 --- a/src/theme.ts +++ b/src/theme.ts @@ -62,6 +62,18 @@ type ThemeColors = { 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