Skip to content

Conversation

Copy link
Contributor

Copilot AI commented Nov 20, 2025

Implements 5 targeted style improvements to the Rspress documentation theme for enhanced visual aesthetics and modern UI patterns.

Changes

Buttons (components/Button/index.scss)

  • Cubic-bezier transitions with shadow depth and lift effects
  • Brand buttons: translateY(-1px) + shadow progression (2px→4px on hover)
  • Alt buttons: dynamic border color → brand color on hover

Scrollbars (styles/scrollbar.scss)

  • Width: 4px → 6px for improved visibility
  • Thumb opacity: 2.4x increase (light), 1.5x increase (dark)

Code blocks (components/CodeBlock/index.scss)

  • Base shadow + enhanced hover state for depth perception
  • Smooth shadow transition on interaction

Feature cards (components/HomeFeature/index.scss)

  • Hover: 4px lift + brand-tinted shadow (rgba(0, 149, 255, 0.12))
  • Icon scale (1.05) + border color transition

Sidebar navigation (components/Sidebar/SidebarItem.scss)

  • Active items: 3px brand-colored left border accent
  • Compensated padding for alignment

Visual Impact

Before:
Before

After:
After

All changes use existing CSS variables and maintain backward compatibility.

Original prompt

要求使用 Gemini 3 Pro
对 Rspress 文档站进行样式优化,找出 5 处你认为最合适修改的地方,让样式更加美观

最终你应该修改 packages/core/theme 下的文件,这是 Rspress 的主题样式所在


✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

@CLAassistant
Copy link

CLA assistant check
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
You have signed the CLA already but the status is still pending? Let us recheck it.

@netlify
Copy link

netlify bot commented Nov 20, 2025

Deploy Preview for rspress-v2 ready!

Name Link
🔨 Latest commit c9ef8f1
🔍 Latest deploy log https://app.netlify.com/projects/rspress-v2/deploys/691f094410bd7a0008ca663b
😎 Deploy Preview https://deploy-preview-2797--rspress-v2.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@github-actions
Copy link
Contributor

github-actions bot commented Nov 20, 2025

Rsdoctor Bundle Diff Analysis

📁 web

Path: website/doc_build/web/rsdoctor-data.json

Metric Current Baseline Change
📊 Total Size 14.3 MB 14.3 MB 1017.0 B (0.0%)
📄 JavaScript 13.8 MB 13.8 MB 0 B (0.0%)
🎨 CSS 110.8 KB 109.8 KB 1017.0 B (0.9%)
🌐 HTML 0 B 0 B N/A
📁 Other Assets 497.3 KB 497.3 KB 0 B (0.0%)

📦 Download Diff Report: web Bundle Diff

Generated by Rsdoctor GitHub Action

Copilot AI changed the title [WIP] Optimize styles for Rspress documentation site Enhance Rspress theme visual design with modern interactions and depth Nov 20, 2025
Copilot finished work on behalf of SoonIter November 20, 2025 12:37
Copilot AI requested a review from SoonIter November 20, 2025 12:37
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.

3 participants