From 7839e93a57533f3224b7b08e5db2b80d5e6891ef Mon Sep 17 00:00:00 2001
From: Anoop M D <anoop.md1421@gmail.com>
Date: Sun, 29 Jan 2023 20:44:34 +0530
Subject: [PATCH] fix: fixed dark mode issues

---
 .../RequestPane/FormUrlEncodedParams/StyledWrapper.js       | 1 +
 .../RequestPane/MultipartFormParams/StyledWrapper.js        | 2 ++
 .../bruno-app/src/components/RequestPane/Script/index.js    | 6 ++++++
 .../bruno-app/src/components/RequestPane/Tests/index.js     | 6 ++++++
 packages/bruno-app/src/themes/dark.js                       | 2 +-
 5 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/bruno-app/src/components/RequestPane/FormUrlEncodedParams/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/FormUrlEncodedParams/StyledWrapper.js
index aa76f69d7..9a2148809 100644
--- a/packages/bruno-app/src/components/RequestPane/FormUrlEncodedParams/StyledWrapper.js
+++ b/packages/bruno-app/src/components/RequestPane/FormUrlEncodedParams/StyledWrapper.js
@@ -30,6 +30,7 @@ const Wrapper = styled.div`
     border: solid 1px transparent;
     outline: none !important;
     color: ${(props) => props.theme.table.input.color};
+    background: transparent;
 
     &:focus {
       outline: none !important;
diff --git a/packages/bruno-app/src/components/RequestPane/MultipartFormParams/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/MultipartFormParams/StyledWrapper.js
index aa76f69d7..0142fd524 100644
--- a/packages/bruno-app/src/components/RequestPane/MultipartFormParams/StyledWrapper.js
+++ b/packages/bruno-app/src/components/RequestPane/MultipartFormParams/StyledWrapper.js
@@ -30,6 +30,8 @@ const Wrapper = styled.div`
     border: solid 1px transparent;
     outline: none !important;
     color: ${(props) => props.theme.table.input.color};
+    background: transparent;
+
 
     &:focus {
       outline: none !important;
diff --git a/packages/bruno-app/src/components/RequestPane/Script/index.js b/packages/bruno-app/src/components/RequestPane/Script/index.js
index 7887428bc..4d79b6fe9 100644
--- a/packages/bruno-app/src/components/RequestPane/Script/index.js
+++ b/packages/bruno-app/src/components/RequestPane/Script/index.js
@@ -4,12 +4,17 @@ import { useDispatch } from 'react-redux';
 import CodeEditor from 'components/CodeEditor';
 import { updateRequestScript } from 'providers/ReduxStore/slices/collections';
 import { sendRequest, saveRequest } from 'providers/ReduxStore/slices/collections/actions';
+import { useTheme } from 'providers/Theme';
 import StyledWrapper from './StyledWrapper';
 
 const Script = ({ item, collection }) => {
   const dispatch = useDispatch();
   const script = item.draft ? get(item, 'draft.request.script') : get(item, 'request.script');
 
+  const {
+    storedTheme
+  } = useTheme();
+
   const onEdit = (value) => {
     dispatch(
       updateRequestScript({
@@ -27,6 +32,7 @@ const Script = ({ item, collection }) => {
     <StyledWrapper className="w-full">
       <CodeEditor
         collection={collection} value={script || ''}
+        theme={storedTheme}
         onEdit={onEdit}
         mode='javascript'
         onRun={onRun}
diff --git a/packages/bruno-app/src/components/RequestPane/Tests/index.js b/packages/bruno-app/src/components/RequestPane/Tests/index.js
index 43a1b9162..ba748285c 100644
--- a/packages/bruno-app/src/components/RequestPane/Tests/index.js
+++ b/packages/bruno-app/src/components/RequestPane/Tests/index.js
@@ -4,12 +4,17 @@ import { useDispatch } from 'react-redux';
 import CodeEditor from 'components/CodeEditor';
 import { updateRequestTests } from 'providers/ReduxStore/slices/collections';
 import { sendRequest, saveRequest } from 'providers/ReduxStore/slices/collections/actions';
+import { useTheme } from 'providers/Theme';
 import StyledWrapper from './StyledWrapper';
 
 const Tests = ({ item, collection }) => {
   const dispatch = useDispatch();
   const tests = item.draft ? get(item, 'draft.request.tests') : get(item, 'request.tests');
 
+  const {
+    storedTheme
+  } = useTheme();
+
   const onEdit = (value) => {
     dispatch(
       updateRequestTests({
@@ -27,6 +32,7 @@ const Tests = ({ item, collection }) => {
     <StyledWrapper className="w-full">
       <CodeEditor
         collection={collection} value={tests || ''}
+        theme={storedTheme}
         onEdit={onEdit}
         mode='javascript'
         onRun={onRun}
diff --git a/packages/bruno-app/src/themes/dark.js b/packages/bruno-app/src/themes/dark.js
index 1f40049ed..15acff5ab 100644
--- a/packages/bruno-app/src/themes/dark.js
+++ b/packages/bruno-app/src/themes/dark.js
@@ -215,7 +215,7 @@ const darkTheme = {
     },
     striped: '#2A2D2F',
     input: {
-      color: '#555555'
+      color: '#ccc'
     }
   },