Fix styles

Author: javizqh

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jderobot-ide-interface",
-  "version": "0.1.30",
+  "version": "0.1.31",
   "main": "dist/main.js",
   "typings": "dist/index.d.ts",
   "files": [

src/components/Modals/Modal.styles.ts

@@ -173,6 +173,7 @@ export const StyledModalButtonDelete = styled.button<StyledModalButtonDeleteProp
 
 export const StyledModalInputRowContainer = styled.div`
   width: 100%;
+  margin: 10px 0px;
   display: flex;
   flex-direction: row;
   justify-content: space-evenly;

src/components/Modals/NewFileModal.styles.ts

@@ -9,7 +9,7 @@ export const StyledModalCardsTitle = styled.label`
   font-size: large;
   font-weight: bold;
   text-align: center;
-  margin-bottom: 10px;
+  margin: 10px 0px;
 `;
 
 export const StyledModalCardsContainer = styled.div`

src/components/Modals/NewFolderModal.tsx

@@ -129,10 +129,10 @@ const NewFolderModal = ({
           <StyledModalInput
             color={theme.palette.text}
             placeholderColor={theme.palette.placeholderText}
-            bgColor={theme.palette.background}
-            borderColor={theme.palette.background}
-            focusBorderColor={theme.palette.background}
-            invalidBorderColor={theme.palette.background}
+            bgColor={theme.palette.primary}
+            borderColor={theme.palette.text}
+            focusBorderColor={theme.palette.secondary}
+            invalidBorderColor={theme.palette.error}
             roundness={theme.roundness}
             valid={isCreationAllowed || formState.folderName === ""}
           >

src/components/Modals/RenameModal.tsx

@@ -150,10 +150,10 @@ const RenameModal = ({
           <StyledModalInput
             color={theme.palette.text}
             placeholderColor={theme.palette.placeholderText}
-            bgColor={theme.palette.background}
-            borderColor={theme.palette.background}
-            focusBorderColor={theme.palette.background}
-            invalidBorderColor={theme.palette.background}
+            bgColor={theme.palette.primary}
+            borderColor={theme.palette.text}
+            focusBorderColor={theme.palette.secondary}
+            invalidBorderColor={theme.palette.error}
             roundness={theme.roundness}
             valid={isCreationAllowed}
           >