💄 make modal pretty on dark mode

walnuthq · Mar 20, 2024 · c03109f · c03109f
1 parent 3c09008
commit c03109f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/components/Editor/ArgumentsHelperModal.tsx b/components/Editor/ArgumentsHelperModal.tsx
@@ -15,7 +15,7 @@ export const ArgumentsHelperModal = ({
       visible={showArgumentsHelper}
       setVisible={setShowArgumentsHelper}
     >
-      <div className="text-sm text-gray-900">
+      <div className="text-sm text-gray-900 dark:text-gray-200">
         <p className="my-2">
           This input field accepts a list of program arguments for the{' '}
           <CodeElement>main()</CodeElement> function, separated by a{' '}
@@ -58,7 +58,7 @@ export const ArgumentsHelperModal = ({
 
 const CodeElement = ({ children }: { children: string }) => {
   return (
-    <code className="inline-block px-1.5 py-0.5 my-0.5 rounded bg-stone-200/70 text-red-500">
+    <code className="inline-block px-1.5 py-0.5 my-0.5 rounded bg-stone-200/70 dark:bg-slate-700 text-red-400">
       {children}
     </code>
   )

diff --git a/components/ui/Modal.tsx b/components/ui/Modal.tsx
@@ -26,7 +26,7 @@ export const Modal = ({
         onKeyDown={closeModal}
       >
         <div
-          className="md:max-w-3xl relative p-4 bg-white text-gray-900 dark:bg-gray-800 dark:text-gray-400 w-full m-auto flex-col flex rounded-lg cursor-auto"
+          className="md:max-w-3xl relative p-4 bg-white dark:bg-gray-800 w-full m-auto flex-col flex rounded-lg cursor-auto"
           role="button"
           tabIndex={0}
           onClick={(e) => e.stopPropagation()}