Skip to content

Brand redesign: palette, logos, favicon #61

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
AhmadHammad21 merged 1 commit into from
Jun 6, 2026
Merged

Brand redesign: palette, logos, favicon #61

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
1 change: 1 addition & 0 deletions apps/frontend/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>OpenDevOps Agent</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
Expand Down
14 changes: 14 additions & 0 deletions apps/frontend/public/Emblem -White Logo.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
14 changes: 14 additions & 0 deletions apps/frontend/public/Emblem.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
30 changes: 30 additions & 0 deletions apps/frontend/public/Horisontal logo 2.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
12 changes: 12 additions & 0 deletions apps/frontend/public/brand-mark.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
14 changes: 14 additions & 0 deletions apps/frontend/public/favicon.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion apps/frontend/src/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -119,7 +119,7 @@ function AppLayout() {
};

return (
<div className="flex w-full h-screen overflow-hidden bg-gray-50 dark:bg-[#0F0F12]">
<div className="flex w-full h-screen overflow-hidden bg-gray-50 dark:bg-[#000000]">
<Sidebar
sessions={sessions}
hasMore={hasMore}
Expand Down
4 changes: 2 additions & 2 deletions apps/frontend/src/components/AgentMessage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,10 +19,10 @@ export default function AgentMessage({ message }: Props) {
)}

<div className="flex flex-row gap-2.5 items-start max-w-[720px]">
<div className="w-[30px] h-[30px] bg-indigo-50 dark:bg-[#1E1B4B] rounded-lg flex items-center justify-center text-sm shrink-0 mt-0.5 select-none">
<div className="w-[30px] h-[30px] bg-indigo-50 dark:bg-[#04103A] rounded-lg flex items-center justify-center text-sm shrink-0 mt-0.5 select-none">
⚡
</div>
<div className="px-3.5 py-2.5 rounded-[2px_10px_10px_10px] text-[16px] leading-relaxed break-words max-w-[660px] bg-gray-50 dark:bg-[#18181C] border border-gray-200 dark:border-[#27272F] text-gray-900 dark:text-[#CBD5E1]">
<div className="px-3.5 py-2.5 rounded-[2px_10px_10px_10px] text-[16px] leading-relaxed break-words max-w-[660px] bg-gray-50 dark:bg-[#0A0C10] border border-gray-200 dark:border-[#1E222B] text-gray-900 dark:text-[#CBD5E1]">
{message.error ? (
<span className="text-red-500 flex items-center gap-1.5">
<span>⚠</span> {message.error}
Expand Down
6 changes: 3 additions & 3 deletions apps/frontend/src/components/EmptyState.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,11 +17,11 @@ interface Props {
export default function EmptyState({ onChip }: Props) {
return (
<div className="flex-1 flex flex-col items-center justify-center gap-4 px-6 py-8">
<div className="w-[52px] h-[52px] bg-indigo-50 dark:bg-[#1E1B4B] rounded-2xl flex items-center justify-center text-2xl select-none">
<div className="w-[52px] h-[52px] bg-indigo-50 dark:bg-[#04103A] rounded-2xl flex items-center justify-center text-2xl select-none">
⚡
</div>
<div className="text-center">
<h2 className="text-[18px] font-semibold text-gray-900 dark:text-[#F1F5F9] mb-1.5">OpenDevOps Agent</h2>
<h2 className="text-[18px] font-semibold text-gray-900 dark:text-[#E4E1EA] mb-1.5">OpenDevOps Agent</h2>
<p className="text-[13px] text-gray-500 dark:text-[#94A3B8] max-w-[360px] leading-relaxed">
Ask about your AWS infrastructure or describe an incident.
</p>
Expand All @@ -31,7 +31,7 @@ export default function EmptyState({ onChip }: Props) {
<button
key={chip}
onClick={() => onChip(chip)}
className="text-[14px] px-4 py-2 bg-white dark:bg-[#18181C] border border-gray-200 dark:border-[#27272F] rounded-full text-gray-500 dark:text-[#94A3B8] hover:text-indigo-500 dark:hover:text-[#818CF8] hover:border-indigo-200 dark:hover:border-[#3730A3] hover:bg-indigo-50 dark:hover:bg-[#1E1B4B] transition-all cursor-pointer"
className="text-[14px] px-4 py-2 bg-white dark:bg-[#0A0C10] border border-gray-200 dark:border-[#1E222B] rounded-full text-gray-500 dark:text-[#94A3B8] hover:text-indigo-500 dark:hover:text-[#00A3FF] hover:border-indigo-200 dark:hover:border-[#0E4FA6] hover:bg-indigo-50 dark:hover:bg-[#04103A] transition-all cursor-pointer"
>
{chip}
</button>
Expand Down
12 changes: 6 additions & 6 deletions apps/frontend/src/components/InputArea.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,10 +33,10 @@ export default function InputArea({ busy, onSend, onStop }: Props) {
};

return (
<div className="px-5 py-3 border-t border-gray-200 dark:border-[#27272F] bg-white dark:bg-[#18181C] shrink-0">
<div className="px-5 py-3 border-t border-gray-200 dark:border-[#1E222B] bg-white dark:bg-[#0A0C10] shrink-0">
<div
ref={wrapRef}
className="flex gap-2 items-end border border-gray-300 dark:border-[#3F3F47] rounded-[10px] px-2.5 py-2 shadow-sm transition-all duration-150 focus-within:border-indigo-500 dark:focus-within:border-[#818CF8] focus-within:shadow-[0_0_0_3px_rgba(99,102,241,0.12)] dark:focus-within:shadow-[0_0_0_3px_rgba(129,140,248,0.12)]"
className="flex gap-2 items-end border border-gray-300 dark:border-[#2A2F3A] rounded-[10px] px-2.5 py-2 shadow-sm transition-all duration-150 focus-within:border-indigo-500 dark:focus-within:border-[#00A3FF] focus-within:shadow-[0_0_0_3px_rgba(99,102,241,0.12)] dark:focus-within:shadow-[0_0_0_3px_rgba(129,140,248,0.12)]"
>
<textarea
ref={ref}
Expand All @@ -45,18 +45,18 @@ export default function InputArea({ busy, onSend, onStop }: Props) {
onKeyDown={handleKey}
placeholder="Describe an incident or ask about your AWS environment…"
rows={1}
className="flex-1 border-none outline-none resize-none font-sans text-[13px] text-gray-900 dark:text-[#F1F5F9] bg-transparent leading-[1.55] max-h-[140px] overflow-y-auto placeholder:text-gray-400 dark:placeholder:text-[#64748B]"
className="flex-1 border-none outline-none resize-none font-sans text-[13px] text-gray-900 dark:text-[#E4E1EA] bg-transparent leading-[1.55] max-h-[140px] overflow-y-auto placeholder:text-gray-400 dark:placeholder:text-[#64748B]"
/>
<button
onClick={busy ? onStop : submit}
disabled={!busy && !value.trim()}
className={cn(
'w-8 h-8 rounded-[7px] shrink-0 flex items-center justify-center transition-colors',
busy
? 'bg-gray-200 dark:bg-[#27272F] hover:bg-gray-300 dark:hover:bg-[#3F3F47]'
? 'bg-gray-200 dark:bg-[#1E222B] hover:bg-gray-300 dark:hover:bg-[#2A2F3A]'
: value.trim()
? 'bg-indigo-500 dark:bg-[#818CF8] hover:bg-indigo-600 dark:hover:bg-[#6366F1]'
: 'bg-gray-200 dark:bg-[#27272F] cursor-default',
? 'bg-indigo-500 dark:bg-[#00A3FF] hover:bg-indigo-600 dark:hover:bg-[#0086D6]'
: 'bg-gray-200 dark:bg-[#1E222B] cursor-default',
)}
>
{busy
Expand Down
2 changes: 1 addition & 1 deletion apps/frontend/src/components/LlmBackendCard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ const SOURCE_STYLE: Record<string, { color: string; bg: string; border: string }
groq: { color: 'text-blue-700 dark:text-blue-300', bg: 'bg-blue-50 dark:bg-blue-500/10', border: 'border-blue-200 dark:border-blue-500/20' },
custom: { color: 'text-indigo-700 dark:text-indigo-300', bg: 'bg-indigo-50 dark:bg-indigo-500/10', border: 'border-indigo-200 dark:border-indigo-500/20' },
claude_code_no_auth: { color: 'text-amber-700 dark:text-amber-300', bg: 'bg-amber-50 dark:bg-amber-500/10', border: 'border-amber-200 dark:border-amber-500/20' },
default: { color: 'text-gray-500 dark:text-[#71717A]', bg: 'bg-gray-50 dark:bg-[#18181B]', border: 'border-gray-200 dark:border-[#27272A]' },
default: { color: 'text-gray-500 dark:text-[#71717A]', bg: 'bg-gray-50 dark:bg-[#0A0C10]', border: 'border-gray-200 dark:border-[#1E222B]' },
};

function StatusIcon({ configured, source }: { configured: boolean; source: string }) {
Expand Down
Loading
Loading