From 15644a2b0c027694f20a2ac4ac57b0d362271fd5 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Mon, 27 Nov 2023 17:13:41 -0700
Subject: [PATCH] Fix dark color scheme for exports (#8770)

---
 web/src/routes/Export.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/routes/Export.jsx b/web/src/routes/Export.jsx
index 6a29f9ff9..84a6cff57 100644
--- a/web/src/routes/Export.jsx
+++ b/web/src/routes/Export.jsx
@@ -213,7 +213,7 @@ export default function Export() {
         </div>
 
         {exports && (
-          <div className="p-4 bg-gray-800 xl:w-1/2">
+          <div className="p-4 bg-gray-200 dark:bg-gray-800 xl:w-1/2">
             <Heading size="md">Exports</Heading>
             <Exports
               exports={exports}
@@ -231,7 +231,7 @@ function Exports({ exports, onSetClip, onDeleteClip }) {
   return (
     <Fragment>
       {exports.map((item) => (
-        <div className="my-4 p-4 bg-gray-700" key={item.name}>
+        <div className="my-4 p-4 bg-gray-100 dark:bg-gray-700" key={item.name}>
           {item.name.startsWith('in_progress') ? (
             <div className="flex justify-start text-center items-center">
               <div>