From 23bb4f5c4d9b0ba417761bdb571ccfe24619d649 Mon Sep 17 00:00:00 2001 From: Rua Haszard Date: Tue, 25 Jun 2019 15:20:33 +1200 Subject: [PATCH 1/2] use theme color for all shadows for focus state in primary button --- packages/components/src/button/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/components/src/button/style.scss b/packages/components/src/button/style.scss index 69776322ede4ee..d871e6d2d348f0 100644 --- a/packages/components/src/button/style.scss +++ b/packages/components/src/button/style.scss @@ -90,7 +90,7 @@ box-shadow: inset 0 -1px 0 color(theme(button) shade(50%)), 0 0 0 1px $white, - 0 0 0 3px $blue-medium-focus; + 0 0 0 3px color(theme(button) shade(50%)); } &:active:enabled { From 39256f9924ab7c35e198ee05930c0b4b22d1b78b Mon Sep 17 00:00:00 2001 From: Rua Haszard Date: Thu, 27 Jun 2019 12:16:56 +1200 Subject: [PATCH 2/2] use lighter focus ring shade as per design feedback --- packages/components/src/button/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/components/src/button/style.scss b/packages/components/src/button/style.scss index d871e6d2d348f0..ba13650e492dab 100644 --- a/packages/components/src/button/style.scss +++ b/packages/components/src/button/style.scss @@ -90,7 +90,7 @@ box-shadow: inset 0 -1px 0 color(theme(button) shade(50%)), 0 0 0 1px $white, - 0 0 0 3px color(theme(button) shade(50%)); + 0 0 0 3px color(theme(button) shade(5%)); } &:active:enabled {