From e1bb07a138ba48a8399f4cfb34668ac4d2fbbcce Mon Sep 17 00:00:00 2001
From: Andy Burke <andy.burke@mailbox.earth>
Date: Tue, 16 Sep 2025 20:11:42 -0700
Subject: [PATCH] fix: fix label styling fix: handle primary color not being
 there

---
 public/base.css               | 6 +++---
 public/sidebar/sidebar.html   | 4 ++--
 public/signup_login_wall.html | 8 ++++----
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/public/base.css b/public/base.css
index 98aca30..65af559 100644
--- a/public/base.css
+++ b/public/base.css
@@ -216,7 +216,7 @@ form div {
 	margin-bottom: 1.5em;
 }
 
-form label {
+form label.placeholder {
 	position: absolute;
 	top: 0;
 	font-size: large;
@@ -230,8 +230,8 @@ form label {
 		font-size 0.2s ease-in-out;
 }
 
-form input:focus ~ label,
-form input:valid ~ label {
+form input:focus ~ label.placeholder,
+form input:valid ~ label.placeholder {
 	top: -1.6rem;
 	font-size: small;
 	border: 1px solid rgba(128, 128, 128, 0.2);
diff --git a/public/sidebar/sidebar.html b/public/sidebar/sidebar.html
index 0764d61..00bcfbb 100644
--- a/public/sidebar/sidebar.html
+++ b/public/sidebar/sidebar.html
@@ -199,7 +199,7 @@
 					user_bound_element[target] = value ?? default_value;
 				}
 
-				const primary_color_setting = user.meta.primary_color;
+				const primary_color_setting = user?.meta?.primary_color;
 				if (primary_color_setting) {
 					const root = document.querySelector(":root");
 					root.style.setProperty("--base-color", primary_color_setting);
@@ -376,7 +376,7 @@
 					data-user-field-target="value"
 					data-user-field-default=""
 				/>
-				<label for="user-color-setting-primary">Primary Color</label>
+				<label class="placeholder" for="user-color-setting-primary">Primary Color</label>
 			</div>
 		</details>
 	</form>
diff --git a/public/signup_login_wall.html b/public/signup_login_wall.html
index 728c743..780ef6d 100644
--- a/public/signup_login_wall.html
+++ b/public/signup_login_wall.html
@@ -67,11 +67,11 @@
 						</script>
 						<div>
 							<input id="login-username" type="text" name="username" required />
-							<label for="login-username">username</label>
+							<label class="placeholder" for="login-username">username</label>
 						</div>
 						<div>
 							<input id="login-password" type="password" name="password" required />
-							<label for="login-password">password</label>
+							<label class="placeholder" for="login-password">password</label>
 						</div>
 						<div>
 							<button id="login-submit" type="submit" class="primary">Log In</button>
@@ -107,11 +107,11 @@
 						</script>
 						<div>
 							<input id="signup-username" type="text" name="username" required />
-							<label for="signup-username">username</label>
+							<label class="placeholder" for="signup-username">username</label>
 						</div>
 						<div>
 							<input id="signup-password" type="password" name="password" required />
-							<label for="signup-password">password</label>
+							<label class="placeholder" for="signup-password">password</label>
 						</div>
 						<button id="signup-submit" type="submit" class="primary">Sign Up</button>
 					</form>