新UI #239
Merged
新UI #239
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
longsizhuo
requested review from
Crokily and
Copilot
and removed request for
Copilot
Contributor
There was a problem hiding this comment.
Pull request overview
This pull request implements a comprehensive UI redesign with a "newsprint" or newspaper-inspired design system. The changes transform the visual aesthetic from a modern, rounded interface to a stark, brutalist design with sharp edges, monospace typography, and a black-and-white color scheme with red accents.
Key Changes:
- Complete visual redesign implementing newsprint/newspaper aesthetic with zero border-radius, stark borders, and serif typography
- New theme system with custom CSS properties for fonts (Playfair Display, Lora, Inter, JetBrains Mono) and design tokens
- Component restructuring including Hero layout transformation, ActivityTicker conversion from carousel to horizontal ticker, and simplified styling across all components
Reviewed changes
Copilot reviewed 12 out of 13 changed files in this pull request and generated 18 comments.
Show a summary per file
| File | Description |
|---|---|
| tsconfig.json | Changed JSX transform from "preserve" to "react-jsx" and added Next.js dev types path |
| app/layout.tsx | Added inline font loading and theme script, swapped RootProvider/ThemeProvider nesting order, removed sky background element |
| app/globals.css | Complete CSS rewrite implementing newsprint design tokens, utility classes, and starry background animation with forced zero border-radius |
| app/components/ZoteroFeed.tsx | Redesigned reading list with newspaper-style layout, removed expand/collapse functionality while keeping unused state |
| app/components/LicenseNotice.tsx | Updated copyright to 2026, redesigned with monospace typography and smaller icon sizes with abbreviated alt text |
| app/components/Hero.tsx | Major restructure with newspaper-style layout, large serif typography, new grid-based categories section, and integrated ActivityTicker |
| app/components/Header.tsx | Newspaper masthead design with static edition info, redesigned navigation and icon buttons |
| app/components/Footer.tsx | Expanded footer with newspaper-style columns, removed accessible labels from social icons |
| app/components/Features.tsx | Redesigned feature cards with newspaper aesthetic, icon cloning with className merge logic |
| app/components/Contribute.tsx | Simplified button styling with conflicting onClick/DialogTrigger behavior |
| app/components/Community.tsx | Redesigned community section with inverted CTA box and newspaper-style grid cards |
| app/components/BrandMark.tsx | Updated brand typography to serif, bold, uppercase, italic style |
| app/components/ActivityTicker.tsx | Converted from image carousel to horizontal scrolling text ticker with event information |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Comment on lines
+199
to
+210
| <ThemeProvider defaultTheme="dark" storageKey="ih-theme"> | ||
| <RootProvider | ||
| search={{ | ||
| // 使用静态索引，兼容 next export 与本地开发 | ||
| options: { type: "static", api: "/search.json" }, | ||
| }} | ||
| > | ||
| <main id="main-content" className="relative z-10"> | ||
| {children} | ||
| </main> | ||
| </ThemeProvider> | ||
| </RootProvider> | ||
| </RootProvider> | ||
| </ThemeProvider> |
There was a problem hiding this comment.
The RootProvider and ThemeProvider have been swapped in their nesting order. This is a significant architectural change that could affect how theming works throughout the application. Ensure that both providers still function correctly with this new order and that theme values are accessible within the search functionality.
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Member
Author
笑死 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.