diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index 9bb0a1c3..91b44d5e 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -14,10 +14,6 @@
 	--sel-fg: var(--bg-d1);
 	--sel-bg: var(--fg);
 
-	--a-hil: hsl(from color-mix(var(--a) 80%, var(--fg-max) 20%) h calc(s * 1.2) l);
-	--a-dark: hsl(from color-mix(var(--a) 60%, var(--bg-max) 40%) h calc(s * 1.3) l); /* warning text etc */
-	--a-gray: hsl(from var(--a) h 0 l);
-
 	--btn-fg: var(--a);
 	--btn-bg-a: rgba(128,128,128,0.15);
 	--btn-bg-a: color-mix(var(--bg-max) 85%, var(--fg-max) 20%);
diff --git a/copyparty/web/splash.css b/copyparty/web/splash.css
index 7483a24e..9a19e6e1 100644
--- a/copyparty/web/splash.css
+++ b/copyparty/web/splash.css
@@ -51,11 +51,14 @@ html {
 	padding: 1.5em;
 	padding-bottom: 0em;
 	line-height: 1.3em;
-	background: var(--bg-u2);
+	background: color-mix(var(--a-gray) 27%, var(--bg-max));
 	border-radius: .5em;
 	border: var(--bg-u5) solid 1px;
 	box-shadow: 0 0 2em color-mix(var(--bg-max) 60%, transparent 40%);
 }
+html.y #wrap {
+	background: color-mix(var(--a-gray) 18%, var(--bg-max));
+}
 #wrap.w {
 	max-width: 96%;
 }
diff --git a/copyparty/web/ui.css b/copyparty/web/ui.css
index 720bb4d4..5180eefe 100644
--- a/copyparty/web/ui.css
+++ b/copyparty/web/ui.css
@@ -15,6 +15,10 @@
 	--fg-max: color-mix(#fefefe 95%, var(--a) 5%);
 	--bg-max: color-mix(#010101 95%, var(--a) 5%);
 
+	--a-hil: hsl(from color-mix(var(--a) 80%, var(--fg-max) 20%) h calc(s * 1.2) l);
+	--a-dark: hsl(from color-mix(var(--a) 60%, var(--bg-max) 40%) h calc(s * 1.3) l); /* warning text etc */
+	--a-gray: hsl(from var(--a) h 0 l);
+
 	--fg: color-mix(var(--fg-max) 90%, var(--bg-max) 10%);
 	--fg-weak: color-mix(var(--fg-max) 70%, var(--bg-max) 30%);