From 6fb632eeb657432bcf5e5585ee9b0b16cbb709c5 Mon Sep 17 00:00:00 2001
From: Brendan Allan <14191578+Brendonovich@users.noreply.github.com>
Date: Mon, 20 Jul 2026 23:47:03 +0000
Subject: [PATCH] fix(app): tune background presentation

---
 .../src/components/session/session-new-design-view.tsx    | 2 +-
 packages/app/src/index.css                                | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/components/session/session-new-design-view.tsx b/packages/app/src/components/session/session-new-design-view.tsx
index 35862a75f5..ad59d2fb53 100644
--- a/packages/app/src/components/session/session-new-design-view.tsx
+++ b/packages/app/src/components/session/session-new-design-view.tsx
@@ -11,7 +11,7 @@ export function NewSessionDesignView(props: { children: JSX.Element }) {
     >
       <div class="absolute inset-x-0 top-[25.375%] flex justify-center px-6">
         <div class={NEW_SESSION_CONTENT_WIDTH}>
-          <WordmarkV2 class="h-auto w-full text-v2-background-bg-inverse [&>g>g>g]:!opacity-30" />
+          <WordmarkV2 class="h-auto w-full text-v2-background-bg-inverse [&>g>g>g]:!opacity-[0.45]" />
           <div class="mt-8">{props.children}</div>
         </div>
       </div>
diff --git a/packages/app/src/index.css b/packages/app/src/index.css
index 5af8603296..900227d5a8 100644
--- a/packages/app/src/index.css
+++ b/packages/app/src/index.css
@@ -4,7 +4,7 @@
 @import "tw-animate-css";
 
 html[data-background-image] body {
-  background-image: linear-gradient(rgb(0 0 0 / 20%), rgb(0 0 0 / 20%)), var(--app-background-image);
+  background-image: linear-gradient(rgb(0 0 0 / 30%), rgb(0 0 0 / 30%)), var(--app-background-image);
   background-color: transparent !important;
   background-position: center;
   background-repeat: no-repeat;
@@ -38,6 +38,12 @@ html[data-background-image] [data-background-surface="project-selector"] {
   backdrop-filter: blur(16px);
 }
 
+html[data-background-image] [data-background-surface="prompt"] [data-background-surface="project-selector"] {
+  background-color: transparent !important;
+  box-shadow: none;
+  backdrop-filter: none;
+}
+
 @font-face {
   font-family: "JetBrainsMono Nerd Font Mono";
   src: url("/assets/JetBrainsMonoNerdFontMono-Regular.woff2") format("woff2");