[UI] fix: enhance supporters logos for dark mode compatibility and remove duplicate link in support

src/components/Supporters/index.js

@@ -3,18 +3,22 @@ import SectionContainer from "../sectionContainer";
 import Translate from "@docusaurus/Translate";
 import Link from "@docusaurus/Link";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
+import ThemedImage from "@theme/ThemedImage";
+import useBaseUrl from "@docusaurus/useBaseUrl";
 import "./index.scss";
 
 const supportList = [
   {
     name: "HuaweiCloud",
-    img_src: "img/supporters/huawei.png",
+    img_src: "img/supporters/huawei.svg",
+    img_src_dark: "img/supporters/huawei-dark.svg",
     external_link: "https://www.huaweicloud.com/",
   },
 
   {
     name: "OpenEuler",
     img_src: "img/supporters/openEuler.svg",
+    img_src_dark: "img/supporters/openEuler-dark.svg",
     external_link: "https://www.openeuler.org/",
   },
 ];
@@ -34,9 +38,14 @@ export default function Supporters() {
         {supportList.map((item, index) => (
           <div key={index} className="supporterBox">
             <div className="imgContainer">
-              <Link to={item.external_link}></Link>
               <Link to={item.external_link}>
-                <img alt={item.name} src={item.img_src} />
+                <ThemedImage
+                  alt={item.name}
+                  sources={{
+                    light: useBaseUrl(item.img_src),
+                    dark: useBaseUrl(item.img_src_dark || item.img_src),
+                  }}
+                />
               </Link>
             </div>
           </div>

src/components/Supporters/index.scss

@@ -19,10 +19,8 @@
       margin: 16px auto;
       padding: 5px 15px 15px;
       text-align: center;
-      background-color: #fff;
-      border-style: solid;
-      border-width: 0.5px;
-      border-color: #dde6ed;
+      background-color: transparent;
+      border: none;
       transition: transform 0.2s;
     }
 
@@ -55,3 +53,4 @@
     }
   }
 }
+