senke/veza
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

aesthetic-improvements: replace Header decorative icon (80/20 rule, batch 3 follow-up)

Browse source 
- Header.tsx: decorative icon background (bg-kodo-cyan/20 → bg-kodo-steel/20, border-kodo-cyan/30 → border-kodo-steel/30, icon text-kodo-cyan → text-kodo-steel, shadow-neon-cyan/20 → shadow-2xl)
- Preserved: Header active notification state (isUserMenuOpen) - correctly keeps cyan
- Action 11.3.1.3 in progress (third batch follow-up)
This commit is contained in:
senke 2026-01-16 11:07:31 +01:00
parent f399327097
commit e79d6f9f87
2 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
EXHAUSTIVE_TODO_LIST.md
View file

@ -3936,9 +3936,12 @@ Critical path dependencies:
- Settings modals: DataExportView, ChangeEmailModal, PasskeyModal decorative icon backgrounds (3 instances)
- DashboardPage: chart bars and tooltip (decorative visualization, 2 instances)
- TwoFactorSetup: decorative icon background (1 instance)
- **Preserved**: Active/selected states (StudioView active tab, AccountSettings selected theme, SessionManagement current session, DashboardPage selected button, TrackList current track indicator, IntegrationsView connected state), primary actions, informational alerts
- ✅ **Third batch** (~4 files, ~4 instances):
- Layout components: Sidebar hub header icon, AutoMetadataDetectionModal modal border, CourseDetailView card border (3 instances)
- Note: Header.tsx decorative icon (line 76) identified but not replaced yet (to be handled in next batch)
- **Preserved**: Active/selected states (StudioView active tab, AccountSettings selected theme, SessionManagement current session, DashboardPage selected button, TrackList current track indicator, IntegrationsView connected state, Header active notification, AudioPlayer dragged item, VisualizerSettingsModal selected mode, CreateProjectModal selected DAW, AIToolsView active tool, CourseLearningView active lesson, TipStreamerModal selected payment, CloudFileBrowser active tag, PlaylistDetailView dragged item, AddToPlaylistModal selected playlist, CreatorModal selected visibility), primary actions, informational alerts
- **Remaining**: Additional decorative backgrounds, informational elements, text/links (per audit: ~300 decorative, ~150 informational, ~65 text/links)
- **Next batch**: Continue with remaining decorative backgrounds and informational elements
- **Next batch**: Continue with remaining decorative backgrounds (Header.tsx icon, etc.) and informational elements
- **Rollback**: Restore original colors
### Sub-Epic 11.4: Visual Restraint 🟢

4
apps/web/src/components/layout/Header.tsx
View file

@ -73,8 +73,8 @@ export function Header(_props: HeaderProps) {
to="/dashboard"
className="flex items-center gap-3 active:scale-95 transition-transform focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-kodo-cyan focus-visible:ring-offset-2 focus-visible:ring-offset-kodo-void rounded"
>
<div className="w-10 h-10 bg-kodo-cyan/20 rounded-xl flex items-center justify-center border border-kodo-cyan/30 shadow-neon-cyan/20 animate-scan">
<Cpu className="w-6 h-6 text-kodo-cyan animate-pulse-glow" />
<div className="w-10 h-10 bg-kodo-steel/20 rounded-xl flex items-center justify-center border border-kodo-steel/30 shadow-2xl animate-scan">
<Cpu className="w-6 h-6 text-kodo-steel animate-pulse-glow" />
</div>
<div className="hidden sm:block">
<h1 className="text-3xl font-display font-bold text-white tracking-widest uppercase leading-tight">