chore: change index

src/sitePages/newHome/components/banner/banner.jsx

@@ -20,7 +20,7 @@ function Banner() {
                             with</Typography.Text>
                     </div>}
                     <div style={{ display: 'flex', position: 'relative', top: 30 }}>
-                        <svg style={{ transform: 'scale(0.8)', color: "var(--semi-color-primary)", position: 'absolute', left: -220, top: -26 }} width="100%" height="100%" viewBox="-10.5 -9.45 21 18.9" fill="none" xmlns="http://www.w3.org/2000/svg" className="mt-4 mb-3 text-link dark:text-link-dark w-24 lg:w-28 self-center text-sm me-0 flex origin-center transition-all ease-in-out"><circle cx="0" cy="0" r="2" fill="currentColor"></circle><g stroke="currentColor" strokeWidth="1" fill="none"><ellipse rx="10" ry="4.5"></ellipse><ellipse rx="10" ry="4.5" transform="rotate(60)"></ellipse><ellipse rx="10" ry="4.5" transform="rotate(120)"></ellipse></g></svg>
+                        <svg style={{ transform: 'scale(0.8)', color: "var(--react-logo-color)", position: 'absolute', left: -220, top: -26 }} width="100%" height="100%" viewBox="-10.5 -9.45 21 18.9" fill="none" xmlns="http://www.w3.org/2000/svg" className="mt-4 mb-3 text-link dark:text-link-dark w-24 lg:w-28 self-center text-sm me-0 flex origin-center transition-all ease-in-out"><circle cx="0" cy="0" r="2" fill="currentColor"></circle><g stroke="currentColor" strokeWidth="1" fill="none"><ellipse rx="10" ry="4.5"></ellipse><ellipse rx="10" ry="4.5" transform="rotate(60)"></ellipse><ellipse rx="10" ry="4.5" transform="rotate(120)"></ellipse></g></svg>
                         <svg style={{ transform: "scale(0.06)", position: 'absolute', left: -290, top: -427 }} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 790 876"><path d="m704.9 641.7-305.1 172.6v-134.4l190.1-104.6zm20.9-18.9v-360.9l-111.6 64.5v232zm-657.9 18.9 305.1 172.6v-134.4l-190.2-104.6zm-20.9-18.9v-360.9l111.6 64.5v232zm13.1-384.3 312.9-177v129.9l-200.5 110.3-1.6.9zm652.6 0-312.9-177v129.9l200.5 110.2 1.6.9z" fill="#8ed6fb"/><path d="m373 649.3-187.6-103.2v-204.3l187.6 108.3zm26.8 0 187.6-103.1v-204.4l-187.6 108.3zm-201.7-331.1 188.3-103.5 188.3 103.5-188.3 108.7z" fill="#1c78c0"/></svg>
                         <svg style={{ transform: "scale(0.1)", position: 'absolute', left: -40, top: -202 }} xmlns="http://www.w3.org/2000/svg" width="410" height="404" viewBox="0 0 410 404" fill="none">
                             <path d="M399.641 59.5246L215.643 388.545C211.844 395.338 202.084 395.378 198.228 388.618L10.5817 59.5563C6.38087 52.1896 12.6802 43.2665 21.0281 44.7586L205.223 77.6824C206.398 77.8924 207.601 77.8904 208.776 77.6763L389.119 44.8058C397.439 43.2894 403.768 52.1434 399.641 59.5246Z" fill="url(#paint0_linear)"/>

src/sitePages/newHome/components/banner/banner.module.scss

@@ -8,7 +8,14 @@
     width: 480px;
 }
 
-
+:global{
+    body{
+        --react-logo-color:#087ea4;
+    }
+    body[theme-mode='dark']{
+        --react-logo-color:var(--semi-color-primary)
+    }
+}
 
 .autoWrapper_4fa00029 {
     position: relative;