From f075a84dd62721e48635ff95e632bcacd6b671b9 Mon Sep 17 00:00:00 2001
From: burnettk <burnettk@users.noreply.github.com>
Date: Mon, 6 Mar 2023 22:04:03 -0500
Subject: [PATCH] force light mode to avoid making the site look broken

---
 spiffworkflow-frontend/src/routes/TaskShow.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/spiffworkflow-frontend/src/routes/TaskShow.tsx b/spiffworkflow-frontend/src/routes/TaskShow.tsx
index 56813225b..53ac8c0c8 100644
--- a/spiffworkflow-frontend/src/routes/TaskShow.tsx
+++ b/spiffworkflow-frontend/src/routes/TaskShow.tsx
@@ -269,7 +269,13 @@ export default function TaskShow() {
     }
     return (
       <div className="markdown">
-        <MDEditor.Markdown source={instructions} />
+        {/*
+          https://www.npmjs.com/package/@uiw/react-md-editor switches to dark mode by default by respecting @media (prefers-color-scheme: dark) 
+          This makes it look like our site is broken, so until the rest of the site supports dark mode, turn off dark mode for this component.
+        */}
+        <div data-color-mode="light">
+          <MDEditor.Markdown source={instructions} />
+        </div>
       </div>
     );
   };