From 8d29d2a26d698d92ad7cae3a66b633c4c850c321 Mon Sep 17 00:00:00 2001
From: Fabrizio Cucci <fabriziocucci@meta.com>
Date: Thu, 11 Apr 2024 02:36:32 -0700
Subject: [PATCH] Fix rn-tester label color in drawer example

Summary:
Changelog: [Internal]

Get label color from theme to fix dark mode.

Differential Revision: D56011777
---
 .../DrawerLayoutAndroid/DrawerLayoutAndroidExample.js    | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/rn-tester/js/examples/DrawerLayoutAndroid/DrawerLayoutAndroidExample.js b/packages/rn-tester/js/examples/DrawerLayoutAndroid/DrawerLayoutAndroidExample.js
index f760f66969e5..a9eca8fe6650 100644
--- a/packages/rn-tester/js/examples/DrawerLayoutAndroid/DrawerLayoutAndroidExample.js
+++ b/packages/rn-tester/js/examples/DrawerLayoutAndroid/DrawerLayoutAndroidExample.js
@@ -12,7 +12,9 @@
 
 import type {Node} from 'react';
 
-import React, {useRef, useState} from 'react';
+import {RNTesterThemeContext} from 'RNTesterTheme';
+
+import React, {useContext, useRef, useState} from 'react';
 import {
   Button,
   DrawerLayoutAndroid,
@@ -22,6 +24,7 @@ import {
 } from 'react-native';
 
 const Drawer = () => {
+  const theme = useContext(RNTesterThemeContext);
   const drawer = useRef<null | React$ElementRef<any>>(null);
   const [drawerPosition, setDrawerPosition] = useState('left');
   const changeDrawerPosition = () => {
@@ -52,7 +55,9 @@ const Drawer = () => {
       drawerPosition={drawerPosition}
       renderNavigationView={navigationView}>
       <View style={styles.container}>
-        <Text style={styles.paragraph}>Drawer on the {drawerPosition}!</Text>
+        <Text style={[{color: theme.LabelColor}, styles.paragraph]}>
+          Drawer on the {drawerPosition}!
+        </Text>
         <Button
           title="Change Drawer Position"
           onPress={() => changeDrawerPosition()}