Skip to content

feat(website): add Black Myth inspired custom theme - #3636

Closed
SoonIter wants to merge 1 commit into
mainfrom
codex/create-custom-theme-for-rspress
Closed

feat(website): add Black Myth inspired custom theme#3636
SoonIter wants to merge 1 commit into
mainfrom
codex/create-custom-theme-for-rspress

Conversation

@SoonIter

Copy link
Copy Markdown
Member

Motivation

  • Provide a complete, high-fidelity custom theme for the Rspress website with a refined Chinese aesthetic inspired by Black Myth: Wukong, replacing the homepage mockup with an original, game-like chapter-screen composition.
  • Extend visual system beyond a single hero artwork to theme tokens, hero typography/actions, feature cards, documentation headings/blockquote/code blocks, responsive behavior and accessibility fallbacks.

Description

  • Implement an original CSS-driven composition for the homepage hero in website/theme/components/HeroInteractive.tsx using layered elements (celestial wheel, mountain silhouettes, mist, staff, seal, chapter nodes) and localized labels for a Chinese chapter feel.
  • Replace the previous Hero stylesheet with a purpose-built artistic module at website/theme/components/HeroInteractive.module.scss containing multi-layer gradients, masks, animations, depth shadows and reduced-motion fallbacks.
  • Add a thematic token and layout stylesheet in website/theme/index.css that supplies light/dark tokens, parchment/ink/cinnabar/gold palette, typography defaults, nav/hero/button styles and site-wide visual extensions (backdrop texture, card borders, headings, blockquotes).
  • Preserve the Rspress brand mark (logo) and implement responsive sizing and prefers-reduced-motion accessibility handling.

Testing

  • Ran git diff --check and repository status checks, which passed with a clean index prior to committing the change.
  • Ran code formatting with prettier during the workflow; formatting command completed with environment Node/pnpm warnings but no file errors reported.
  • Attempted pnpm build:website but the build was blocked by pnpm supply-chain verification failing to reach the npm registry in this environment, so a full site build could not be completed.
  • Attempted to create the PR metadata via the local make_pr MCP helper but the environment could not complete the helper call due to a missing mcp.server.fastmcp dependency, so the PR was not pushed by the helper (local commit was created: feat(website): add Black Myth inspired custom theme).

Codex Task

@github-actions

Copy link
Copy Markdown
Contributor

Rsdoctor Bundle Diff Analysis

Found 5 projects in monorepo, 2 projects with changes.

📊 Quick Summary
Project Total Size Gzip Size Change Gzip Change
website_html 14.5 MB 2.1 MB -10.3 KB (-0.1%) -594.0 B (-0.0%)
website_js 16.9 MB 2.9 MB +2.2 KB (0.0%) +1.9 KB (0.1%)
website_md 1.9 MB 278.9 KB 0 0
auto_nav_sidebar_html 447.5 KB 93.6 KB 0 0
auto_nav_sidebar_js 546.7 KB 172.7 KB 0 0
📋 Detailed Reports (Click to expand)

📁 website_html

Path: website/doc_build/diff-rsdoctor/website_html/rsdoctor-data.json

📌 Baseline Commit: 7bd6c16cc019201497183617483777b5e327316c | PR: #3635

Metric Current Baseline Change
📊 Total Size 14.5 MB 14.5 MB -10.3 KB (-0.1%)
🗜️ Gzip Size 2.1 MB 2.1 MB -594.0 B (-0.0%)
📄 JavaScript 0 B 0 B 0
🎨 CSS 0 B 0 B 0
🌐 HTML 14.5 MB 14.5 MB -10.3 KB (-0.1%)
📁 Other Assets 0 B 0 B 0

📦 Download Diff Report: website_html Bundle Diff

📁 website_js

Path: website/doc_build/diff-rsdoctor/website_js/rsdoctor-data.json

📌 Baseline Commit: 7bd6c16cc019201497183617483777b5e327316c | PR: #3635

Metric Current Baseline Change
📊 Total Size 16.9 MB 16.9 MB +2.2 KB (0.0%)
🗜️ Gzip Size 2.9 MB 2.9 MB +1.9 KB (0.1%)
📄 JavaScript 16.6 MB 16.6 MB -2.0 KB (-0.0%)
🎨 CSS 172.7 KB 168.5 KB +4.2 KB (+2.5%)
🌐 HTML 0 B 0 B 0
📁 Other Assets 177.4 KB 177.4 KB 0

📦 Download Diff Report: website_js Bundle Diff

Generated by Rsdoctor GitHub Action

@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying rspress-v2 with  Cloudflare Pages  Cloudflare Pages

Latest commit: 6526ea0
Status: ✅  Deploy successful!
Preview URL: https://1ac4e9cc.rspress-v2.pages.dev
Branch Preview URL: https://codex-create-custom-theme-fo.rspress-v2.pages.dev

View logs

@SoonIter SoonIter closed this Aug 28, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant