Support dark-mode logo
This commit is contained in:
parent
bf86d70a93
commit
12d45ced84
2 changed files with 7 additions and 1 deletions
|
@ -23,6 +23,7 @@ const Navbar = () => {
|
||||||
|
|
||||||
// In demo mode, use the Soapbox logo
|
// In demo mode, use the Soapbox logo
|
||||||
const logo = settings.get('demo') ? require('images/soapbox-logo.svg') : soapboxConfig.logo;
|
const logo = settings.get('demo') ? require('images/soapbox-logo.svg') : soapboxConfig.logo;
|
||||||
|
const logoDarkMode = soapboxConfig.logoDarkMode;
|
||||||
|
|
||||||
const onOpenSidebar = () => dispatch(openSidebar());
|
const onOpenSidebar = () => dispatch(openSidebar());
|
||||||
|
|
||||||
|
@ -47,7 +48,11 @@ const Navbar = () => {
|
||||||
>
|
>
|
||||||
{logo ? (
|
{logo ? (
|
||||||
<Link key='logo' to='/' data-preview-title-id='column.home' className='flex-shrink-0 flex items-center'>
|
<Link key='logo' to='/' data-preview-title-id='column.home' className='flex-shrink-0 flex items-center'>
|
||||||
<img alt='Logo' src={logo} className='h-5 lg:h-6 w-auto cursor-pointer' />
|
<img alt='Logo' src={logo} className={classNames('h-5 lg:h-6 w-auto cursor-pointer', { 'dark:hidden': logoDarkMode })} />
|
||||||
|
{logoDarkMode && (
|
||||||
|
<img alt='Logo' src={logoDarkMode} className='h-5 lg:h-6 w-auto cursor-pointer hidden dark:block' />
|
||||||
|
)}
|
||||||
|
|
||||||
<span className='hidden'><FormattedMessage id='tabs_bar.home' defaultMessage='Home' /></span>
|
<span className='hidden'><FormattedMessage id='tabs_bar.home' defaultMessage='Home' /></span>
|
||||||
</Link>
|
</Link>
|
||||||
) : (
|
) : (
|
||||||
|
|
|
@ -82,6 +82,7 @@ export const CryptoAddressRecord = ImmutableRecord({
|
||||||
export const SoapboxConfigRecord = ImmutableRecord({
|
export const SoapboxConfigRecord = ImmutableRecord({
|
||||||
appleAppId: null,
|
appleAppId: null,
|
||||||
logo: '',
|
logo: '',
|
||||||
|
logoDarkMode: null,
|
||||||
banner: '',
|
banner: '',
|
||||||
brandColor: '', // Empty
|
brandColor: '', // Empty
|
||||||
accentColor: '',
|
accentColor: '',
|
||||||
|
|
Loading…
Reference in a new issue