Updating the Logo for Archon

This commit is contained in:
Cole Medin
2025-08-18 13:59:49 -05:00
parent a29b541a77
commit 46e8358422
20 changed files with 15 additions and 170 deletions

View File

@@ -17,7 +17,7 @@ export const ArchonLoadingSpinner: React.FC<{
className?: string;
}> = ({
size = 'md',
logoSrc = "/logo-neon.svg",
logoSrc = "/logo-neon.png",
className = ''
}) => {
// Size mappings for the container and logo

View File

@@ -135,7 +135,7 @@ export const DisconnectScreen: React.FC = () => {
{/* Embossed logo - made bigger */}
<div className="relative w-96 h-96 flex items-center justify-center">
<img
src="/logo-neon.svg"
src="/logo-neon.png"
alt="Archon"
className="w-64 h-64 z-10"
style={{

View File

@@ -280,7 +280,7 @@ export const ArchonChatPanel: React.FC<ArchonChatPanelProps> = props => {
<div className="flex items-center">
{/* Archon Logo - No animation in header */}
<div className="relative w-8 h-8 mr-3 flex items-center justify-center">
<img src="/logo-neon.svg" alt="Archon" className="w-6 h-6 z-10 relative" />
<img src="/logo-neon.png" alt="Archon" className="w-6 h-6 z-10 relative" />
</div>
<h2 className="text-gray-800 dark:text-white font-medium z-10 relative">
Knowledge Base Assistant
@@ -347,7 +347,7 @@ export const ArchonChatPanel: React.FC<ArchonChatPanelProps> = props => {
<div className="flex items-center mb-1">
{message.sender === 'agent' ? (
<div className="w-4 h-4 mr-1 flex items-center justify-center">
<img src="/logo-neon.svg" alt="Archon" className="w-full h-full" />
<img src="/logo-neon.png" alt="Archon" className="w-full h-full" />
</div>
) : (
<User className="w-4 h-4 text-purple-500 mr-1" />
@@ -391,7 +391,7 @@ export const ArchonChatPanel: React.FC<ArchonChatPanelProps> = props => {
<div className="max-w-[80%] bg-blue-100/80 dark:bg-blue-500/20 border border-blue-200 dark:border-blue-500/30 mr-auto rounded-lg p-3">
<div className="flex items-center mb-1">
<div className="w-4 h-4 mr-1 flex items-center justify-center">
<img src="/logo-neon.svg" alt="Archon" className="w-full h-full" />
<img src="/logo-neon.png" alt="Archon" className="w-full h-full" />
</div>
<span className="text-xs text-gray-500 dark:text-zinc-400">
{formatTime(new Date())}

View File

@@ -190,7 +190,7 @@ export const MainLayout: React.FC<MainLayoutProps> = ({
disabled
className="w-14 h-14 rounded-full flex items-center justify-center backdrop-blur-md bg-gradient-to-b from-gray-100/80 to-gray-50/60 dark:from-gray-700/30 dark:to-gray-800/30 shadow-[0_0_10px_rgba(156,163,175,0.3)] dark:shadow-[0_0_10px_rgba(156,163,175,0.3)] cursor-not-allowed opacity-60 overflow-hidden border border-gray-300 dark:border-gray-600"
aria-label="Knowledge Assistant - Coming Soon">
<img src="/logo-neon.svg" alt="Archon" className="w-7 h-7 grayscale opacity-50" />
<img src="/logo-neon.png" alt="Archon" className="w-7 h-7 grayscale opacity-50" />
</button>
{/* Tooltip */}
<div className="absolute bottom-full right-0 mb-2 px-3 py-2 bg-gray-800 dark:bg-gray-900 text-white text-sm rounded-lg shadow-lg opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none whitespace-nowrap">

View File

@@ -66,7 +66,7 @@ export const SideNavigation: React.FC<SideNavigationProps> = ({
label: 'Settings'
}];
// Logo configuration
const logoSrc = "/logo-neon.svg";
const logoSrc = "/logo-neon.png";
const logoAlt = 'Knowledge Base Logo';
// Get current location to determine active route
const location = useLocation();

View File

@@ -312,7 +312,7 @@ export const ClientCard = ({
<div className="flex items-start">
{isArchonClient ? (
<div className="p-3 rounded-lg bg-gradient-to-br from-blue-500/20 to-purple-500/20 mr-3 relative pulse-soft">
<img src="/logo-neon.svg" alt="Archon" className="w-6 h-6 drop-shadow-[0_0_8px_rgba(59,130,246,0.8)] animate-glow-pulse" />
<img src="/logo-neon.png" alt="Archon" className="w-6 h-6 drop-shadow-[0_0_8px_rgba(59,130,246,0.8)] animate-glow-pulse" />
<div className="absolute inset-0 rounded-lg bg-blue-500/10 animate-pulse opacity-60"></div>
</div>
) : (

View File

@@ -12,7 +12,7 @@ export const getAssigneeIcon = (assigneeName: 'User' | 'Archon' | 'AI IDE Agent'
case 'AI IDE Agent':
return <Bot className="w-4 h-4 text-purple-400" />;
case 'Archon':
return <img src="/logo-neon.svg" alt="Archon" className="w-4 h-4" />;
return <img src="/logo-neon.png" alt="Archon" className="w-4 h-4" />;
default:
return <User className="w-4 h-4 text-blue-400" />;
}

View File

@@ -645,7 +645,7 @@ export function ProjectPage({
{/* Page Header with New Project Button */}
<motion.div className="flex items-center justify-between mb-8" variants={itemVariants}>
<motion.h1 className="text-3xl font-bold text-gray-800 dark:text-white flex items-center gap-3" variants={titleVariants}>
<img src="/logo-neon.svg" alt="Projects" className="w-7 h-7 filter drop-shadow-[0_0_8px_rgba(59,130,246,0.8)]" />
<img src="/logo-neon.png" alt="Projects" className="w-7 h-7 filter drop-shadow-[0_0_8px_rgba(59,130,246,0.8)]" />
Projects
</motion.h1>
<Button