From 70330e443e6cc470a3a8d7fa0948d9eaf45127c3 Mon Sep 17 00:00:00 2001
From: Chris Holt <chhol@microsoft.com>
Date: Wed, 17 Jun 2020 11:16:34 -0700
Subject: [PATCH] fix: outline button should use outline color recipes (#3327)

---
 .../src/styles/patterns/button.ts               | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/packages/web-components/fast-components-msft/src/styles/patterns/button.ts b/packages/web-components/fast-components-msft/src/styles/patterns/button.ts
index 1c9611159cf..c6c4d142e3a 100644
--- a/packages/web-components/fast-components-msft/src/styles/patterns/button.ts
+++ b/packages/web-components/fast-components-msft/src/styles/patterns/button.ts
@@ -18,6 +18,9 @@ import {
     neutralFocusBehavior,
     neutralFocusInnerAccentBehavior,
     neutralForegroundRestBehavior,
+    neutralOutlineActiveBehavior,
+    neutralOutlineHoverBehavior,
+    neutralOutlineRestBehavior,
 } from "../index";
 
 /**
@@ -250,15 +253,15 @@ export const LightweightButtonStyles = css`
 export const OutlineButtonStyles = css`
     :host(.outline) {
         background: transparent;
-        border-color: ${accentFillRestBehavior.var};
+        border-color: ${neutralOutlineRestBehavior.var};
     }
 
     :host(.outline:hover) {
-        border-color: ${accentFillHoverBehavior.var};
+        border-color: ${neutralOutlineHoverBehavior.var};
     }
 
     :host(.outline:active) {
-        border-color: ${accentFillActiveBehavior.var};
+        border-color: ${neutralOutlineActiveBehavior.var};
     }
 
     :host(.outline) .control {
@@ -271,12 +274,12 @@ export const OutlineButtonStyles = css`
     }
 
     :host(.outline.disabled) {
-        border-color: ${accentFillRestBehavior.var};
+        border-color: ${neutralOutlineRestBehavior.var};
     }
 `.withBehaviors(
-    accentFillRestBehavior,
-    accentFillHoverBehavior,
-    accentFillActiveBehavior,
+    neutralOutlineRestBehavior,
+    neutralOutlineHoverBehavior,
+    neutralOutlineActiveBehavior,
     neutralFocusBehavior
 );