From bfa34404b8642e5b8d8536d59a5f77b633de85a3 Mon Sep 17 00:00:00 2001
From: ed <s@ocv.me>
Date: Thu, 19 May 2022 18:00:33 +0200
Subject: [PATCH] ux tweaks

---
 copyparty/web/browser.css |  7 ++++---
 copyparty/web/ui.css      | 14 ++++++++++++++
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index 2debe1b2..aad5768e 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -37,7 +37,7 @@
 
 	--btn-fg: var(--a);
 	--btn-bg: rgba(128,128,128,0.15);
-	--btn-h-fg: var(--a);
+	--btn-h-fg: var(--a-hil);
 	--btn-h-bg: #805;
 	--btn-1-fg: #400;
 	--btn-1-bg: var(--a);
@@ -154,6 +154,7 @@ html.y {
 	--a-dark: #c0f;
 
 	--btn-fg: #555;
+	--btn-h-fg: #222;
 	--btn-h-bg: #caf;
 	--btn-1-fg: #fff;
 	--btn-1-bg: #4a0;
@@ -231,8 +232,6 @@ html.b {
 	--g-g1: var(--bg);
 	--g-sh: rgba(0,0,0,0);
 
-	--btn-h-fg: #fff;
-
 	--op-aa-bg: rgba(255,255,255,0.06);
 
 	--u2-sbtn-b1: #fc0;
@@ -345,6 +344,7 @@ html.cy {
 
 	--btn-bg: #000;
 	--btn-fg: #ff0;
+	--btn-h-fg: #fff;
 	--btn-1-bg: #ff0;
 	--btn-1-fg: #000;
 	--chk-fg: #fd0;
@@ -1224,6 +1224,7 @@ html.ca .btn {
 	border-bottom: .2em solid #709;
 }
 .btn:hover {
+	color: var(--btn-h-fg);
 	background: var(--btn-h-bg);
 }
 .tgl.btn.on {
diff --git a/copyparty/web/ui.css b/copyparty/web/ui.css
index 176878d5..5360b741 100644
--- a/copyparty/web/ui.css
+++ b/copyparty/web/ui.css
@@ -166,6 +166,10 @@ html.y #tt {
 	background: #fff;
 	border-color: #888 #000 #777 #000;
 }
+html.bz #tt {
+	background: #202231;
+	border-color: #3b3f58;
+}
 html.y #tt,
 html.y #toast {
 	box-shadow: 0 .3em 1em rgba(0,0,0,0.4);
@@ -481,10 +485,20 @@ html.y textarea:focus {
 		border-top: .4em solid #b80;
 		border-bottom: .4em solid #4c4c4c;
 	}
+	html.bz .mdo h1 {
+		background: #202231;
+		border: 1px solid #2d2f45;
+		border-width: 0 0 .4em 0;
+	}
 	html.z .mdo h2 {
 		background: #444;
 		border-bottom: .22em solid #555;
 	}
+	html.bz .mdo h2,
+	html.bz .mdo h3 {
+		background: transparent;
+		border-color: #3b3f58;
+	}
 	html.z .mdo td,
 	html.z .mdo th {
 		border-color: #444;