Migrate all 84 frontend files from the old themed/colored design to a monochrome glass-morphism design system. Pure black backgrounds, white text with opacity levels, glass-card components with backdrop-blur, and functional color reserved for status indicators only. Foundation: remap CSS variables to monochrome, simplify Tailwind config, remove theme toggle, convert brand logo/wordmark to white. Pages: all 14 pages updated. Components: all common, library, session, step-library, tree-editor, tree-preview, admin, and subscription components converted. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
25 lines
514 B
TypeScript
25 lines
514 B
TypeScript
import { cn } from '@/lib/utils'
|
|
|
|
interface BrandWordmarkProps {
|
|
size?: 'sm' | 'lg'
|
|
className?: string
|
|
}
|
|
|
|
/**
|
|
* ResolutionFlow wordmark — clean white text.
|
|
* sm for header/navbar, lg for login/register pages.
|
|
*/
|
|
export function BrandWordmark({ size = 'sm', className }: BrandWordmarkProps) {
|
|
return (
|
|
<span
|
|
className={cn(
|
|
'font-semibold tracking-tight text-white',
|
|
size === 'sm' ? 'text-xl' : 'text-3xl',
|
|
className
|
|
)}
|
|
>
|
|
ResolutionFlow
|
|
</span>
|
|
)
|
|
}
|