fix: fixed dark mode issues

usebruno · Jan 29, 2023 · 7839e93 · 7839e93
1 parent 11c6027
commit 7839e93
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -215,7 +215,7 @@ const darkTheme = {
     },
     striped: '#2A2D2F',
     input: {
-      color: '#555555'
+      color: '#ccc'
     }
   },