colors!!!

This commit is contained in:
legop3
2026-05-21 03:02:29 -04:00
parent 331302da01
commit e9989da71a
21 changed files with 63 additions and 26 deletions
@@ -530,7 +530,7 @@ export default function VipAudioUploadCard({
);
return (
<CardFrame title="Audio Controls">
<CardFrame title="Audio Controls" accent="#a78bfa">
<div className="grid gap-1">
<section className="surface">
<div className="flex items-center justify-center gap-0.5 py-0.25 text-xs text-slate-300">
+1 -1
View File
@@ -41,7 +41,7 @@ export default function VipIdentityCard({ currentStoredKey, applyIdentityKey, on
const wrapClass = fullWidth ? 'w-full' : flowWrapClass;
return (
<CardFrame title="Identity key" className={wrapClass}>
<CardFrame title="Identity key" accent="#60a5fa" className={wrapClass}>
<div className={innerFlowClass}>
<p className="text-xs text-slate-500">Current: {maskKey(currentStoredKey) || 'not set yet'}</p>
<input
+1
View File
@@ -70,6 +70,7 @@ export default function VipLiftCard({ lift, onUp, onDown, fullWidth = false }) {
return (
<CardFrame
title="Lift Controls"
accent="#06b6d4"
className={`relative ${wrapClass}`}
bodyClassName="text-sm text-slate-200"
actions={
@@ -101,6 +101,7 @@ export default function VipNeatoCard({
return (
<CardFrame
title="Neato Controls"
accent="#22c55e"
className={wrapClass}
bodyClassName="text-sm text-slate-200"
actions={
@@ -43,7 +43,7 @@ export default function VipPrivateRoverAccessCard({
};
return (
<CardFrame title="Private rover access requests" className={wrapClass} bodyClassName="text-sm text-slate-300">
<CardFrame title="Private rover access requests" accent="#f43f5e" className={wrapClass} bodyClassName="text-sm text-slate-300">
<div className={innerFlowClass}>
{requestableRovers.length === 0 ? (
<p className="text-xs text-slate-500">No closed private rovers are available to request right now.</p>
@@ -55,7 +55,7 @@ export default function VipProfileImageCard({ isVerified = false, fullWidth = fa
};
return (
<CardFrame title="Chat profile image URL" className={wrapClass} bodyClassName="text-sm text-slate-300">
<CardFrame title="Chat profile image URL" accent="#f59e0b" className={wrapClass} bodyClassName="text-sm text-slate-300">
<form className={innerFlowClass} onSubmit={handleSave}>
<p className="text-xs text-slate-500">
Verified users can set a custom avatar for chat and Discord bridge messages.
@@ -62,7 +62,7 @@ export default function VipVerificationCard({
if (pendingRequestId) {
return (
<CardFrame title="Verification" className={wrapClass} bodyClassName="text-sm text-slate-300">
<CardFrame title="Verification" accent="#eab308" className={wrapClass} bodyClassName="text-sm text-slate-300">
<div className={innerFlowClass}>Verification request pending: {pendingRequestId}</div>
</CardFrame>
);
@@ -70,7 +70,7 @@ export default function VipVerificationCard({
if (requestFlowStep === 0) {
return (
<CardFrame title="Verification" className={wrapClass}>
<CardFrame title="Verification" accent="#eab308" className={wrapClass}>
<div className={innerFlowClass}>
<button type="button" className="button-dark text-sm" onClick={beginRequestFlow} disabled={working}>
Request Verification
@@ -81,7 +81,7 @@ export default function VipVerificationCard({
}
return (
<CardFrame title="Request verification" className={wrapClass}>
<CardFrame title="Request verification" accent="#eab308" className={wrapClass}>
<form onSubmit={handleRequestSubmit}>
<div className={innerFlowClass}>
<p className="text-xs text-slate-500">