From ccb488626e3ee8e445fd6157a2fe0232fa40ce30 Mon Sep 17 00:00:00 2001
From: Jaco <jacogr@gmail.com>
Date: Fri, 4 Jun 2021 10:12:41 +0300
Subject: [PATCH] Always show dev chains in dev colors (#5447)

---
 packages/apps/src/Apps.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/apps/src/Apps.tsx b/packages/apps/src/Apps.tsx
index fb9b9ab567..860499a760 100644
--- a/packages/apps/src/Apps.tsx
+++ b/packages/apps/src/Apps.tsx
@@ -21,11 +21,13 @@ export const PORTAL_ID = 'portals';
 
 function Apps ({ className = '' }: Props): React.ReactElement<Props> {
   const { theme } = useContext<ThemeDef>(ThemeContext);
-  const { specName, systemChain, systemName } = useApi();
+  const { isDevelopment, specName, systemChain, systemName } = useApi();
 
   const uiHighlight = useMemo(
-    () => getSystemColor(systemChain, systemName, specName),
-    [specName, systemChain, systemName]
+    () => isDevelopment
+      ? undefined
+      : getSystemColor(systemChain, systemName, specName),
+    [isDevelopment, specName, systemChain, systemName]
   );
 
   return (