From 038768137f3a421b3ae593c47f704c32f7b21426 Mon Sep 17 00:00:00 2001
From: Ryan Brandenburg <rybrande@microsoft.com>
Date: Mon, 1 Jul 2019 14:52:14 -0700
Subject: [PATCH] Accessibility for ReactRedux (#11571)

Accessibility for ReactRedux
---
 .../ReactRedux-CSharp/ClientApp/src/App.tsx        |  4 +++-
 .../ReactRedux-CSharp/ClientApp/src/custom.css     | 14 ++++++++++++++
 src/ProjectTemplates/test/template-baselines.json  |  1 +
 3 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 src/ProjectTemplates/Web.Spa.ProjectTemplates/content/ReactRedux-CSharp/ClientApp/src/custom.css

diff --git a/src/ProjectTemplates/Web.Spa.ProjectTemplates/content/ReactRedux-CSharp/ClientApp/src/App.tsx b/src/ProjectTemplates/Web.Spa.ProjectTemplates/content/ReactRedux-CSharp/ClientApp/src/App.tsx
index f2e22cf5ab..083c0f1bfe 100644
--- a/src/ProjectTemplates/Web.Spa.ProjectTemplates/content/ReactRedux-CSharp/ClientApp/src/App.tsx
+++ b/src/ProjectTemplates/Web.Spa.ProjectTemplates/content/ReactRedux-CSharp/ClientApp/src/App.tsx
@@ -5,9 +5,11 @@ import Home from './components/Home';
 import Counter from './components/Counter';
 import FetchData from './components/FetchData';
 
+import './custom.css'
+
 export default () => (
     <Layout>
-        <Route exact path='/' component={Home}/>
+        <Route exact path='/' component={Home} />
         <Route path='/counter' component={Counter} />
         <Route path='/fetch-data/:startDateIndex?' component={FetchData} />
     </Layout>
diff --git a/src/ProjectTemplates/Web.Spa.ProjectTemplates/content/ReactRedux-CSharp/ClientApp/src/custom.css b/src/ProjectTemplates/Web.Spa.ProjectTemplates/content/ReactRedux-CSharp/ClientApp/src/custom.css
new file mode 100644
index 0000000000..5fdfd061c3
--- /dev/null
+++ b/src/ProjectTemplates/Web.Spa.ProjectTemplates/content/ReactRedux-CSharp/ClientApp/src/custom.css
@@ -0,0 +1,14 @@
+/* Provide sufficient contrast against white background */
+a {
+  color: #0366d6;
+}
+
+code {
+  color: #E01A76;
+}
+
+.btn-primary {
+  color: #fff;
+  background-color: #1b6ec2;
+  border-color: #1861ac;
+}
diff --git a/src/ProjectTemplates/test/template-baselines.json b/src/ProjectTemplates/test/template-baselines.json
index b7466194dd..abab61e04e 100644
--- a/src/ProjectTemplates/test/template-baselines.json
+++ b/src/ProjectTemplates/test/template-baselines.json
@@ -1235,6 +1235,7 @@
         "ClientApp/src/store/WeatherForecasts.ts",
         "ClientApp/src/App.tsx",
         "ClientApp/src/App.test.tsx",
+        "ClientApp/src/custom.css",
         "ClientApp/src/index.tsx",
         "ClientApp/src/react-app-env.d.ts",
         "ClientApp/src/registerServiceWorker.ts",