fix(instant): darken overlay color

3 files changed, 7 insertions, 1 deletions

diff --git a/packages/instant/public/augur_screenshot.png b/packages/instant/public/augur_screenshot.png
new file mode 100644
index 000000000..c61cf6e7c
--- /dev/null
+++ b/packages/instant/public/augur_screenshot.png
diff --git a/packages/instant/public/index.html b/packages/instant/public/index.html
index df39994ef..8e0875645 100644
--- a/packages/instant/public/index.html
+++ b/packages/instant/public/index.html
@@ -31,6 +31,11 @@
                 height: 100vh;
                 background-color: rgba(0, 0, 0, 0.2);
             }
+
+            .full-screen {
+                height: 100vh;
+                width: 100vw;
+            }
         </style>
     </head>
 
@@ -58,6 +63,7 @@
                 </button>
             </div>
         </div>
+        <img id="augurScreenshot" class="full-screen" src="./augur_screenshot.png" />
         <div id="zeroExInstantContainer"></div>
         <script>
             // Simulate history
diff --git a/packages/instant/src/components/ui/overlay.tsx b/packages/instant/src/components/ui/overlay.tsx
index f67d6fb2f..7d311dc2f 100644
--- a/packages/instant/src/components/ui/overlay.tsx
+++ b/packages/instant/src/components/ui/overlay.tsx
@@ -33,7 +33,7 @@ export const Overlay =
 
 Overlay.defaultProps = {
     zIndex: zIndex.overlayDefault,
-    backgroundColor: generateOverlayBlack(0.6),
+    backgroundColor: generateOverlayBlack(0.9),
 };
 
 Overlay.displayName = 'Overlay';