Improve docs styling (#1036)

Author: NorbertKlockiewicz

README.md

@@ -1,5 +1,5 @@
 <div align="center">
-  <img src="https://github.com/software-mansion/react-native-executorch/blob/main/docs/static/img/logo-hero.svg" alt="RNE Logo" width="25%">
+  <img src="https://github.com/software-mansion/react-native-executorch/blob/main/docs/static/img/logo-hero-flame.png" alt="RNE Logo 🔥" width="25%">
 </div>
 
 

docs/docusaurus.config.js

@@ -6,7 +6,7 @@ const config = {
   title: 'React Native ExecuTorch',
   tagline:
     'Declarative way to run AI models in React Native on device, powered by ExecuTorch',
-  favicon: 'img/favicon.ico',
+  favicon: 'img/favicon.png',
 
   url: 'https://docs.swmansion.com',
 
@@ -139,8 +139,8 @@ const config = {
         title: 'React Native ExecuTorch',
         hideOnScroll: true,
         logo: {
-          alt: 'React Native ExecuTorch',
-          src: 'img/logo-hero.svg',
+          alt: 'React Native ExecuTorch 🔥💀',
+          src: 'img/logo-hero-flame.png',
         },
         items: [
           {

docs/src/components/Carousel/styles.module.css

@@ -10,7 +10,7 @@
   margin-right: 2rem;
   width: 48px;
   height: 48px;
-  background-color: #2563eb;
+  background-color: #ff6600;
   color: white;
   border-radius: 50%;
   display: flex;
@@ -25,15 +25,15 @@
 }
 
 .prevButton:hover {
-  background-color: #1d4ed8;
+  background-color: #ff3300;
 }
 
 .nextButton {
   margin: auto;
   margin-left: 2rem;
   width: 48px;
   height: 48px;
-  background-color: #2563eb;
+  background-color: #ff6600;
   color: white;
   border-radius: 50%;
   display: flex;
@@ -44,7 +44,7 @@
 }
 
 .nextButton:hover {
-  background-color: #1d4ed8;
+  background-color: #ff3300;
 }
 
 .icon {
@@ -97,7 +97,7 @@
 .link {
   display: inline-block;
   padding: 0.75rem 1.5rem;
-  background-color: #2563eb;
+  background-color: #ff6600;
   color: white;
   border-radius: 0.5rem;
   font-weight: 500;
@@ -106,7 +106,7 @@
 }
 
 .link:hover {
-  background-color: #1d4ed8;
+  background-color: #ff3300;
 }
 
 .image {
@@ -130,7 +130,7 @@
 }
 
 .swiper :global(.swiper-pagination-bullet-active) {
-  background-color: #2563eb;
+  background-color: #ff6600;
   opacity: 1;
 }