bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Support dark-mode logo

Browse source
This commit is contained in:
Justin 2022-05-04 10:14:59 -04:00
parent bf86d70a93
commit 12d45ced84
2 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/soapbox/features/ui/components/navbar.tsx
View file

@ -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>
) : ( ) : (

1
app/soapbox/normalizers/soapbox/soapbox_config.ts
View file

@ -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: '',