From 4928e59fee969faae7575cda26f2510c85e47542 Mon Sep 17 00:00:00 2001
From: Kellan Wampler <kellan@moonstream.to>
Date: Wed, 2 Nov 2022 10:18:50 -0400
Subject: [PATCH] Fixing text colors on subscriptions, dashboards, and modals.

---
 frontend/pages/dashboard/[dashboardId].js            | 2 ++
 frontend/src/components/Report.js                    | 3 +++
 frontend/src/components/SubscriptionReport.js        | 8 ++++++--
 frontend/src/core/providers/OverlayProvider/index.js | 4 ++--
 4 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/frontend/pages/dashboard/[dashboardId].js b/frontend/pages/dashboard/[dashboardId].js
index 629f2d1a..80f2b610 100644
--- a/frontend/pages/dashboard/[dashboardId].js
+++ b/frontend/pages/dashboard/[dashboardId].js
@@ -112,6 +112,7 @@ const Analytics = () => {
         direction="column"
         alignItems="center"
         minH="100vh"
+        color="black"
       >
         <Stack
           direction={["column", "row", null]}
@@ -122,6 +123,7 @@ const Analytics = () => {
           <Editable
             as={Heading}
             colorScheme="blue"
+            textColor="white"
             placeholder="enter note here"
             defaultValue={dashboardCache.data.resource_data.name}
             onSubmit={(nextValue) =>
diff --git a/frontend/src/components/Report.js b/frontend/src/components/Report.js
index 2111e888..d2074150 100644
--- a/frontend/src/components/Report.js
+++ b/frontend/src/components/Report.js
@@ -100,6 +100,9 @@ const Report = ({ data, timeRange }) => {
       enableSlices={false}
       enableGridX={true}
       enableGridY={true}
+      theme={{
+        textColor: "white",
+      }}
     />
   );
 };
diff --git a/frontend/src/components/SubscriptionReport.js b/frontend/src/components/SubscriptionReport.js
index 2bfd0f1a..42ed2e15 100644
--- a/frontend/src/components/SubscriptionReport.js
+++ b/frontend/src/components/SubscriptionReport.js
@@ -105,7 +105,11 @@ const SubscriptionReport = ({
       flexBasis={plotMinW}
       direction="column"
     >
-      <Text fontSize="xs" textAlign="right">{`Latest block number: ${
+      <Text
+        fontSize="xs"
+        textAlign="right"
+        textColor="white"
+      >{`Latest block number: ${
         data?.blocks_state?.latest_labelled_block ?? "Not available"
       }`}</Text>
       <Flex
@@ -154,7 +158,7 @@ const SubscriptionReport = ({
           flexBasis={plotMinW}
           direction="column"
         >
-          <Heading size="md" pt={4}>
+          <Heading size="md" pt={4} textColor="white">
             Events
           </Heading>
           {eventKeys.map((key) => {
diff --git a/frontend/src/core/providers/OverlayProvider/index.js b/frontend/src/core/providers/OverlayProvider/index.js
index bd2583ad..40c0b514 100644
--- a/frontend/src/core/providers/OverlayProvider/index.js
+++ b/frontend/src/core/providers/OverlayProvider/index.js
@@ -270,7 +270,7 @@ const OverlayProvider = ({ children }) => {
       >
         <ModalOverlay />
 
-        <ModalContent>
+        <ModalContent textColor="black">
           <ModalHeader bgColor="white.200" py={2} fontSize="lg">
             {modal.type === MODAL_TYPES.NEW_SUBSCRIPTON &&
               "Subscribe to a new address"}
@@ -345,7 +345,7 @@ const OverlayProvider = ({ children }) => {
         }}
       >
         <DrawerOverlay />
-        <DrawerContent overflowY="scroll">
+        <DrawerContent overflowY="scroll" textColor="black">
           <DrawerCloseButton />
           <DrawerHeader borderBottomWidth="1px">
             {drawer.type === DRAWER_TYPES.NEW_DASHBOARD && "New dashboard"}