From 658b3e8a910ff27cd82eace6facb78c2e1ec6cc2 Mon Sep 17 00:00:00 2001
From: Michel Weststrate <mweststrate@fb.com>
Date: Tue, 15 Dec 2020 08:21:10 -0800
Subject: [PATCH] Make sure Lite app uses FB branding

Summary: Fixes https://fb.workplace.com/groups/flippersupport/permalink/1038883216592336/

Reviewed By: passy

Differential Revision: D25557366

fbshipit-source-id: 7b821ad7cd52454294482a00c5dc59c57b85f757
---
 desktop/app/src/sandy-chrome/appinspect/AppSelector.tsx | 6 +++---
 desktop/app/src/ui/components/colors.tsx                | 2 ++
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/desktop/app/src/sandy-chrome/appinspect/AppSelector.tsx b/desktop/app/src/sandy-chrome/appinspect/AppSelector.tsx
index da6c41f9d..f0d20247c 100644
--- a/desktop/app/src/sandy-chrome/appinspect/AppSelector.tsx
+++ b/desktop/app/src/sandy-chrome/appinspect/AppSelector.tsx
@@ -138,20 +138,20 @@ const AppInspectButton = styled(Button)({
 });
 
 function AppIcon({appname}: {appname?: string}) {
+  const invert = appname?.endsWith('Lite') ?? false;
   const brandName = appname?.replace(/ Lite$/, '');
   const color = brandName
     ? getColorByApp(brandName)
     : theme.backgroundTransparentHover;
   const icon = brandName && (brandIcons as any)[brandName];
   return (
-    <AppIconContainer
-      style={{background: brandName != appname ? 'white' : color}}>
+    <AppIconContainer style={{background: invert ? 'white' : color}}>
       {icon && (
         <Glyph
           name={icon}
           size={24}
           variant="outline"
-          color={brandName != appname ? color : 'white'}
+          color={invert ? color : 'white'}
         />
       )}
     </AppIconContainer>
diff --git a/desktop/app/src/ui/components/colors.tsx b/desktop/app/src/ui/components/colors.tsx
index c5b0366ee..2f8fb2009 100644
--- a/desktop/app/src/ui/components/colors.tsx
+++ b/desktop/app/src/ui/components/colors.tsx
@@ -278,6 +278,7 @@ export const darkColors = {
 
 export const brandColors = {
   Facebook: '#0D7BED',
+  Lite: '#0D7BED',
   Messenger: '#0088FA',
   Instagram: '#E61E68',
   WhatsApp: '#25D366',
@@ -289,6 +290,7 @@ export const brandColors = {
 // https://www.internalfb.com/intern/assets/set/facebook_icons/
 export const brandIcons = {
   Facebook: 'app-facebook-f',
+  Lite: 'app-facebook-f',
   Messenger: 'app-messenger',
   Instagram: 'app-instagram',
   WhatsApp: 'app-whatsapp',