Skip to content

feat: premium light/dark theme, dashboard polish, and standalone landing site#112

Open
manumishra12 wants to merge 2 commits into
HexmosTech:mainfrom
manumishra12:feat/ui-light-dark-and-landing
Open

feat: premium light/dark theme, dashboard polish, and standalone landing site#112
manumishra12 wants to merge 2 commits into
HexmosTech:mainfrom
manumishra12:feat/ui-light-dark-and-landing

Conversation

@manumishra12

Copy link
Copy Markdown

Summary

Two related front-end contributions:

1. Premium light/dark theme + dashboard polish (existing web app)

  • Global light/dark theme across all web routes: floating sun/moon toggle, no-flash bootstrap, and prefers-reduced-motion support
  • Theme-aware token system in styles.css (dark :root + [data-theme=light]), vendored Inter font, soft-shadow/radius scale
  • Shared theme controller (theme.js) and an inline-SVG icon set replacing unicode glyphs (Icons.js)
  • Redesigned / Active Reviews dashboard: hero + stat cards, themed shell, collapsible side panels
  • Theme-aware review viewer, connector cards, and home cards

2. New standalone git-lrc-landing/ marketing site

  • Self-contained Vite + React + TypeScript single-page site
  • Sections: Hero, Features, Showcase, Steps, Docs, FAQ, OpenSource, CTA, Footer — with Nav and an animated GitGraph / ProjectBoard
  • Light/dark theming via a useTheme hook and scroll-reveal animations
  • node_modules / dist excluded via .gitignore

Notes

Open-source contribution. Happy to split this into separate PRs, adjust scope, or tweak styling to match maintainer preferences.

Add a global light/dark theme system across all web routes with a
floating toggle, no-flash bootstrap and prefers-reduced-motion support.

- styles.css: theme-aware token system (:root dark + [data-theme=light]),
  vendored Inter font (@font-face), soft-shadow/radius scale, and a
  light-override layer for the review viewer's hardcoded clusters
- theme.js: shared theme controller + floating sun/moon toggle (new)
- Icons.js: inline-SVG icon set replacing unicode glyphs (new)
- ui-connectors.html / ConnectorsPage / HomePage: connector cards with
  provider avatars, rank + model chips; icon-led home cards
- review_runtime_landing.go: redesigned "/" Active Reviews dashboard
  with hero + stat cards, themed shell and collapsible side panels
- index.html / FeedbackPopup.js: theme-aware review viewer
- landing.html: self-contained premium marketing landing page (new)
Add git-lrc-landing/, a self-contained Vite + React + TypeScript
single-page marketing site for git-lrc, separate from the in-app
landing.html added previously.

- Vite + TS scaffold (vite.config.ts, tsconfig*, eslint.config.js)
- Sections: Hero, Features, Showcase, Steps, Docs, FAQ, OpenSource,
  CTA and Footer, with Nav and animated GitGraph / ProjectBoard
- Light/dark theming via useTheme hook; Reveal scroll animations
- node_modules and dist excluded via .gitignore
@LinceMathew

Copy link
Copy Markdown
Contributor

Hi @manumishra12, We already have a landing page for git-lrc at https://hexmos.com/livereview/git-lrc/, including documentation, instructions, and more.

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.

2 participants