fix logo on dark theme (#705)
Signed-off-by: Arhell <arhell333@gmail.com>
This commit is contained in:
parent
a26048b292
commit
d035d0adad
|
|
@ -5,6 +5,7 @@ import Link from '@docusaurus/Link';
|
||||||
import features from '../data/features'
|
import features from '../data/features'
|
||||||
import Translate, { translate } from '@docusaurus/Translate';
|
import Translate, { translate } from '@docusaurus/Translate';
|
||||||
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
|
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
|
||||||
|
import ThemedImage from '@theme/ThemedImage';
|
||||||
import useBaseUrl from '@docusaurus/useBaseUrl';
|
import useBaseUrl from '@docusaurus/useBaseUrl';
|
||||||
import GitHubButton from 'react-github-btn';
|
import GitHubButton from 'react-github-btn';
|
||||||
import styles from './styles.module.css';
|
import styles from './styles.module.css';
|
||||||
|
|
@ -48,7 +49,14 @@ export default function Home() {
|
||||||
<header className={clsx('hero', styles.hero)}>
|
<header className={clsx('hero', styles.hero)}>
|
||||||
<div className="container text--center">
|
<div className="container text--center">
|
||||||
<div className={styles.heroLogoWrapper}>
|
<div className={styles.heroLogoWrapper}>
|
||||||
<img className={styles.heroLogo} src={useBaseUrl('img/logo.svg')} alt="Kubevela Logo" />
|
<ThemedImage
|
||||||
|
alt="Kubevela Logo"
|
||||||
|
className={styles.heroLogo}
|
||||||
|
sources={{
|
||||||
|
light: useBaseUrl('img/logo.svg'),
|
||||||
|
dark: useBaseUrl('img/logoDark.svg'),
|
||||||
|
}}
|
||||||
|
/>;
|
||||||
</div>
|
</div>
|
||||||
<h2 className={clsx('hero__title', styles.heroTitle)}>{siteConfig.title}</h2>
|
<h2 className={clsx('hero__title', styles.heroTitle)}>{siteConfig.title}</h2>
|
||||||
<GitHubButton
|
<GitHubButton
|
||||||
|
|
|
||||||
|
|
@ -18,7 +18,6 @@
|
||||||
width: 256px;
|
width: 256px;
|
||||||
height: 256px;
|
height: 256px;
|
||||||
margin-bottom: 1.5rem;
|
margin-bottom: 1.5rem;
|
||||||
background: #fff;
|
|
||||||
border-radius: 48px;
|
border-radius: 48px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue