diff --git a/src/components/Supporters/index.js b/src/components/Supporters/index.js index c1c385fbb..26334cdb3 100644 --- a/src/components/Supporters/index.js +++ b/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) => (
- - {item.name} +
diff --git a/src/components/Supporters/index.scss b/src/components/Supporters/index.scss index 1d520d3c5..3a3b3fdf1 100644 --- a/src/components/Supporters/index.scss +++ b/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 @@ } } } + diff --git a/static/img/supporters/huawei-dark.svg b/static/img/supporters/huawei-dark.svg new file mode 100644 index 000000000..02c66bc31 --- /dev/null +++ b/static/img/supporters/huawei-dark.svg @@ -0,0 +1 @@ + diff --git a/static/img/supporters/huawei.png b/static/img/supporters/huawei.png deleted file mode 100644 index d540aed17..000000000 Binary files a/static/img/supporters/huawei.png and /dev/null differ diff --git a/static/img/supporters/huawei.svg b/static/img/supporters/huawei.svg new file mode 100644 index 000000000..9730fa70d --- /dev/null +++ b/static/img/supporters/huawei.svg @@ -0,0 +1 @@ + diff --git a/static/img/supporters/openEuler-dark.svg b/static/img/supporters/openEuler-dark.svg new file mode 100644 index 000000000..0bb485d0e --- /dev/null +++ b/static/img/supporters/openEuler-dark.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + diff --git a/static/img/supporters/openEuler.svg b/static/img/supporters/openEuler.svg index 7aa9e64ed..7afe71f3a 100644 --- a/static/img/supporters/openEuler.svg +++ b/static/img/supporters/openEuler.svg @@ -1 +1,22 @@ - \ No newline at end of file + + + + + + + + + + + + + + + + + + \ No newline at end of file