feat: make panel border color configurable via theme editor

- Add panel_border_color to THEME_COLOR_KEYS and base palettes
- Register panel-border-color CSS variable
- Fetch and inject panel_border_color in ThemeVars
- Add Panel border field to admin theme page
- Replace hardcoded #e9b124 with var(--panel-border-color) in UserView

src/components/theme-vars.tsx

@@ -36,6 +36,7 @@ export async function ThemeVars() {
 		linkColor,
 		linkHover,
 		borderColor,
+		panelBorderColor,
 		gradientFrom,
 		gradientTo,
 		borderRadius,
@@ -75,6 +76,7 @@ export async function ThemeVars() {
 		g("link_color", "#eeb425"),
 		g("link_hover_color", "#cf9d15"),
 		g("border_color", "#eeb425"),
+		g("panel_border_color", "#e9b124"),
 		g("gradient_from", "#f59e0b"),
 		g("gradient_to", "#10b981"),
 		g("border_radius", "12"),
@@ -122,6 +124,7 @@ export async function ThemeVars() {
 		link_color: safe(linkColor, "#eeb425"),
 		link_hover_color: safe(linkHover, "#cf9d15"),
 		border_color: safe(borderColor, "#eeb425"),
+		panel_border_color: safe(panelBorderColor, "#e9b124"),
 		gradient_from: safe(gradientFrom, "#f59e0b"),
 		gradient_to: safe(gradientTo, "#10b981"),
 	} satisfies ThemePalette;