Fixing text colors on subscriptions, dashboards, and modals.

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) =>

frontend/src/components/Report.js

@@ -100,6 +100,9 @@ const Report = ({ data, timeRange }) => {
       enableSlices={false}
       enableGridX={true}
       enableGridY={true}
+      theme={{
+        textColor: "white",
+      }}
     />
   );
 };

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) => {

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"}