From 12d45ced848a6ca0ee7fef4edb6e4bbabea7867e Mon Sep 17 00:00:00 2001
From: Justin <dice.warrant-02@icloud.com>
Date: Wed, 4 May 2022 10:14:59 -0400
Subject: [PATCH] Support dark-mode logo

---
 app/soapbox/features/ui/components/navbar.tsx     | 7 ++++++-
 app/soapbox/normalizers/soapbox/soapbox_config.ts | 1 +
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/features/ui/components/navbar.tsx b/app/soapbox/features/ui/components/navbar.tsx
index c6d810f0c..25085f6d7 100644
--- a/app/soapbox/features/ui/components/navbar.tsx
+++ b/app/soapbox/features/ui/components/navbar.tsx
@@ -23,6 +23,7 @@ const Navbar = () => {
 
   // In demo mode, use the Soapbox logo
   const logo = settings.get('demo') ? require('images/soapbox-logo.svg') : soapboxConfig.logo;
+  const logoDarkMode = soapboxConfig.logoDarkMode;
 
   const onOpenSidebar = () => dispatch(openSidebar());
 
@@ -47,7 +48,11 @@ const Navbar = () => {
           >
             {logo ? (
               <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>
               </Link>
             ) : (
diff --git a/app/soapbox/normalizers/soapbox/soapbox_config.ts b/app/soapbox/normalizers/soapbox/soapbox_config.ts
index dd9d771a4..e37a4faad 100644
--- a/app/soapbox/normalizers/soapbox/soapbox_config.ts
+++ b/app/soapbox/normalizers/soapbox/soapbox_config.ts
@@ -82,6 +82,7 @@ export const CryptoAddressRecord = ImmutableRecord({
 export const SoapboxConfigRecord = ImmutableRecord({
   appleAppId: null,
   logo: '',
+  logoDarkMode: null,
   banner: '',
   brandColor: '', // Empty
   accentColor: '',