Skip to content

feat: homepage polish, dark mode, and 3 new domains - #52

Merged
rajnavakoti merged 6 commits into
mainfrom
feat/51-homepage-polish
Mar 11, 2026
Merged

rajnavakoti merged 6 commits into
mainfrom
feat/51-homepage-polish

Conversation

@rajnavakoti

@rajnavakoti rajnavakoti commented Mar 10, 2026 •

Copy link
Copy Markdown
Contributor

Summary

  • 3 new domains — Integration & Connectivity, Security & Compliance, Platform Operations (~111 elements across all 4 layers)
  • Dark mode polish — default to dark theme, fix dark mode in diagrams/maps/graph nodes via CSS variables
  • Homepage UX — rename Elements→Entities, hover-reveal counts on domain cards, fix diagram count stat, add GitHub link to icon bar
  • Diagram viewers — replace inline styles with CSS classes for dark mode compatibility
  • Domain docs — added docs.md for 4 domains missing documentation

Live demo: https://architecture-catalog.web.app (262 pages, 6 domains)

Closes #51

Test plan

  • Build passes (262 pages)
  • All 81 vitest tests pass
  • Deployed to Firebase and verified
  • Manual check: dark mode toggle works on all pages
  • Manual check: all 6 domains render with correct element counts

🤖 Generated with Claude Code

rajnavakoti and others added 3 commits March 10, 2026 22:36
…er metrics

Refactor domain cards from inline styles to proper CSS classes. Type counts
(Product, Market segment, etc.) now hidden by default and revealed on hover
with smooth transition. Metrics footer restyled with better typography.

Closes #51

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Add complete dark mode support via CSS custom properties. Theme toggle
in icon bar with moon/sun icons. Persists choice in localStorage,
auto-detects system preference on first visit. All badges, cards,
sidebar, and content areas styled for both themes.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
… catalog

- Add Integration & Connectivity, Security & Compliance, Platform Operations domains (~111 elements)
- Add domain documentation (docs.md) for 4 domains
- Default to dark theme, rename Elements to Entities on homepage
- Fix dark mode in diagrams, maps, and graph nodes using CSS variables
- Replace inline styles with CSS classes in diagram viewers
- Fix diagram count showing 0 by computing from mock data
- Add GitHub repo link to icon bar

Closes #52

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@rajnavakoti rajnavakoti changed the title feat: polish homepage cards + dark mode feat: homepage polish, dark mode, and 3 new domains Mar 11, 2026
rajnavakoti and others added 3 commits March 11, 2026 14:13
- Add dark mode CSS vars for node headers (--node-header-bg) and edge
  labels (--edge-label-bg/text/border) in ReactFlow graphs
- Keep diagram canvas light (#f8fafc) so BPMN/PlantUML arrows stay visible
- Add ~24 new domain events across 5 domains (6-8 per domain) with
  cross-domain publish/consume connections for richer event flow maps
- Update 7 existing events with consumer endpoints

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Extract graph panel inline styles to CSS classes (graph-panel-box,
  graph-panel-btn, graph-panel-input, graph-panel-label, etc.)
- Add dark mode overrides for all graph panel elements
- Fix grid background color in dark mode via --graph-grid variable
- Fix FocusModeModal to use CSS variables for theme-awareness

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…subtitle

- Add company field to site config in registry-mapping.yaml
- Homepage shows company name as h1, "Architecture Catalog" as subtext
- Update logo_text from A to N for Nova CRM branding
- SiteConfig interface updated with optional company field

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@rajnavakoti
rajnavakoti merged commit d7bb3a7 into main Mar 11, 2026
1 check passed
@rajnavakoti
rajnavakoti deleted the feat/51-homepage-polish branch March 11, 2026 13:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat: polish homepage domain cards — hover counts, restyle metrics footer

1 participant