From ad85514cba607f066ab7071bee5932b2192466ee Mon Sep 17 00:00:00 2001 From: Joe Previte Date: Tue, 21 Dec 2021 02:54:34 -0700 Subject: [PATCH] fix(netlify-cms-ui-default): use grayDark for button (#6069) * fix(netlify-cms-ui-default): use grayDark for button This PR is a fix for https://github.com/netlify/netlify-cms/issues/1333#issuecomment-998115794 because it changes the background color used by `button` to `grayDark` so that it is accessible. * chore: update AuthenticationPage test snapshot --- .../__tests__/__snapshots__/AuthenticationPage.spec.js.snap | 4 ++-- packages/netlify-cms-ui-default/src/styles.js | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/netlify-cms-backend-git-gateway/src/__tests__/__snapshots__/AuthenticationPage.spec.js.snap b/packages/netlify-cms-backend-git-gateway/src/__tests__/__snapshots__/AuthenticationPage.spec.js.snap index d0819bd4..24b47d5e 100644 --- a/packages/netlify-cms-backend-git-gateway/src/__tests__/__snapshots__/AuthenticationPage.spec.js.snap +++ b/packages/netlify-cms-backend-git-gateway/src/__tests__/__snapshots__/AuthenticationPage.spec.js.snap @@ -140,7 +140,7 @@ exports[`GitGatewayAuthenticationPage should render with no identity error 1`] = padding: 0 15px; background-color: #798291; color: #fff; - background-color: #798291; + background-color: #313d3e; color: #fff; padding: 0 12px; margin-top: -40px; @@ -232,7 +232,7 @@ exports[`GitGatewayAuthenticationPage should render with no identity error 1`] = padding: 0 15px; background-color: #798291; color: #fff; - background-color: #798291; + background-color: #313d3e; color: #fff; padding: 0 12px; margin-top: -40px; diff --git a/packages/netlify-cms-ui-default/src/styles.js b/packages/netlify-cms-ui-default/src/styles.js index 7671b0ad..9362372d 100644 --- a/packages/netlify-cms-ui-default/src/styles.js +++ b/packages/netlify-cms-ui-default/src/styles.js @@ -64,7 +64,7 @@ const colors = { active: colorsRaw.blue, activeBackground: colorsRaw.blueLight, inactive: colorsRaw.gray, - button: colorsRaw.gray, + button: colorsRaw.grayDark, buttonText: colorsRaw.white, inputBackground: colorsRaw.white, infoText: colorsRaw.blue,