From 9eea2761db123bf54427b5422deef617f2701e31 Mon Sep 17 00:00:00 2001
From: Til Schmitter <til.schmitter@gmail.com>
Date: Sun, 26 Apr 2026 14:53:34 +0200
Subject: [PATCH] swap --b-radius for pre-existing --radius

---
 copyparty/web/browser.css | 98 +++++++++++++++++++--------------------
 1 file changed, 49 insertions(+), 49 deletions(-)

diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index 5b449135..4b16d23b 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -12,7 +12,7 @@
 	--bg-max: #080808;
 	--a: #fc5;
 	accent-color: var(--a);
-	--b-radius: .3em;
+	--radius: .3em;
 	
 	/* accent color in everything */
 	--fg-max: color-mix(#fefefe 95%, var(--a) 5%);
@@ -610,7 +610,7 @@ html .ayjump:focus-visible {
 	overflow-x: auto;
 	overflow-y: hidden;
 	background: var(--bg-u2);
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 }
 #pathBar #folder_search {
 	margin: 0;
@@ -630,7 +630,7 @@ html .ayjump:focus-visible {
 	width: 1em;
 	display: inline-block;
 	text-align: center;
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 }
 #qs_btns a:hover {
 	background: var(--bg);
@@ -769,11 +769,11 @@ html.y #files tr.fade a {
 	box-shadow: 1px 0 0 0 rgba(128,128,128,var(--f-sh1)) inset, 0 1px 0 rgba(0,0,0,var(--f-sh3)) inset, 0 -1px 0 rgba(0,0,0,var(--f-sh3)) inset;
 }
 #files td:first-child {
-	border-radius: var(--b-radius) 0 0 var(--b-radius);
+	border-radius: var(--radius) 0 0 var(--radius);
 	white-space: nowrap;
 }
 #files td:last-child {
-	border-radius: 0 var(--b-radius) var(--b-radius) 0;
+	border-radius: 0 var(--radius) var(--radius) 0;
 }
 #files tbody td:nth-child(3) {
 	font-family: 'scp', monospace, monospace;
@@ -853,7 +853,7 @@ html.y #path a:hover {
 	background: var(--bgg);
 	border: 1px solid var(--bgg);
 	border-width: 0 .3em 0 .3em;
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	visibility: hidden;
 	margin: 0 -.3em;
 	width: 100%;
@@ -1002,7 +1002,7 @@ html.dz #flogout {
 	width: var(--grid-sz);
 	vertical-align: top;
 	overflow-wrap: break-word;
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	padding: .3em;
 	margin: .5em;
 	color: var(--g-fg);
@@ -1020,7 +1020,7 @@ html.dz #flogout {
 }
 #ggrid>a img {
 	z-index: 1;
-	border-radius: calc(var(--b-radius) / 3 * 2);
+	border-radius: calc(var(--radius) / 3 * 2);
 	max-width: 10em;
 	max-width: calc(var(--grid-sz) - 4px);
 	max-height: 8em;
@@ -1041,7 +1041,7 @@ html.dz #flogout {
 	display: flex;
 	overflow: hidden;
 	position: relative;
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	box-sizing: border-box;
 	margin: -3px -2px;
 	padding: 4px 3px;
@@ -1086,7 +1086,7 @@ html.dz #flogout {
 	margin: -.4em;
 	text-shadow: 0 0 .1em var(--bg-max);
 	background: linear-gradient(135deg,rgba(255,255,255,0) 50%,rgba(255,255,255,0.2));
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	font-size: 2em;
 	transition: font-size .15s, margin .15s;
 }
@@ -1268,7 +1268,7 @@ html.dz #flogout {
 	text-align: center;
 	text-shadow: none;
 	box-shadow: 0 0 .5em var(--mp-sh);
-	border-radius: calc(var(--b-radius) * 0.7) 0 0 0;
+	border-radius: calc(var(--radius) * 0.7) 0 0 0;
 	padding: 0 0 0 .1em;
 	color: var(--fg-max);
 }
@@ -1288,7 +1288,7 @@ html.dz #flogout {
 	font-weight: bold;
 	box-shadow: 0 0 .5em var(--mp-sh);
 	transition: all .15s;
-	border-radius: calc(var(--b-radius) * 1.2);
+	border-radius: calc(var(--radius) * 1.2);
 	text-align: right;
 }
 #up_quick_more {
@@ -1311,7 +1311,7 @@ html.dz #flogout {
 	text-wrap-mode: nowrap;
 	padding: .5em;
 	cursor: pointer;
-	border-radius: calc(var(--b-radius) * 1.6);
+	border-radius: calc(var(--radius) * 1.6);
 }
 #up_quick .overlay_plus {
 	right: .3em;
@@ -1586,7 +1586,7 @@ html.a #up_quick .btn.on {
 #ops a {
 	/* fallback if emojis don't render */
 	border: #777 solid 1px;
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 
 	border: var(--transparent) solid 1px;
 	color: var(--a);
@@ -1599,7 +1599,7 @@ html.a #up_quick .btn.on {
 	color: var(--op-aa-fg);
 	background: #000;
 	background: var(--op-aa-bg);
-	border-radius: 0 0 var(--b-radius) var(--b-radius);
+	border-radius: 0 0 var(--radius) var(--radius);
 	border-bottom: .3em solid var(--a);
 	box-shadow: var(--op-aa-sh);
 	margin: -.2em 0 -.6em 0;
@@ -1637,7 +1637,7 @@ html.y #ops svg circle {
 	white-space: nowrap;
 	display: flex;
 	height: 2em;
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	background: var(--bg-u2);
 }
 #noie {
@@ -1656,7 +1656,7 @@ html.y #ops svg circle {
 	color: var(--bg);
 
 	border: var(--btn-bg-a) solid 1px;
-	border-radius: var(--b-radius);  
+	border-radius: var(--radius);  
 	justify-content: center;
   	display: flex;
 	text-shadow: none;
@@ -1666,7 +1666,7 @@ html.y #ops svg circle {
 }
 .opbox {
 	padding: .5em;
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	border-width: 1px;
 	max-width: 41em;
 }
@@ -1676,7 +1676,7 @@ html.y #ops svg circle {
 }
 #op_bup {
 	margin: 0;
-	border-radius: 0 0 var(--b-radius) var(--b-radius);
+	border-radius: 0 0 var(--radius) var(--radius);
 }
 #op_cfg {
 	display: none;
@@ -1692,7 +1692,7 @@ html.y #ops svg circle {
 	box-shadow: 0 0 2px var(--txt-sh);
 	border-bottom: 1px solid #999;
 	border-color: var(--a);
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	padding: .2em .3em;
 	font-size: medium;
 	min-width: 3em;
@@ -1933,7 +1933,7 @@ html {
 	box-shadow: var(--btn-bs);
 	border: 1px solid var(--bg-u3);
 	border-bottom: var(--btn-bb);
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	padding: .2em .4em;
 	font-size: 1.2em;
 	margin: .2em;
@@ -1950,7 +1950,7 @@ html {
 }
 html.c .btn,
 html.a .btn {
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 }
 .btn:hover {
 	color: var(--btn-h-fg);
@@ -2035,7 +2035,7 @@ html.a .btn {
 	color: var(--fg-max);
 }
 #tree ul a {
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	display: inline-block;
 	vertical-align: center;
 }
@@ -2097,7 +2097,7 @@ html.y #tree.nowrap .ntree a+a:hover {
 #files th:hover .cfg {
 	display: block;
 	width: 1em;
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	margin: -1.2em auto 0 auto;
 	background: var(--bg-u5);
 }
@@ -2171,7 +2171,7 @@ html.y #tree.nowrap .ntree a+a:hover {
 .ghead {
 	background: #fff;
 	background: var(--bg-u2);
-	border-radius: calc(var(--b-radius) * 1.3);
+	border-radius: calc(var(--radius) * 1.3);
 	padding: 0 .2em;
 	line-height: 2.3em;
 	margin-bottom: 1.5em;
@@ -2303,7 +2303,7 @@ input[type="text"].invalid {
 	background: var(--bg);
 	margin: -1em 0 .5em 0;
 	padding: 1em 0 1em 0;
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 }
 #doc.wrap {
 	white-space: pre-wrap;
@@ -2340,7 +2340,7 @@ html.y #doc {
 	line-height: 1.5em;
 }
 #doc .line-highlight {
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	box-shadow: 0 0 .5em rgba(128,128,128,0.2);
 	background: linear-gradient(90deg, var(--bg-d3), var(--bg));
 }
@@ -2535,7 +2535,7 @@ html.bb_fsc figcaption {
 }
 #bbox-overlay figcaption a {
 	background: rgba(0, 0, 0, 0.6);
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	padding: .3em .6em;
 }
 html.y #bbox-overlay figcaption a {
@@ -2707,7 +2707,7 @@ html.y #bbox-overlay figcaption a {
 	display: grid;
   	grid-template-rows: max-content auto;
 	margin: 5vh 5vw;
-	border-radius: calc(var(--b-radius) * 1.6);
+	border-radius: calc(var(--radius) * 1.6);
 	border: var(--a) solid 1px;
 	background: #fff;
 	background: var(--bg);
@@ -2799,7 +2799,7 @@ html.c .modalcontent {
 }
 #s_list h3{
 	background-color: var(--bg-u5);
-	border-radius: var(--b-radius) var(--b-radius) 0 0;
+	border-radius: var(--radius) var(--radius) 0 0;
 	padding: .5em;
 	margin: 0 0 1.3em 0;
 }
@@ -2840,7 +2840,7 @@ html.c .modalcontent {
 	background: rgba(224, 224, 224, 0.2);
 	box-shadow: 0 0 0 #999;
 	border: .5em solid var(--ud-b1);
-	border-radius: calc(var(--b-radius) * 1.6);
+	border-radius: calc(var(--radius) * 1.6);
 	border-width: 1vw;
 	color: #fff;
 	transition: all 0.12s;
@@ -2918,7 +2918,7 @@ html.c .modalcontent {
 	background: #490;
 	border-bottom: .3em solid #6d2;
 	text-shadow: 1px 1px 1px #000;
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	padding: .4em .8em;
 	font-size: .4em;
 }
@@ -2955,7 +2955,7 @@ html.c .modalcontent {
 #u2btn {
 	line-height: 1.3em;
 	border: .15em dashed var(--u2-btn-b1);
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	text-align: center;
 	font-size: 1.3em;
 	padding: 1em 2em;
@@ -3094,15 +3094,15 @@ html.c .modalcontent {
 	border-width: 0 0 1px 0;
 }
 #u2cards a:first-child {
-	border-radius: var(--b-radius) 0 0 0;
+	border-radius: var(--radius) 0 0 0;
 }
 #u2cards a:last-child {
-	border-radius: 0 var(--b-radius) 0 0;
+	border-radius: 0 var(--radius) 0 0;
 }
 #u2cards a.act {
 	padding-bottom: .5em;
 	border-width: 1px 1px .1em 1px;
-	border-radius: var(--b-radius) var(--b-radius) 0 0;
+	border-radius: var(--radius) var(--radius) 0 0;
 	margin-left: -1px;
 	background: var(--u2-tab-1-bg);
 	box-shadow: 0 -.17em .67em var(--u2-tab-1-sh);
@@ -3125,7 +3125,7 @@ html.c .modalcontent {
 }
 #u2conf details[open] {
 	border-bottom: none;
-	border-radius: var(--b-radius) var(--b-radius) 0 0;
+	border-radius: var(--radius) var(--radius) 0 0;
 }
 #u2conf .setting {
 	margin: 0;
@@ -3182,7 +3182,7 @@ html.b #u2conf a.b:hover {
 	height: 1em;
 	padding: .4em 0;
 	display: block;
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 }
 #u2conf input[type="checkbox"] {
 	position: absolute;
@@ -3286,7 +3286,7 @@ html.b #u2conf a.b:hover {
 #u2tab span.err {
 	color: #fff;
 	padding: .22em;
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	border: 2px solid #f0f;
 }
 #u2tab span.inf {
@@ -3317,7 +3317,7 @@ html.b #u2conf a.b:hover {
 }
 details {
 	border: var(--bg-u3) solid 1px;
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	margin: .3em 0;
 }
 details:not(.open) .setting {
@@ -3329,7 +3329,7 @@ summary {
 	background: var(--bg-u1);
 	color: var(--a);
 	padding: .3em;
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	font-size: large;
 }
 summary:hover {
@@ -3447,7 +3447,7 @@ html.a #u2etas {
 	background: var(--bg-d1);
 	border: 1px solid var(--bg-u1);
 	border-width: 2px;
-	border-radius: calc(var(--b-radius) * 1.6);
+	border-radius: calc(var(--radius) * 1.6);
 }
 html.c #u2foot:empty,
 html.a #u2foot:empty {
@@ -4427,9 +4427,9 @@ html.e #ghead {
   margin: 0;
   justify-content: flex-end;
   gap: 0.4em;
-  padding: 0;
+  padding-top: .2em;
   overflow: auto;
-  top: 2.5em;
+  top: 2.3em;
   border-radius: 0px;
 }
 html.e #ghead a {
@@ -4712,7 +4712,7 @@ html.e #detree {
 	background: var(--bg-u2);
 	border: 1px solid var(--bg-u5);
 	outline: none;
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	box-shadow: 0 0 .3rem var(--bg-d3);
 	z-index: 3;
 }
@@ -4752,7 +4752,7 @@ html.e #detree {
 	box-shadow: 0 0 2px var(--txt-sh);
 	border-bottom: 1px solid #999;
 	border-color: var(--a);
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	padding: .2em .3em;
 }
 
@@ -4780,7 +4780,7 @@ html.e #detree {
 }
 #spaceUsed_bar, #spaceTotal_bar{
 	height: .3em;
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	background: var(--bg-u5);
 }
 #spaceUsed_bar{
@@ -4801,7 +4801,7 @@ html.e #detree {
 	background: linear-gradient(to top, var(--bg-u2), transparent);
 }
 .popup_button {
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	margin: 0;
 	color: var(--btn-1-fg);
 	text-align: left;
@@ -4841,7 +4841,7 @@ html.e #detree {
 	border: 1px solid var(--bg-u3);
 	box-shadow: 0 .5em 1em var(--txt-sh);
 	text-align: center;
-	border-radius: var(--b-radius);
+	border-radius: var(--radius);
 	padding: .5em;
 	position: absolute;
 	display: block;