Add div above Ace Editor in Code Preview so that color of top background can be same as code editor

Author: johnwage

app/src/components/bottom/CodePreview.tsx

@@ -90,6 +90,7 @@ const CodePreview: React.FC<{
         transform: `scale(${zoom})`
       }}
     >
+      <div style={{width: '100%', height: '80px', marginTop: '-70px', backgroundColor: '#191919'}}></div>
       <AceEditor
         mode="javascript"
         theme="clouds_midnight"

app/src/components/main/CanvasContainer.tsx

@@ -33,7 +33,11 @@ function CanvasContainer(props: CanvasContainerProps): JSX.Element {
   const canvasContainerStyle: React.CSSProperties = {
     width: '100%',
     height: '100%',
-    backgroundColor: 'rgba(25, 25, 25)',
+    // backgroundColor: 'rgba(25, 25, 25)',
+    background: '#070808',
+    backgroundImage: 'radial-gradient(#1E2024 .71px, transparent 0)',
+    backgroundSize: '8px 8px',
+    backgroundPosition: '-19px -19px',
     borderBottom: 'none',
     overflow: 'auto'
   };