7cc5c4f330d47060/tiktok-sparo
1
0
Fork 0
mirror of https://github.com/tiktok/sparo.git synced 2024-11-14 19:35:12 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add ThemedImage to control logo color in dark mode

Browse source
This commit is contained in:
Pete Gonzalez 2024-02-26 22:39:53 -08:00
parent e42289ecfa
commit 67b1204505
2 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
apps/website/docs/index.md
View file

@ -4,8 +4,16 @@ hide_title: true
custom_edit_url: null
---
import { ThemedImage } from '@site/src/components/ThemedImage';
<div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
<img src="images/site/sparo-logo.svg" alt="Sparo" title="Sparo" style={{ width: '380px', paddingTop: '30px' }} />
<ThemedImage
srcLight="images/site/sparo-logo.svg"
srcDark="images/site/sparo-logo-dark.svg"
alt="Sparo"
title="Sparo"
style={{ width: '380px', paddingTop: '30px' }}
/>
</div>
> 🚧 UNDER CONSTRUCTION 🚧

3
apps/website/docusaurus.config.js
View file

@ -82,7 +82,8 @@ const config = {
title: '',
logo: {
alt: 'Sparo',
src: 'images/site/sparo-title.svg'
src: 'images/site/sparo-title.svg',
srcDark: 'images/site/sparo-title-dark.svg'
},
items: [
{