changed border color for HTMLItems to dark gray

Author: enigmawun

app/src/components/left/HTMLItem.tsx

@@ -24,14 +24,14 @@ const useStyles = makeStyles({
     flexDirection: 'row',
     justifyContent: 'space-evenly',
     textAlign: 'center',
-    cursor: 'grab',
+    cursor: 'grab'
   },
   lightThemeFontColor: {
-    color: '#defaf8',
+    color: '#defaf8'
   },
   darkThemeFontColor: {
-    color: '#8F8F8F',
-  },
+    color: '#8F8F8F'
+  }
 });
 
 /**
@@ -66,11 +66,11 @@ const HTMLItem: React.FC<{
       instanceType: 'HTML Element',
       name,
       icon,
-      instanceTypeId: id,
+      instanceTypeId: id
     },
     collect: (monitor: any) => ({
-      isDragging: !!monitor.isDragging(),
-    }),
+      isDragging: !!monitor.isDragging()
+    })
   });
 
   const closeModal = () => setModal(null);
@@ -84,7 +84,7 @@ const HTMLItem: React.FC<{
           style={{
             border: '1px solid #C6C6C6',
             marginBottom: '2%',
-            marginTop: '5%',
+            marginTop: '5%'
           }}
         >
           <ListItemText
@@ -100,12 +100,12 @@ const HTMLItem: React.FC<{
           style={{
             border: '1px solid #C6C6C6',
             marginBottom: '2%',
-            marginTop: '5%',
+            marginTop: '5%'
           }}
         >
           <ListItemText
             primary={'No, do not delete element'}
-            style={{ textAlign: 'center', color: 'white'  }}
+            style={{ textAlign: 'center', color: 'white' }}
             onClick={closeModal}
           />
         </ListItem>
@@ -121,8 +121,8 @@ const HTMLItem: React.FC<{
         primBtnAction: null,
         secBtnAction: null,
         secBtnLabel: null,
-        open: true,
-      }),
+        open: true
+      })
     );
   };
 
@@ -134,8 +134,8 @@ const HTMLItem: React.FC<{
       typeId: id,
       childId: null,
       contextParam: {
-        allContext: [],
-      },
+        allContext: []
+      }
     };
 
     dispatch(addChild(childData));
@@ -154,8 +154,8 @@ const HTMLItem: React.FC<{
           ref={drag}
           style={{
             backgroundColor: 'rgb(30, 32, 36)',
-            borderColor: 'rgb(100, 100, 115)',
-            width: '100%',
+            borderColor: 'rgb(30, 32, 36)',
+            width: '100%'
           }}
           className={`${classes.HTMLPanelItem} ${classes.darkThemeFontColor}`}
           id="HTMLItem"