From e443bb8fe441712f97aef5192c121ed1dad16e82 Mon Sep 17 00:00:00 2001
From: Til Schmitter <til.schmitter@gmail.com>
Date: Mon, 8 Jun 2026 21:45:11 +0200
Subject: [PATCH] small addition to frutiger theme

---
 copyparty/web/browser.css | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index 3dfee30c..64dd4e80 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -141,6 +141,7 @@ html.by {
 	--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));
 	--glow-intensity: 0.7;
 	--bottom-glow: radial-gradient(
 		farthest-corner at bottom center,
@@ -152,6 +153,7 @@ html.by {
 		color-mix(in oklab, var(--btn-bg-a) 30%, var(--a) 20%), 
 		color-mix(in oklab, var(--btn-bg-a) 30%, transparent));
 }
+html.by #s_list h3,
 html.by #wtico,
 html.by #wtoggle,
 html.by #ggrid>a,
@@ -174,6 +176,9 @@ html.by .btn {
 
 	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) !important;
 }
+html.by #s_list h3{
+	border-radius: var(--radius) var(--radius) 0 0;
+}
 html.by #wtico {
 	border-radius: var(--radius) 0 0 0;
 }
@@ -206,6 +211,7 @@ html.by .tgl.btn.on {
 html.by #wtoggle a {
 	position: relative;
 }
+html.by #s_list h3::after,
 html.by #spaceUsed_bar::after,
 html.by #wtoggle a:after,
 html.by a:not(.play) .imgcontainer::before,
@@ -237,7 +243,10 @@ html.by #ops a {
 html.by #srchfolder_div {
 	left: 3em;
 }
-html.by #spaceUsed_bar, html.by #spaceTotal_bar {
+html.by #spaceUsed_bar{
+	height: 1.6em;
+} 
+html.by #spaceTotal_bar {
 	height: 1.6em;
 	border: var(--a) solid 1px;
 }
@@ -248,7 +257,9 @@ html.by #spaceFree {
 	position: absolute;
     z-index: 1;
     bottom: 2em;
-    justify-self: center;
+	max-width: stretch;
+    width: calc(100% - 3em);
+    text-align: center;
 }
 
 html.a {
@@ -3897,7 +3908,7 @@ html.by #u2etas {
 }
 html.by #tree li,
 html.by #treepar {
-	border-color: var(--bg) var(--bg-max) #ddd var(--bg-max);
+	border-color: var(--bg-u5) var(--bg-max) transparent var(--bg-max);
 }
 html.by #treesuperh,
 html.by #treepar {