fix: mermaid diagrams don't respect dark mode theme
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 68/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 静か
- 技術スタック
- typescript
- 領域
- frontend
調査の方向性
src/components/mdx/mermaid.tsx の19行目にある Mermaid の初期化から始め、サイトが現在のテーマをどのように公開しているかを調べてください。data-theme の変更によって図の再レンダリングをどのように発生させられるかを特定し、ダークモードでは図がダークテーマを使用し、それ以外ではデフォルトテーマを使用することを確認してください。
索引モデルが issue の本文から書いたものです。
説明
Problem
`src/components/mdx/mermaid.tsx` initializes mermaid with `theme: 'default'` (line 19), which always renders light-mode diagrams regardless of the site's current theme. In dark mode, diagrams appear as bright white boxes.
Suggested Fix
- Read the current theme from the document (`document.documentElement.dataset.theme` or the Apsara ThemeProvider context)
- Initialize mermaid with `theme: 'dark'` when in dark mode
- Re-render diagrams on theme change (listen for `data-theme` attribute mutations)
- 主要言語
- TypeScript
- スター
- 2
- フォーク
- 1
- 平均マージ
- 12分
- マージ済み PR（30日）
- 1
環境構築
- Dockerfile または Docker Compose ファイルあり
- プルリクエストのテンプレートなし
- コントリビューションガイドなし
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
raystack/chronicle のほかの issue
-
難易度 1/5 1時間未満 初心者へのやさしさ 78/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 84/100
-
難易度 4/5 3〜5日 初心者へのやさしさ 65/100
-
難易度 4/5 3〜5日 初心者へのやさしさ 48/100
raystack/chronicle の issue をすべて見る
似ている issue
-
status: needs-triage
難易度 2/5 1〜3時間 初心者へのやさしさ 83/100
a2ui-project/a2ui#3158 ·
メンテナーはふだん 2 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
hemilabs/ui-monorepo#2475 ·
メンテナーはふだん 1 日以内に返信
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
難易度 1/5 1時間未満 初心者へのやさしさ 82/100
lingdojo/kana-dojo#32279 · コメント 1 件 · リアクション 5 件 ·
メンテナーはふだん 1 日以内に返信
-
code-quality refactoring
難易度 2/5 1〜3時間 初心者へのやさしさ 77/100
github/gh-aw-firewall#9879 ·
メンテナーはふだん 1 日以内に返信
-
[Bug]: Arrow-key cursor movement in combined diff view doesn't scroll to keep the cursor visibleオープンos:macos
難易度 2/5 1〜3時間 初心者へのやさしさ 64/100
メンテナーはふだん 1 日以内に返信