From 422f9771563b377df3a8c509f892a947007511c8 Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Tue, 9 May 2023 14:53:27 -0700 Subject: [PATCH 1/8] bump primies --- package-lock.json | 30 +++++++----------------------- package.json | 2 +- 2 files changed, 8 insertions(+), 24 deletions(-) diff --git a/package-lock.json b/package-lock.json index 9b64a7cdd5c..45402f2036a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,7 +16,7 @@ "@lit-labs/react": "1.1.1", "@primer/behaviors": "1.3.3", "@primer/octicons-react": "^18.0.0", - "@primer/primitives": "7.11.7", + "@primer/primitives": "7.11.8", "@react-aria/ssr": "^3.1.0", "@styled-system/css": "^5.1.5", "@styled-system/props": "^5.1.5", @@ -6980,12 +6980,9 @@ } }, "node_modules/@primer/primitives": { - "version": "7.11.7", - "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.7.tgz", - "integrity": "sha512-8PDEn3yj8oE/9B7o5hwjD0LSy7xz9xZ3gGTPWi/u0MxHZJ/fxERgxnBG21eCLKZ19KjhIb5AsmSQyFbGR5urYQ==", - "dependencies": { - "markdown-table-ts": "^1.0.3" - } + "version": "7.11.8", + "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.8.tgz", + "integrity": "sha512-LSR/xRGFz0v1j337hXr1ZqcaY55glkHfDELdT4WEnuhRFLiYKUtWIhkTa858KYbaih5AUvw3wk0PYJeh6O7aDg==" }, "node_modules/@primer/view-components": { "version": "0.1.7", @@ -47457,11 +47454,6 @@ "url": "https://github.com/fb55/entities?sponsor=1" } }, - "node_modules/markdown-table-ts": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/markdown-table-ts/-/markdown-table-ts-1.0.3.tgz", - "integrity": "sha512-lYrp7FXmBqpmGmsEF92WnSukdgYvLm15FPIODZOx9+3nobkxJxjBYcszqZf5VqTjBtISPSNC7zjU9o3zwpL6AQ==" - }, "node_modules/markdownlint": { "version": "0.28.2", "resolved": "https://registry.npmjs.org/markdownlint/-/markdownlint-0.28.2.tgz", @@ -63578,12 +63570,9 @@ "requires": {} }, "@primer/primitives": { - "version": "7.11.7", - "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.7.tgz", - "integrity": "sha512-8PDEn3yj8oE/9B7o5hwjD0LSy7xz9xZ3gGTPWi/u0MxHZJ/fxERgxnBG21eCLKZ19KjhIb5AsmSQyFbGR5urYQ==", - "requires": { - "markdown-table-ts": "^1.0.3" - } + "version": "7.11.8", + "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.8.tgz", + "integrity": "sha512-LSR/xRGFz0v1j337hXr1ZqcaY55glkHfDELdT4WEnuhRFLiYKUtWIhkTa858KYbaih5AUvw3wk0PYJeh6O7aDg==" }, "@primer/view-components": { "version": "0.1.7", @@ -94160,11 +94149,6 @@ } } }, - "markdown-table-ts": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/markdown-table-ts/-/markdown-table-ts-1.0.3.tgz", - "integrity": "sha512-lYrp7FXmBqpmGmsEF92WnSukdgYvLm15FPIODZOx9+3nobkxJxjBYcszqZf5VqTjBtISPSNC7zjU9o3zwpL6AQ==" - }, "markdownlint": { "version": "0.28.2", "resolved": "https://registry.npmjs.org/markdownlint/-/markdownlint-0.28.2.tgz", diff --git a/package.json b/package.json index 1a0637bbe64..d11b79d7f1b 100644 --- a/package.json +++ b/package.json @@ -96,7 +96,7 @@ "@lit-labs/react": "1.1.1", "@primer/behaviors": "1.3.3", "@primer/octicons-react": "^18.0.0", - "@primer/primitives": "7.11.7", + "@primer/primitives": "7.11.8", "@react-aria/ssr": "^3.1.0", "@styled-system/css": "^5.1.5", "@styled-system/props": "^5.1.5", From e12e68de4376eb919d910a986adc2e90999dea6e Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Tue, 9 May 2023 16:44:44 -0700 Subject: [PATCH 2/8] update counter colors --- src/Button/Button.features.stories.tsx | 48 ++++++++++++++++++++++++++ src/Button/styles.ts | 10 +++--- 2 files changed, 53 insertions(+), 5 deletions(-) diff --git a/src/Button/Button.features.stories.tsx b/src/Button/Button.features.stories.tsx index 9689b6aa3a0..c92ffa956d9 100644 --- a/src/Button/Button.features.stories.tsx +++ b/src/Button/Button.features.stories.tsx @@ -28,6 +28,54 @@ export const TrailingCounter = () => { ) } +export const TrailingCounterAllVariants = () => { + const [count, setCount] = useState(0) + return ( +
+ + + + + + + + + + +
+ ) +} + export const TrailingAction = () => export const Block = () => diff --git a/src/Button/styles.ts b/src/Button/styles.ts index 1371a428779..31d95287571 100644 --- a/src/Button/styles.ts +++ b/src/Button/styles.ts @@ -72,7 +72,7 @@ export const getVariantStyles = (variant: VariantType = 'default', theme?: Theme boxShadow: `${theme?.shadows.btn.danger.hoverShadow}`, '[data-component=ButtonCounter]': { backgroundColor: 'btn.danger.hoverCounterBg', - color: 'btn.danger.hoverText', + color: 'btn.danger.hoverCounterFg', }, }, '&:active:not([disabled])': { @@ -86,7 +86,7 @@ export const getVariantStyles = (variant: VariantType = 'default', theme?: Theme backgroundColor: 'btn.danger.disabledBg', borderColor: 'btn.danger.disabledBorder', '[data-component=ButtonCounter]': { - color: 'inherit', + color: 'btn.danger.disabledCounterFg', backgroundColor: 'btn.danger.disabledCounterBg', }, }, @@ -156,7 +156,7 @@ export const getVariantStyles = (variant: VariantType = 'default', theme?: Theme boxShadow: `${theme?.shadows.btn.outline.hoverShadow}`, '[data-component=ButtonCounter]': { backgroundColor: 'btn.outline.hoverCounterBg', - color: 'inherit', + color: 'btn.outline.hoverCounterFg', }, }, '&:active:not([disabled])': { @@ -172,12 +172,12 @@ export const getVariantStyles = (variant: VariantType = 'default', theme?: Theme borderColor: 'btn.border', '[data-component=ButtonCounter]': { backgroundColor: 'btn.outline.disabledCounterBg', - color: 'inherit', + color: 'btn.outline.disabledCounterFg', }, }, '[data-component=ButtonCounter]': { backgroundColor: 'btn.outline.counterBg', - color: 'btn.outline.text', + color: 'btn.outline.counterFg', }, '&[aria-expanded=true]': { color: 'btn.outline.selectedText', From 7f0d39e4c0f81d236f2646e328e589d7aa959990 Mon Sep 17 00:00:00 2001 From: Katie Langerman <18661030+langermank@users.noreply.github.com> Date: Tue, 9 May 2023 16:45:57 -0700 Subject: [PATCH 3/8] Create breezy-fireants-tickle.md --- .changeset/breezy-fireants-tickle.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/breezy-fireants-tickle.md diff --git a/.changeset/breezy-fireants-tickle.md b/.changeset/breezy-fireants-tickle.md new file mode 100644 index 00000000000..1c2135d5a76 --- /dev/null +++ b/.changeset/breezy-fireants-tickle.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Button counter contrast fixes From d741dffb9ab5da4b4e7c88f9c77a5f2f3e381d5e Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Wed, 10 May 2023 13:10:28 -0700 Subject: [PATCH 4/8] bump again --- package-lock.json | 14 +++++++------- package.json | 2 +- src/Button/styles.ts | 2 +- 3 files changed, 9 insertions(+), 9 deletions(-) diff --git a/package-lock.json b/package-lock.json index 45402f2036a..123d7b04589 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,7 +16,7 @@ "@lit-labs/react": "1.1.1", "@primer/behaviors": "1.3.3", "@primer/octicons-react": "^18.0.0", - "@primer/primitives": "7.11.8", + "@primer/primitives": "7.11.9", "@react-aria/ssr": "^3.1.0", "@styled-system/css": "^5.1.5", "@styled-system/props": "^5.1.5", @@ -6980,9 +6980,9 @@ } }, "node_modules/@primer/primitives": { - "version": "7.11.8", - "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.8.tgz", - "integrity": "sha512-LSR/xRGFz0v1j337hXr1ZqcaY55glkHfDELdT4WEnuhRFLiYKUtWIhkTa858KYbaih5AUvw3wk0PYJeh6O7aDg==" + "version": "7.11.9", + "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.9.tgz", + "integrity": "sha512-smCpmNXAs2/vIlFrf6SaAn5UuP/GX2tO5HnlMqZc6Gus+SZW2MTUacHl2t8OoR5SVNgrOLs/bS8fi/cldkjIGg==" }, "node_modules/@primer/view-components": { "version": "0.1.7", @@ -63570,9 +63570,9 @@ "requires": {} }, "@primer/primitives": { - "version": "7.11.8", - "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.8.tgz", - "integrity": "sha512-LSR/xRGFz0v1j337hXr1ZqcaY55glkHfDELdT4WEnuhRFLiYKUtWIhkTa858KYbaih5AUvw3wk0PYJeh6O7aDg==" + "version": "7.11.9", + "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.9.tgz", + "integrity": "sha512-smCpmNXAs2/vIlFrf6SaAn5UuP/GX2tO5HnlMqZc6Gus+SZW2MTUacHl2t8OoR5SVNgrOLs/bS8fi/cldkjIGg==" }, "@primer/view-components": { "version": "0.1.7", diff --git a/package.json b/package.json index d11b79d7f1b..56a67675982 100644 --- a/package.json +++ b/package.json @@ -96,7 +96,7 @@ "@lit-labs/react": "1.1.1", "@primer/behaviors": "1.3.3", "@primer/octicons-react": "^18.0.0", - "@primer/primitives": "7.11.8", + "@primer/primitives": "7.11.9", "@react-aria/ssr": "^3.1.0", "@styled-system/css": "^5.1.5", "@styled-system/props": "^5.1.5", diff --git a/src/Button/styles.ts b/src/Button/styles.ts index 31d95287571..4602e7fa250 100644 --- a/src/Button/styles.ts +++ b/src/Button/styles.ts @@ -91,7 +91,7 @@ export const getVariantStyles = (variant: VariantType = 'default', theme?: Theme }, }, '[data-component=ButtonCounter]': { - color: 'btn.danger.text', + color: 'btn.danger.counterFg', backgroundColor: 'btn.danger.counterBg', }, '&[aria-expanded=true]': { From 45d5aa2bb41b0b757b1a1b82bd9c70b6fa7c90be Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Wed, 10 May 2023 13:16:11 -0700 Subject: [PATCH 5/8] snaps --- src/__tests__/__snapshots__/Button.test.tsx.snap | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/__tests__/__snapshots__/Button.test.tsx.snap b/src/__tests__/__snapshots__/Button.test.tsx.snap index 58a254a85f8..772130612d6 100644 --- a/src/__tests__/__snapshots__/Button.test.tsx.snap +++ b/src/__tests__/__snapshots__/Button.test.tsx.snap @@ -1258,13 +1258,13 @@ exports[`Button styles danger button appropriately 1`] = ` } .c0:disabled [data-component=ButtonCounter] { - color: inherit; + color: btn.danger.disabledCounterFg; background-color: btn.danger.disabledCounterBg; } .c0 [data-component=ButtonCounter] { font-size: 14px; - color: btn.danger.text; + color: btn.danger.counterFg; background-color: btn.danger.counterBg; } @@ -1366,7 +1366,7 @@ exports[`Button styles danger button appropriately 1`] = ` .c0:hover:not([disabled]) [data-component=ButtonCounter] { background-color: btn.danger.hoverCounterBg; - color: btn.danger.hoverText; + color: btn.danger.hoverCounterFg; } .c0:active:not([disabled]) { From 02d2fbd07700408123a0ae3aa69801bb3861a0c5 Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Wed, 10 May 2023 13:21:06 -0700 Subject: [PATCH 6/8] add story to e2e --- script/generate-e2e-tests.js | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/script/generate-e2e-tests.js b/script/generate-e2e-tests.js index 8111ce98f38..dc4d2cd852b 100644 --- a/script/generate-e2e-tests.js +++ b/script/generate-e2e-tests.js @@ -242,6 +242,10 @@ const components = new Map([ id: 'components-button-features--trailing-visual', name: 'Trailing Visual', }, + { + id: 'components-button-features--trailing-counter-all-variants', + name: 'Trailing Counter All Variants', + }, ], }, ], From ed7af85b3a029e36b1e76307b7273be2ed8f1434 Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Wed, 10 May 2023 15:19:35 -0700 Subject: [PATCH 7/8] bump --- package-lock.json | 14 +++++++------- package.json | 2 +- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/package-lock.json b/package-lock.json index 123d7b04589..109c6c8ed7f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,7 +16,7 @@ "@lit-labs/react": "1.1.1", "@primer/behaviors": "1.3.3", "@primer/octicons-react": "^18.0.0", - "@primer/primitives": "7.11.9", + "@primer/primitives": "7.11.10", "@react-aria/ssr": "^3.1.0", "@styled-system/css": "^5.1.5", "@styled-system/props": "^5.1.5", @@ -6980,9 +6980,9 @@ } }, "node_modules/@primer/primitives": { - "version": "7.11.9", - "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.9.tgz", - "integrity": "sha512-smCpmNXAs2/vIlFrf6SaAn5UuP/GX2tO5HnlMqZc6Gus+SZW2MTUacHl2t8OoR5SVNgrOLs/bS8fi/cldkjIGg==" + "version": "7.11.10", + "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.10.tgz", + "integrity": "sha512-KwChxyp4qbLojZx5Nz8RUElM9K+ObzZWvzkYEu76TC4qEsqb9wW7n78jyov5WhUh5+qj2Qac1iCsPfeTQG5YBw==" }, "node_modules/@primer/view-components": { "version": "0.1.7", @@ -63570,9 +63570,9 @@ "requires": {} }, "@primer/primitives": { - "version": "7.11.9", - "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.9.tgz", - "integrity": "sha512-smCpmNXAs2/vIlFrf6SaAn5UuP/GX2tO5HnlMqZc6Gus+SZW2MTUacHl2t8OoR5SVNgrOLs/bS8fi/cldkjIGg==" + "version": "7.11.10", + "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.11.10.tgz", + "integrity": "sha512-KwChxyp4qbLojZx5Nz8RUElM9K+ObzZWvzkYEu76TC4qEsqb9wW7n78jyov5WhUh5+qj2Qac1iCsPfeTQG5YBw==" }, "@primer/view-components": { "version": "0.1.7", diff --git a/package.json b/package.json index 56a67675982..f72f49470c1 100644 --- a/package.json +++ b/package.json @@ -96,7 +96,7 @@ "@lit-labs/react": "1.1.1", "@primer/behaviors": "1.3.3", "@primer/octicons-react": "^18.0.0", - "@primer/primitives": "7.11.9", + "@primer/primitives": "7.11.10", "@react-aria/ssr": "^3.1.0", "@styled-system/css": "^5.1.5", "@styled-system/props": "^5.1.5", From 16bc5b9838152b04ad46340f57646505911508c2 Mon Sep 17 00:00:00 2001 From: langermank <18661030+langermank@users.noreply.github.com> Date: Wed, 10 May 2023 15:40:19 -0700 Subject: [PATCH 8/8] snippy snaps --- .../__snapshots__/themePreval.test.ts.snap | 134 ++++++++++++------ 1 file changed, 94 insertions(+), 40 deletions(-) diff --git a/src/__tests__/__snapshots__/themePreval.test.ts.snap b/src/__tests__/__snapshots__/themePreval.test.ts.snap index d489068d9d5..49ee661f04e 100644 --- a/src/__tests__/__snapshots__/themePreval.test.ts.snap +++ b/src/__tests__/__snapshots__/themePreval.test.ts.snap @@ -303,7 +303,7 @@ var themePreval = { "disabledBg": "#94d3a2", "disabledBorder": "rgba(31,35,40,0.15)", "icon": "rgba(255,255,255,0.8)", - "counterBg": "rgba(255,255,255,0.2)" + "counterBg": "rgba(0,45,17,0.2)" }, "outline": { "text": "#0969da", @@ -317,7 +317,10 @@ var themePreval = { "disabledText": "rgba(9,105,218,0.5)", "disabledBg": "#f6f8fa", "disabledCounterBg": "rgba(9,105,218,0.05)", - "counterBg": "rgba(9,105,218,0.1)" + "counterBg": "#0969da1a", + "counterFg": "#0550ae", + "hoverCounterFg": "#ffffff", + "disabledCounterFg": "rgba(9,105,218,0.5)" }, "danger": { "text": "#cf222e", @@ -333,7 +336,10 @@ var themePreval = { "disabledCounterBg": "rgba(207,34,46,0.05)", "counterBg": "rgba(207,34,46,0.1)", "icon": "#cf222e", - "hoverIcon": "#ffffff" + "hoverIcon": "#ffffff", + "counterFg": "#a40e26", + "hoverCounterFg": "#ffffff", + "disabledCounterFg": "rgba(207,34,46,0.5)" } }, "underlinenav": { @@ -810,7 +816,7 @@ var themePreval = { "disabledBg": "#94d3a2", "disabledBorder": "rgba(1,4,9,0.8)", "icon": "rgba(255,255,255,0.8)", - "counterBg": "rgba(255,255,255,0.2)" + "counterBg": "rgba(0,35,11,0.2)" }, "outline": { "text": "#023b95", @@ -824,7 +830,10 @@ var themePreval = { "disabledText": "rgba(3,73,180,0.5)", "disabledBg": "#e7ecf0", "disabledCounterBg": "rgba(3,73,180,0.05)", - "counterBg": "rgba(3,73,180,0.1)" + "counterBg": "#0969da1a", + "counterFg": "#023b95", + "hoverCounterFg": "#ffffff", + "disabledCounterFg": "rgba(3,73,180,0.5)" }, "danger": { "text": "#86061d", @@ -840,7 +849,10 @@ var themePreval = { "disabledCounterBg": "rgba(160,17,31,0.05)", "counterBg": "rgba(160,17,31,0.1)", "icon": "#86061d", - "hoverIcon": "#ffffff" + "hoverIcon": "#ffffff", + "counterFg": "#86061d", + "hoverCounterFg": "#ffffff", + "disabledCounterFg": "rgba(160,17,31,0.5)" } }, "underlinenav": { @@ -1317,7 +1329,7 @@ var themePreval = { "disabledBg": "#80ccff", "disabledBorder": "rgba(27,31,36,0.15)", "icon": "rgba(255,255,255,0.8)", - "counterBg": "rgba(255,255,255,0.2)" + "counterBg": "rgba(0,33,85,0.2)" }, "outline": { "text": "#0969da", @@ -1331,7 +1343,10 @@ var themePreval = { "disabledText": "rgba(9,105,218,0.5)", "disabledBg": "#f6f8fa", "disabledCounterBg": "rgba(9,105,218,0.05)", - "counterBg": "rgba(9,105,218,0.1)" + "counterBg": "#0969da1a", + "counterFg": "#0550ae", + "hoverCounterFg": "#ffffff", + "disabledCounterFg": "rgba(9,105,218,0.5)" }, "danger": { "text": "#b35900", @@ -1347,7 +1362,10 @@ var themePreval = { "disabledCounterBg": "rgba(179,89,0,0.05)", "counterBg": "rgba(179,89,0,0.1)", "icon": "#b35900", - "hoverIcon": "#ffffff" + "hoverIcon": "#ffffff", + "counterFg": "#8a4600", + "hoverCounterFg": "#ffffff", + "disabledCounterFg": "rgba(179,89,0,0.5)" } }, "underlinenav": { @@ -1824,7 +1842,7 @@ var themePreval = { "disabledBg": "#80ccff", "disabledBorder": "rgba(27,31,36,0.15)", "icon": "rgba(255,255,255,0.8)", - "counterBg": "rgba(255,255,255,0.2)" + "counterBg": "rgba(0,33,85,0.2)" }, "outline": { "text": "#0969da", @@ -1838,7 +1856,10 @@ var themePreval = { "disabledText": "rgba(9,105,218,0.5)", "disabledBg": "#f6f8fa", "disabledCounterBg": "rgba(9,105,218,0.05)", - "counterBg": "rgba(9,105,218,0.1)" + "counterBg": "#0969da1a", + "counterFg": "#0550ae", + "hoverCounterFg": "#ffffff", + "disabledCounterFg": "rgba(9,105,218,0.5)" }, "danger": { "text": "#cf222e", @@ -1854,7 +1875,10 @@ var themePreval = { "disabledCounterBg": "rgba(207,34,46,0.05)", "counterBg": "rgba(207,34,46,0.1)", "icon": "#cf222e", - "hoverIcon": "#ffffff" + "hoverIcon": "#ffffff", + "counterFg": "#a40e26", + "hoverCounterFg": "#ffffff", + "disabledCounterFg": "rgba(207,34,46,0.5)" } }, "underlinenav": { @@ -2331,21 +2355,24 @@ var themePreval = { "disabledBg": "rgba(35,134,54,0.6)", "disabledBorder": "rgba(240,246,252,0.1)", "icon": "#ffffff", - "counterBg": "rgba(255,255,255,0.2)" + "counterBg": "rgba(4,38,15,0.2)" }, "outline": { - "text": "#58a6ff", + "text": "#388bfd", "hoverText": "#58a6ff", "hoverBg": "#30363d", "hoverBorder": "rgba(240,246,252,0.1)", - "hoverCounterBg": "rgba(255,255,255,0.2)", + "hoverCounterBg": "rgba(5,29,77,0.2)", "selectedText": "#ffffff", "selectedBg": "#0d419d", "selectedBorder": "rgba(240,246,252,0.1)", "disabledText": "rgba(88,166,255,0.5)", "disabledBg": "#0d1117", "disabledCounterBg": "rgba(31,111,235,0.05)", - "counterBg": "rgba(31,111,235,0.1)" + "counterBg": "rgba(5,29,77,0.2)", + "hoverCounterFg": "#58a6ff", + "disabledCounterFg": "rgba(47,129,247,0.5)", + "counterFg": "#388bfd" }, "danger": { "text": "#f85149", @@ -2360,8 +2387,11 @@ var themePreval = { "disabledText": "rgba(248,81,73,0.5)", "disabledBg": "#0d1117", "disabledCounterBg": "rgba(218,54,51,0.05)", - "counterBg": "rgba(218,54,51,0.1)", - "icon": "#f85149" + "counterBg": "rgba(73,2,2,0.2)", + "icon": "#f85149", + "counterFg": "#f85149", + "disabledCounterFg": "rgba(248,81,73,0.5)", + "hoverCounterFg": "#ffffff" } }, "underlinenav": { @@ -2841,21 +2871,24 @@ var themePreval = { "disabledBg": "rgba(52,125,57,0.6)", "disabledBorder": "rgba(205,217,229,0.1)", "icon": "#cdd9e5", - "counterBg": "rgba(205,217,229,0.2)" + "counterBg": "rgba(17,52,23,0.2)" }, "outline": { - "text": "#539bf5", + "text": "#4184e4", "hoverText": "#539bf5", "hoverBg": "#444c56", "hoverBorder": "rgba(205,217,229,0.1)", - "hoverCounterBg": "rgba(205,217,229,0.2)", + "hoverCounterBg": "rgba(15,45,92,0.2)", "selectedText": "#cdd9e5", "selectedBg": "#1b4b91", "selectedBorder": "rgba(205,217,229,0.1)", "disabledText": "rgba(83,155,245,0.5)", "disabledBg": "#22272e", "disabledCounterBg": "rgba(49,109,202,0.05)", - "counterBg": "rgba(49,109,202,0.1)" + "counterBg": "rgba(15,45,92,0.2)", + "hoverCounterFg": "#539bf5", + "disabledCounterFg": "rgba(83,155,245,0.5)", + "counterFg": "#4184e4" }, "danger": { "text": "#e5534b", @@ -2870,8 +2903,11 @@ var themePreval = { "disabledText": "rgba(229,83,75,0.5)", "disabledBg": "#22272e", "disabledCounterBg": "rgba(201,60,55,0.05)", - "counterBg": "rgba(201,60,55,0.1)", - "icon": "#e5534b" + "counterBg": "rgba(93,15,18,0.2)", + "icon": "#e5534b", + "counterFg": "#e5534b", + "disabledCounterFg": "rgba(229,83,75,0.5)", + "hoverCounterFg": "#cdd9e5" } }, "underlinenav": { @@ -3354,18 +3390,21 @@ var themePreval = { "counterBg": "rgba(1,4,9,0.15)" }, "outline": { - "text": "#71b7ff", + "text": "#409eff", "hoverText": "#71b7ff", "hoverBg": "#525964", "hoverBorder": "#7a828e", - "hoverCounterBg": "rgba(255,255,255,0.2)", + "hoverCounterBg": "rgba(25,79,177,0.2)", "selectedText": "#ffffff", "selectedBg": "#2672f3", "selectedBorder": "#7a828e", "disabledText": "rgba(113,183,255,0.5)", "disabledBg": "#0a0c10", "disabledCounterBg": "rgba(64,158,255,0.05)", - "counterBg": "rgba(64,158,255,0.1)" + "counterBg": "rgba(25,79,177,0.2)", + "hoverCounterFg": "#71b7ff", + "disabledCounterFg": "rgba(113,183,255,0.5)", + "counterFg": "#409eff" }, "danger": { "text": "#ff6a69", @@ -3381,7 +3420,10 @@ var themePreval = { "disabledBg": "#0a0c10", "disabledCounterBg": "rgba(255,106,105,0.05)", "counterBg": "rgba(1,4,9,0.15)", - "icon": "#ff6a69" + "icon": "#ff6a69", + "counterFg": "#ff6a69", + "disabledCounterFg": "rgba(255,106,105,0.5)", + "hoverCounterFg": "#ffffff" } }, "underlinenav": { @@ -3861,21 +3903,24 @@ var themePreval = { "disabledBg": "rgba(31,111,235,0.6)", "disabledBorder": "rgba(240,246,252,0.1)", "icon": "#ffffff", - "counterBg": "rgba(255,255,255,0.2)" + "counterBg": "rgba(5,29,77,0.2)" }, "outline": { - "text": "#58a6ff", + "text": "#388bfd", "hoverText": "#58a6ff", "hoverBg": "#30363d", "hoverBorder": "rgba(240,246,252,0.1)", - "hoverCounterBg": "rgba(255,255,255,0.2)", + "hoverCounterBg": "rgba(5,29,77,0.2)", "selectedText": "#ffffff", "selectedBg": "#0d419d", "selectedBorder": "rgba(240,246,252,0.1)", "disabledText": "rgba(88,166,255,0.5)", "disabledBg": "#0d1117", "disabledCounterBg": "rgba(31,111,235,0.05)", - "counterBg": "rgba(31,111,235,0.1)" + "counterBg": "rgba(5,29,77,0.2)", + "hoverCounterFg": "#58a6ff", + "disabledCounterFg": "rgba(88,166,255,0.5)", + "counterFg": "#388bfd" }, "danger": { "text": "#d47616", @@ -3890,8 +3935,11 @@ var themePreval = { "disabledText": "rgba(212,118,22,0.5)", "disabledBg": "#0d1117", "disabledCounterBg": "rgba(183,97,0,0.05)", - "counterBg": "rgba(183,97,0,0.1)", - "icon": "#d47616" + "counterBg": "rgba(51,28,4,0.2)", + "icon": "#d47616", + "counterFg": "#d47616", + "disabledCounterFg": "rgba(212,118,22,0.5)", + "hoverCounterFg": "#ffffff" } }, "underlinenav": { @@ -4371,21 +4419,24 @@ var themePreval = { "disabledBg": "rgba(31,111,235,0.6)", "disabledBorder": "rgba(240,246,252,0.1)", "icon": "#ffffff", - "counterBg": "rgba(255,255,255,0.2)" + "counterBg": "rgba(5,29,77,0.2)" }, "outline": { - "text": "#58a6ff", + "text": "#388bfd", "hoverText": "#58a6ff", "hoverBg": "#30363d", "hoverBorder": "rgba(240,246,252,0.1)", - "hoverCounterBg": "rgba(255,255,255,0.2)", + "hoverCounterBg": "rgba(5,29,77,0.2)", "selectedText": "#ffffff", "selectedBg": "#0d419d", "selectedBorder": "rgba(240,246,252,0.1)", "disabledText": "rgba(88,166,255,0.5)", "disabledBg": "#0d1117", "disabledCounterBg": "rgba(31,111,235,0.05)", - "counterBg": "rgba(31,111,235,0.1)" + "counterBg": "rgba(5,29,77,0.2)", + "hoverCounterFg": "#58a6ff", + "disabledCounterFg": "rgba(88,166,255,0.5)", + "counterFg": "#388bfd" }, "danger": { "text": "#f85149", @@ -4400,8 +4451,11 @@ var themePreval = { "disabledText": "rgba(248,81,73,0.5)", "disabledBg": "#0d1117", "disabledCounterBg": "rgba(218,54,51,0.05)", - "counterBg": "rgba(218,54,51,0.1)", - "icon": "#f85149" + "counterBg": "rgba(73,2,2,0.2)", + "icon": "#f85149", + "counterFg": "#f85149", + "disabledCounterFg": "rgba(248,81,73,0.5)", + "hoverCounterFg": "#ffffff" } }, "underlinenav": {