diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index d2f48060..f6e98cda 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -137,11 +137,17 @@ html.bz {
 	--btn-1-bs: .05em .1em .2em var(--a-dark) inset;
 }
 html.by {
+	--a: #139cf1;
 	--radius: 15px;
 	--a-dark: hsl(from color-mix(in oklab, var(--a) 80%, var(--fg-max) 20%) h calc(s * 1.5) l);
 	--g-fsel-ts: transparent;
 	--scrl-hint: transparent;
 	--bg-u1: color-mix(in oklab, transparent 92%, var(--fg-max));
+	--w2: color-mix(in srgb, var(--a) 40%, var(--bg));
+	--row-alt: color-mix(in srgb, var(--a) 30%, var(--bg));
+	--g-sel-bg: var(--a);
+
+
 	--glow-intensity: 0.7;
 	--bottom-glow: radial-gradient(
 		farthest-corner at bottom center,
@@ -176,6 +182,9 @@ html.by .btn {
 
 	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) !important;
 }
+html.by #files thead th {
+	background: none;
+}
 html.by #s_list h3{
 	border-radius: var(--radius) var(--radius) 0 0;
 }
@@ -196,6 +205,10 @@ html.by .btn:active {
 	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
 	transform: translateY(2px);
 }
+html.by summary {
+	color: var(--fg);
+}
+html.by .modalcontent,
 html.by,
 html.by #ops a.act,
 html.by #ggrid>a.sel,
@@ -211,6 +224,7 @@ html.by .tgl.btn.on {
 html.by #wtoggle a {
 	position: relative;
 }
+html.by #wtico::after,
 html.by #s_list h3::after,
 html.by #spaceUsed_bar::after,
 html.by #wtoggle a:after,
@@ -249,6 +263,12 @@ html.by #spaceUsed_bar{
 html.by #spaceTotal_bar {
 	height: 1.6em;
 	border: var(--a) solid 1px;
+	background: transparent;
+	backdrop-filter: blur(10px);
+}
+html.by #files tbody tr:hover td, 
+html.by #files tbody tr:hover td+td {
+	background: rgba(255, 255, 255, 0.6);
 }
 html.by #spaceMax {
 	display: none;
@@ -1545,8 +1565,8 @@ html:not(.e):not(.d) #up_quick .btn.on {
 }
 #wtoggle a {
 	font-size: .5em;
-	padding: .7em .5em;
-	margin: -.3em .1em;
+	padding: .5em .5em;
+	margin: 0em .1em -.3em .1em;
 	display: inline-block;
 }
 #wtoggle #zip1 {