diff --git a/packages/react-scripts/template-typescript/public/favicon.ico b/packages/react-scripts/template-typescript/public/favicon.ico
index c2c86b859e..a11777cc47 100644
Binary files a/packages/react-scripts/template-typescript/public/favicon.ico and b/packages/react-scripts/template-typescript/public/favicon.ico differ
diff --git a/packages/react-scripts/template-typescript/public/logo192.png b/packages/react-scripts/template-typescript/public/logo192.png
index fa313abf53..fc44b0a379 100644
Binary files a/packages/react-scripts/template-typescript/public/logo192.png and b/packages/react-scripts/template-typescript/public/logo192.png differ
diff --git a/packages/react-scripts/template-typescript/public/logo512.png b/packages/react-scripts/template-typescript/public/logo512.png
index bd5d4b5e23..a4e47a6545 100644
Binary files a/packages/react-scripts/template-typescript/public/logo512.png and b/packages/react-scripts/template-typescript/public/logo512.png differ
diff --git a/packages/react-scripts/template-typescript/src/App.css b/packages/react-scripts/template-typescript/src/App.css
index afc3885715..b41d297cab 100644
--- a/packages/react-scripts/template-typescript/src/App.css
+++ b/packages/react-scripts/template-typescript/src/App.css
@@ -3,7 +3,9 @@
}
.App-logo {
+ animation: App-logo-spin infinite 20s linear;
height: 40vmin;
+ pointer-events: none;
}
.App-header {
@@ -18,5 +20,14 @@
}
.App-link {
- color: #09d3ac;
+ color: #61dafb;
+}
+
+@keyframes App-logo-spin {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
}
diff --git a/packages/react-scripts/template-typescript/src/logo.svg b/packages/react-scripts/template-typescript/src/logo.svg
index 2e5df0d3ab..6b60c1042f 100644
--- a/packages/react-scripts/template-typescript/src/logo.svg
+++ b/packages/react-scripts/template-typescript/src/logo.svg
@@ -1 +1,7 @@
-
\ No newline at end of file
+
diff --git a/packages/react-scripts/template/public/favicon.ico b/packages/react-scripts/template/public/favicon.ico
index c2c86b859e..a11777cc47 100644
Binary files a/packages/react-scripts/template/public/favicon.ico and b/packages/react-scripts/template/public/favicon.ico differ
diff --git a/packages/react-scripts/template/public/logo192.png b/packages/react-scripts/template/public/logo192.png
index fa313abf53..fc44b0a379 100644
Binary files a/packages/react-scripts/template/public/logo192.png and b/packages/react-scripts/template/public/logo192.png differ
diff --git a/packages/react-scripts/template/public/logo512.png b/packages/react-scripts/template/public/logo512.png
index bd5d4b5e23..a4e47a6545 100644
Binary files a/packages/react-scripts/template/public/logo512.png and b/packages/react-scripts/template/public/logo512.png differ
diff --git a/packages/react-scripts/template/src/App.css b/packages/react-scripts/template/src/App.css
index afc3885715..b41d297cab 100644
--- a/packages/react-scripts/template/src/App.css
+++ b/packages/react-scripts/template/src/App.css
@@ -3,7 +3,9 @@
}
.App-logo {
+ animation: App-logo-spin infinite 20s linear;
height: 40vmin;
+ pointer-events: none;
}
.App-header {
@@ -18,5 +20,14 @@
}
.App-link {
- color: #09d3ac;
+ color: #61dafb;
+}
+
+@keyframes App-logo-spin {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
}
diff --git a/packages/react-scripts/template/src/logo.svg b/packages/react-scripts/template/src/logo.svg
index 2e5df0d3ab..6b60c1042f 100644
--- a/packages/react-scripts/template/src/logo.svg
+++ b/packages/react-scripts/template/src/logo.svg
@@ -1 +1,7 @@
-
\ No newline at end of file
+