Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 3 additions & 6 deletions bun.lock

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions packages/cloud-frontend/src/RootLayout.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ export default function RootLayout() {
<>
<Helmet>
<html lang="en" />
<body className="font-sans antialiased selection:bg-[#FF5800] selection:text-white" />
<body className="font-sans antialiased selection:bg-[var(--brand-orange)] selection:text-white" />
<title>Eliza Cloud - Launch Eliza</title>
<meta
name="description"
Expand Down Expand Up @@ -94,7 +94,7 @@ export default function RootLayout() {
<NavigationProgress />
<a
href="#main"
className="sr-only focus:not-sr-only focus:fixed focus:left-2 focus:top-2 focus:z-[200] focus:bg-black focus:px-3 focus:py-2 focus:text-sm focus:text-white focus:outline focus:outline-2 focus:outline-[#FF5800]"
className="sr-only focus:not-sr-only focus:fixed focus:left-2 focus:top-2 focus:z-[200] focus:bg-black focus:px-3 focus:py-2 focus:text-sm focus:text-white focus:outline focus:outline-2 focus:outline-[var(--brand-orange)]"
>
Skip to content
</a>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -179,7 +179,7 @@ export function ModelPlayground() {
<section className="flex min-h-0 flex-col overflow-hidden border border-white/10 bg-black/30">
<div className="flex items-center justify-between border-b border-white/10 px-5 py-4">
<div className="flex items-center gap-3">
<div className="flex h-10 w-10 items-center justify-center rounded-none border border-[#FF5800]/20 bg-[#FF5800]/10 text-[#FF5800]">
<div className="flex h-10 w-10 items-center justify-center rounded-none border border-[var(--brand-orange)]/20 bg-[var(--brand-orange)]/10 text-[var(--brand-orange)]">
<Sparkles className="h-5 w-5" />
</div>
<div>
Expand Down Expand Up @@ -208,7 +208,7 @@ export function ModelPlayground() {
{messages.length === 0 ? (
<div className="flex h-full items-center justify-center">
<div className="max-w-xl border border-dashed border-white/10 bg-white/[0.02] p-6 text-center">
<Badge className="border-[#FF5800]/20 bg-[#FF5800]/10 text-[#FF9A62]">
<Badge className="border-[var(--brand-orange)]/20 bg-[var(--brand-orange)]/10 text-[#FF9A62]">
Prompt Lab
</Badge>
<h2 className="mt-4 text-xl font-semibold text-white">
Expand Down Expand Up @@ -238,7 +238,7 @@ export function ModelPlayground() {
className={cn(
"max-w-[90%] whitespace-pre-wrap border px-4 py-3 text-sm leading-6 md:max-w-[80%]",
message.role === "user"
? "border-[#FF5800]/20 bg-[#FF5800]/10 text-white"
? "border-[var(--brand-orange)]/20 bg-[var(--brand-orange)]/10 text-white"
: "border-white/10 bg-white/[0.03] text-white/90",
)}
>
Expand Down Expand Up @@ -307,7 +307,7 @@ export function ModelPlayground() {
<aside className="flex min-h-0 flex-col gap-4 overflow-auto border border-white/10 bg-black/30 p-4">
<div className="border border-white/10 bg-white/[0.02] p-4">
<div className="flex items-center gap-2 text-sm font-medium text-white">
<SlidersHorizontal className="h-4 w-4 text-[#FF5800]" />
<SlidersHorizontal className="h-4 w-4 text-[var(--brand-orange)]" />
Session
</div>

Expand Down
10 changes: 5 additions & 5 deletions packages/cloud-frontend/src/components/landing/Footer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -34,13 +34,13 @@ export default function Footer() {
<div className="flex flex-col gap-1.5 text-right relative">
<a
href={EXTERNAL_URLS.app}
className="text-base text-white transition-colors hover:text-[#FF5800]"
className="text-base text-white transition-colors hover:text-[var(--brand-orange)]"
>
Download the app
</a>
<a
href={EXTERNAL_URLS.os}
className="text-base text-white transition-colors hover:text-[#FF5800]"
className="text-base text-white transition-colors hover:text-[var(--brand-orange)]"
>
Install elizaOS
</a>
Expand All @@ -52,19 +52,19 @@ export default function Footer() {
>
<Link
to="/docs"
className="text-base text-white transition-colors hover:text-[#FF5800]"
className="text-base text-white transition-colors hover:text-[var(--brand-orange)]"
>
Docs
</Link>
<a
href="/privacy-policy"
className="text-base text-white transition-colors hover:text-[#FF5800]"
className="text-base text-white transition-colors hover:text-[var(--brand-orange)]"
>
Privacy
</a>
<a
href="/terms-of-service"
className="text-base text-white transition-colors hover:text-[#FF5800]"
className="text-base text-white transition-colors hover:text-[var(--brand-orange)]"
>
Terms
</a>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -33,15 +33,15 @@ export default function HeroSection() {
<button
type="button"
onClick={launchEliza}
className="inline-flex min-h-14 items-center justify-center gap-2 rounded-[3px] bg-black px-8 py-4 text-base font-medium text-white transition hover:bg-[#0B35F1] sm:text-lg"
className="inline-flex min-h-14 items-center justify-center gap-2 rounded-[3px] bg-black px-8 py-4 text-base font-medium text-white transition hover:bg-[var(--brand-blue)] sm:text-lg"
>
Launch Eliza
<ArrowRight className="h-5 w-5" />
</button>
<button
type="button"
onClick={openDashboard}
className="inline-flex min-h-14 items-center justify-center rounded-[3px] bg-[#FF5800] px-7 py-4 text-base font-medium text-black transition hover:bg-black hover:text-white"
className="inline-flex min-h-14 items-center justify-center rounded-[3px] bg-[var(--brand-orange)] px-7 py-4 text-base font-medium text-black transition hover:bg-black hover:text-white"
>
Developer Dashboard
</button>
Expand Down
10 changes: 5 additions & 5 deletions packages/cloud-frontend/src/components/layout/feedback-modal.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@ export function FeedbackModal({
>
<DialogHeader>
<DialogTitle className="flex items-center gap-2 text-white">
<MessageSquare className="h-5 w-5 text-[#FF5800]" />
<MessageSquare className="h-5 w-5 text-[var(--brand-orange)]" />
Send Feedback
</DialogTitle>
<DialogDescription className="text-white/60">
Expand All @@ -102,7 +102,7 @@ export function FeedbackModal({
placeholder="Your name"
value={name}
onChange={(e) => setName(e.target.value)}
className="bg-white/5 border-white/10 text-white placeholder:text-white/40 focus-visible:border-[#FF5800] focus-visible:ring-[#FF5800]/20"
className="bg-white/5 border-white/10 text-white placeholder:text-white/40 focus-visible:border-[var(--brand-orange)] focus-visible:ring-[var(--brand-orange)]/20"
/>
</div>

Expand All @@ -116,7 +116,7 @@ export function FeedbackModal({
placeholder="your@email.com"
value={email}
onChange={(e) => setEmail(e.target.value)}
className="bg-white/5 border-white/10 text-white placeholder:text-white/40 focus-visible:border-[#FF5800] focus-visible:ring-[#FF5800]/20"
className="bg-white/5 border-white/10 text-white placeholder:text-white/40 focus-visible:border-[var(--brand-orange)] focus-visible:ring-[var(--brand-orange)]/20"
/>
</div>

Expand All @@ -129,7 +129,7 @@ export function FeedbackModal({
placeholder="Share your thoughts, suggestions, or report an issue..."
value={comment}
onChange={(e) => setComment(e.target.value)}
className="min-h-[120px] bg-white/5 border-white/10 text-white placeholder:text-white/40 focus-visible:border-[#FF5800] focus-visible:ring-[#FF5800]/20 resize-none"
className="min-h-[120px] bg-white/5 border-white/10 text-white placeholder:text-white/40 focus-visible:border-[var(--brand-orange)] focus-visible:ring-[var(--brand-orange)]/20 resize-none"
required
/>
</div>
Expand All @@ -146,7 +146,7 @@ export function FeedbackModal({
<Button
type="submit"
disabled={isSubmitting}
className="bg-[#FF5800] hover:bg-[#FF5800]/90 text-white"
className="bg-[var(--brand-orange)] hover:bg-[var(--brand-orange)]/90 text-white"
>
{isSubmitting ? (
<>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -34,13 +34,13 @@ export default function LandingHeader() {
<>
<Link
to="/dashboard/agents"
className="inline-flex min-h-10 items-center justify-center rounded-sm bg-black px-4 text-sm font-medium text-white transition-colors hover:bg-[#0B35F1] sm:min-h-11 sm:px-5"
className="inline-flex min-h-10 items-center justify-center rounded-sm bg-black px-4 text-sm font-medium text-white transition-colors hover:bg-[var(--brand-blue)] sm:min-h-11 sm:px-5"
>
Launch Eliza
</Link>
<Link
to="/dashboard"
className="hidden min-h-11 items-center justify-center rounded-sm bg-[#FF5800] px-5 text-sm font-medium text-black transition-colors hover:bg-black hover:text-white sm:inline-flex"
className="hidden min-h-11 items-center justify-center rounded-sm bg-[var(--brand-orange)] px-5 text-sm font-medium text-black transition-colors hover:bg-black hover:text-white sm:inline-flex"
>
Developer Dashboard
</Link>
Expand All @@ -50,15 +50,15 @@ export default function LandingHeader() {
<>
<button
aria-disabled={!ready}
className="inline-flex min-h-10 items-center justify-center rounded-sm bg-black px-4 text-sm font-medium text-white transition-colors hover:bg-[#0B35F1] disabled:opacity-50 sm:min-h-11 sm:px-5"
className="inline-flex min-h-10 items-center justify-center rounded-sm bg-black px-4 text-sm font-medium text-white transition-colors hover:bg-[var(--brand-blue)] disabled:opacity-50 sm:min-h-11 sm:px-5"
onClick={launchEliza}
disabled={!ready}
type="button"
>
Launch Eliza
</button>
<button
className="hidden min-h-11 items-center justify-center rounded-sm bg-[#FF5800] px-5 text-sm font-medium text-black transition-colors hover:bg-black hover:text-white disabled:opacity-50 sm:inline-flex"
className="hidden min-h-11 items-center justify-center rounded-sm bg-[var(--brand-orange)] px-5 text-sm font-medium text-black transition-colors hover:bg-black hover:text-white disabled:opacity-50 sm:inline-flex"
onClick={openDashboard}
disabled={!ready}
type="button"
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@ export function SidebarBottomPanel({

<Link
to={loginHref}
className="flex w-full items-center justify-center gap-1.5 bg-[#FF5800] px-3 py-2 text-xs font-medium text-white transition-colors hover:bg-[#FF5800]/90"
className="flex w-full items-center justify-center gap-1.5 bg-[var(--brand-orange)] px-3 py-2 text-xs font-medium text-white transition-colors hover:bg-[var(--brand-orange)]/90"
>
<UserPlus className="h-3.5 w-3.5" />
<span>Sign Up</span>
Expand All @@ -83,11 +83,11 @@ export function SidebarBottomPanel({

<div className="mt-1 space-y-1 text-[10px] text-white/30">
<div className="flex items-center gap-1.5">
<div className="h-1 w-1 rounded-full bg-[#FF5800]/60" />
<div className="h-1 w-1 rounded-full bg-[var(--brand-orange)]/60" />
<span>Unlimited chats</span>
</div>
<div className="flex items-center gap-1.5">
<div className="h-1 w-1 rounded-full bg-[#FF5800]/60" />
<div className="h-1 w-1 rounded-full bg-[var(--brand-orange)]/60" />
<span>Custom agents</span>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions packages/cloud-frontend/src/components/layout/user-menu.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -392,7 +392,7 @@ function UserMenuInner({ preserveWhileUnauthed = false }: UserMenuProps) {
<DropdownMenuTrigger asChild>
<Button
variant="ghost"
className="relative h-8 w-8 border-white/10 bg-white/5 p-0 hover:border-[#FF5800]/50 hover:bg-white/10 md:h-10 md:w-10"
className="relative h-8 w-8 border-white/10 bg-white/5 p-0 hover:border-[var(--brand-orange)]/50 hover:bg-white/10 md:h-10 md:w-10"
>
<Avatar className="h-8 w-8 md:h-10 md:w-10 rounded-sm">
{userProfile?.avatar && (
Expand All @@ -402,7 +402,7 @@ function UserMenuInner({ preserveWhileUnauthed = false }: UserMenuProps) {
className="object-cover"
/>
)}
<AvatarFallback className="rounded-sm bg-[#FF5800]/15 font-semibold text-white">
<AvatarFallback className="rounded-sm bg-[var(--brand-orange)]/15 font-semibold text-white">
{initials}
</AvatarFallback>
</Avatar>
Expand Down
10 changes: 5 additions & 5 deletions packages/cloud-frontend/src/components/my-agents/my-agents.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -92,7 +92,7 @@ function AgentConsoleOverview({
<div className="border border-white/10 bg-black p-5">
<div className="flex flex-col gap-5 md:flex-row md:items-start md:justify-between">
<div className="max-w-2xl space-y-3">
<p className="text-[11px] font-semibold uppercase tracking-[0.2em] text-[#FF5800]">
<p className="text-[11px] font-semibold uppercase tracking-[0.2em] text-[var(--brand-orange)]">
Agent console
</p>
<div className="space-y-2">
Expand All @@ -110,7 +110,7 @@ function AgentConsoleOverview({
<div className="flex shrink-0 flex-col gap-2 sm:flex-row md:flex-col">
<Link
to={chatPath}
className="inline-flex h-10 items-center justify-center gap-2 border border-[#FF5800] bg-[#FF5800] px-4 text-sm font-medium text-black transition-colors hover:bg-[#FF5800]/90"
className="inline-flex h-10 items-center justify-center gap-2 border border-[var(--brand-orange)] bg-[var(--brand-orange)] px-4 text-sm font-medium text-black transition-colors hover:bg-[var(--brand-orange)]/90"
>
<MessageCircle className="h-4 w-4" />
{primaryAgent ? "Open agent chat" : "Go to my agent"}
Expand Down Expand Up @@ -161,17 +161,17 @@ function AgentConsoleOverview({
<Link
key={section.title}
to={section.to}
className="group flex items-start gap-3 border border-white/10 bg-black p-4 transition-colors hover:border-[#FF5800]/40 hover:bg-white/[0.03]"
className="group flex items-start gap-3 border border-white/10 bg-black p-4 transition-colors hover:border-[var(--brand-orange)]/40 hover:bg-white/[0.03]"
>
<span className="flex h-9 w-9 shrink-0 items-center justify-center border border-white/10 bg-black text-[#FF5800]">
<span className="flex h-9 w-9 shrink-0 items-center justify-center border border-white/10 bg-black text-[var(--brand-orange)]">
<Icon className="h-4 w-4" />
</span>
<span className="min-w-0 flex-1">
<span className="flex items-center justify-between gap-3">
<span className="text-sm font-medium text-white">
{section.title}
</span>
<ArrowRight className="h-4 w-4 shrink-0 text-white/30 transition-colors group-hover:text-[#FF5800]" />
<ArrowRight className="h-4 w-4 shrink-0 text-white/30 transition-colors group-hover:text-[var(--brand-orange)]" />
</span>
<span className="mt-1 block text-xs leading-5 text-white/55">
{section.description}
Expand Down
2 changes: 1 addition & 1 deletion packages/cloud-frontend/src/dashboard/Page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ export default function DashboardPage() {
<DashboardPageStack className="pt-4 md:pt-6">
<section className="flex flex-col gap-3 md:flex-row md:items-end md:justify-between">
<div className="max-w-2xl">
<p className="text-sm font-medium uppercase tracking-normal text-[#FF5800]">
<p className="text-sm font-medium uppercase tracking-normal text-[var(--brand-orange)]">
elizaOS Platform / Eliza Cloud
</p>
<h1 className="mt-2 text-3xl font-semibold tracking-normal text-white md:text-4xl">
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -119,7 +119,7 @@ function AgentsEmptyState() {
action={
<BrandButton
asChild
className="h-9 md:h-10 bg-[#FF5800] text-white hover:bg-[#FF5800]/90 active:bg-[#FF5800]/80"
className="h-9 md:h-10 bg-[var(--brand-orange)] text-white hover:bg-[var(--brand-orange)]/90 active:bg-[var(--brand-orange)]/80"
>
<Link to="/dashboard/containers">
<Rocket className="h-4 w-4" />
Expand Down
Loading
Loading