AV: precise recolor to spec — warm dark backgrounds (#1c1815/#231d18/#26201a/#15110e) + gold #F0A623 / orange #D85A30 accents + warm text (#FBEFE0/#C9BBA8/#8a7e6e). 138 component files + 36 token swaps.
This commit is contained in:
@@ -83,9 +83,9 @@ export default function AskBBAI() {
|
||||
ref={drawerRef}
|
||||
role="dialog"
|
||||
aria-label="Ask BB AI"
|
||||
className="fixed right-0 top-0 bottom-0 z-50 w-full sm:w-[420px] bg-[#0a0a0a] border-l border-[#252525] flex flex-col"
|
||||
className="fixed right-0 top-0 bottom-0 z-50 w-full sm:w-[420px] bg-[#0a0a0a] border-l border-[#3a322b] flex flex-col"
|
||||
>
|
||||
<header className="flex items-center justify-between px-5 py-4 border-b border-[#252525]">
|
||||
<header className="flex items-center justify-between px-5 py-4 border-b border-[#3a322b]">
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="relative inline-block w-3 h-3">
|
||||
<span className="absolute inset-0 rounded-full bg-[var(--color-text-info,#60a5fa)]" />
|
||||
@@ -110,7 +110,7 @@ export default function AskBBAI() {
|
||||
"inline-block max-w-[85%] rounded px-3 py-2 text-sm whitespace-pre-wrap " +
|
||||
(m.role === "user"
|
||||
? "bg-[var(--color-text-info,#60a5fa)] text-black"
|
||||
: "bg-[#111] border border-[#252525] text-[#e5e7eb]")
|
||||
: "bg-[#111] border border-[#3a322b] text-[#e5e7eb]")
|
||||
}
|
||||
dangerouslySetInnerHTML={{ __html: m.role === "assistant" ? linkifyMarkdown(m.content) : escapeHtml(m.content) }}
|
||||
/>
|
||||
@@ -124,7 +124,7 @@ export default function AskBBAI() {
|
||||
{err && <div className="text-sm text-red-400">{err}</div>}
|
||||
</div>
|
||||
|
||||
<div className="p-4 border-t border-[#252525]">
|
||||
<div className="p-4 border-t border-[#3a322b]">
|
||||
<div className="flex gap-2">
|
||||
<input
|
||||
ref={inputRef}
|
||||
@@ -133,7 +133,7 @@ export default function AskBBAI() {
|
||||
onKeyDown={(e) => e.key === "Enter" && send()}
|
||||
placeholder="Ask about an event, a vendor, a workflow…"
|
||||
disabled={busy}
|
||||
className="flex-1 bg-[#111] border border-[#252525] rounded px-3 py-2 text-sm text-[#e5e7eb] focus:border-[var(--color-text-info,#60a5fa)] focus:outline-none"
|
||||
className="flex-1 bg-[#111] border border-[#3a322b] rounded px-3 py-2 text-sm text-[#e5e7eb] focus:border-[var(--color-text-info,#60a5fa)] focus:outline-none"
|
||||
/>
|
||||
<button
|
||||
onClick={send}
|
||||
@@ -161,7 +161,7 @@ function linkifyMarkdown(s: string): string {
|
||||
let out = escapeHtml(s);
|
||||
out = out.replace(
|
||||
/\[([^\]]+)\]\(([^)]+)\)/g,
|
||||
'<a href="$2" class="text-[#ffd25a] hover:underline">$1</a>'
|
||||
'<a href="$2" class="text-[#F0A623] hover:underline">$1</a>'
|
||||
);
|
||||
out = out.replace(/\n/g, "<br/>");
|
||||
return out;
|
||||
|
||||
Reference in New Issue
Block a user