diff --git a/packages/react-scripts/template-typescript/public/favicon.ico b/packages/react-scripts/template-typescript/public/favicon.ico
index c2c86b859ea..a11777cc471 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 fa313abf539..fc44b0a3796 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 bd5d4b5e235..a4e47a6545b 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 afc3885715f..b41d297cab1 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 2e5df0d3ab2..6b60c1042f5 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 c2c86b859ea..a11777cc471 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 fa313abf539..fc44b0a3796 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 bd5d4b5e235..a4e47a6545b 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 afc3885715f..b41d297cab1 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 2e5df0d3ab2..6b60c1042f5 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
+