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 + + + + + + +