From 5fc0bcb6318e49ff6c7ae86fcd6e48f0a06bf2a8 Mon Sep 17 00:00:00 2001
From: Lorenzo Blasa <lblasa@meta.com>
Date: Fri, 10 Feb 2023 06:04:04 -0800
Subject: [PATCH] Dark mode fix for Glyph

Summary: <NoData /> didn't support dark mode, now it does.

Reviewed By: ivanmisuno

Differential Revision: D43186565

fbshipit-source-id: 9952535d8762d8510afcce03b6cde7b603292107
---
 .../ui-debugger/components/sidebar/inspector/NoData.tsx   | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/desktop/plugins/public/ui-debugger/components/sidebar/inspector/NoData.tsx b/desktop/plugins/public/ui-debugger/components/sidebar/inspector/NoData.tsx
index fccb091f0..6ca123d48 100644
--- a/desktop/plugins/public/ui-debugger/components/sidebar/inspector/NoData.tsx
+++ b/desktop/plugins/public/ui-debugger/components/sidebar/inspector/NoData.tsx
@@ -10,6 +10,7 @@
 import React from 'react';
 // eslint-disable-next-line rulesdir/no-restricted-imports-clone
 import {Glyph} from 'flipper';
+import {theme} from 'flipper-plugin';
 
 type NoDataProps = {
   message: string;
@@ -17,7 +18,12 @@ type NoDataProps = {
 export const NoData: React.FC<NoDataProps> = ({message}) => {
   return (
     <div style={{textAlign: 'center'}}>
-      <Glyph name="stop" size={24} style={{margin: 20}} />
+      <Glyph
+        name="stop"
+        size={24}
+        style={{margin: 20}}
+        color={theme.primaryColor}
+      />
       <p>{message}</p>
     </div>
   );