Skip to content

fix(ui): make mermaid diagrams readable in dark mode - #772

Open
Anshumancanrock wants to merge 1 commit into
Project-HAMi:masterfrom
Anshumancanrock:fix/mermaid-dark
Open

fix(ui): make mermaid diagrams readable in dark mode#772
Anshumancanrock wants to merge 1 commit into
Project-HAMi:masterfrom
Anshumancanrock:fix/mermaid-dark

Conversation

@Anshumancanrock

Copy link
Copy Markdown
Contributor

What type of PR is this?

/kind bug

What this PR does / why we need it:

Site defaults to dark mode but Mermaid diagrams were still stuck on the light theme, which made them pretty hard to read. A couple of the blog posts also had light node colors hardcoded.

Now it just sets the mermaid light/dark themes in docusaurus.config.js and moves those node colors into CSS so they actually respect the color mode. Also updated the ZH copies of the blogs.

Tested locally with npm run lint, npm run format:check, and npm run build for both en and zh. Checked the isolation blog post and the architecture docs in both light and dark mode.

Which issue(s) this PR fixes:

Fixes #769

Checklist:

  • npm run lint and npm run format:check pass
  • npm run build succeeds for both en and zh
  • Chinese translation updated if English docs changed (or noted why not)
  • Commits are signed off (git commit -s)

Signed-off-by: anshumancanrock <anshu.1239.as@gmail.com>
@hami-robot hami-robot Bot added the kind/bug Something isn't working label Aug 13, 2026
@hami-robot
hami-robot Bot requested review from rootsongjc and windsonsea August 13, 2026 11:00
@hami-robot

hami-robot Bot commented Aug 13, 2026

Copy link
Copy Markdown
Contributor

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by: Anshumancanrock
Once this PR has been reviewed and has the lgtm label, please assign windsonsea for approval. For more information see the Kubernetes Code Review Process.

The full list of commands accepted by this bot can be found here.

Details Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@netlify

netlify Bot commented Aug 13, 2026

Copy link
Copy Markdown

Deploy Preview for project-hami ready!

Name Link
🔨 Latest commit ced895a
🔍 Latest deploy log https://app.netlify.com/projects/project-hami/deploys/6a7da3d9f648ae00088dadfb
😎 Deploy Preview https://deploy-preview-772--project-hami.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

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

@coderabbitai

coderabbitai Bot commented Aug 13, 2026

Copy link
Copy Markdown

Warning

Review limit reached

@Anshumancanrock, you've reached your PR review limit, so we couldn't start this review.

Next review available in: 27 minutes

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

How can I continue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews.

How do review limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window.

Please refer docs for additional details.

Review details
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: a1390683-b8c6-4322-b105-e14afa064f8b

📥 Commits

Reviewing files that changed from the base of the PR and between dd9c129 and ced895a.

📒 Files selected for processing (6)
  • blog/hami-core-adopted-by-nvidia-kai-scheduler/index.md
  • blog/kai-scheduler-hami-gpu-memory-hard-isolation/index.md
  • docusaurus.config.js
  • i18n/zh/docusaurus-plugin-content-blog/hami-core-adopted-by-nvidia-kai-scheduler/index.md
  • i18n/zh/docusaurus-plugin-content-blog/kai-scheduler-hami-gpu-memory-hard-isolation/index.md
  • src/css/custom.css

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Mermaid diagrams unreadable in dark mode

1 participant