返信

> > 私の環境では、サンプル サイト ( https://mermaid.js.org/syntax/sankey.html ) を普通に Chrome で表示しても、いただいたスクリーンショットと同じで、背景と同化してしまうようです。 > > Mermaid のテーマの問題かもしれないですね。 > > おや、これは失礼しました。 > > 私は最近はデフォルトブラウザがFirefoxな人なんですが、Firefoxだと色がイイ感じになるようでした。 > https://imgur.com/a/h4EgdKn > (左: Firefox、右: Chrome) > > MarkdownプレビューもWebView2を用いているとのことで、Chromium系由来のCSSだかSVGだかの処理の違いによるものなんでしょうかね…🤔 > > > 標準で背景色付きコピーで良いのかなー。透過 PNG も加工しやすいので捨てがたいですが…。 > > そうなんですよねー、分かります。 > > ちなみにどうやらMermaid Live Editorでは議論の末、昨年10月頃に背景色付きでコピー・保存されるようになったようです。 > https://github.com/mermaid-js/mermaid-live-editor/issues/1181 > > 最近のチャットアプリやノートアプリはライトテーマ・ダークテーマに両対応ってのが割と一般的になってきましたし、背景色が付いていた方が各々の環境に囚われることもなく扱いやすいよね、みたいな話かもしれませんね。 > > > メニューに [背景色付きコピー] を追加するのはちょっと冗長になりそうですしね😅 > > そうですね、なかなか見せ方が難しいですね。 > > たしかに言われてみれば、オプション画面でON/OFFするよりは、コンテキストメニューの方が選べてインスタントに使い分けができて良さそうではあるんですよね。 > > もしコンテキストメニュー追加案であれば個人的には、背景色があった方が便利な場面 9 に対し、無い方が便利な場面 1 な感覚なので、 > > ・標準の保存・コピーのメニューの処理は背景色付きにする > ・背景色無しの処理の場合は「背景色無しでコピー」のような付属情報付きな表記のメニューにする > > の見え方の方が、直感的かなぁと感じます。 > > あるいは、前述のMermaid Live Editorの更新も鑑みて、背景色無しの方が利用する場面が少ないだろうと割り切ってしまい、 > ===== > [1段目] 背景色無しで図を保存・コピー > 　　→ [2段目] 名前を付けて図を保存 > 　　→ [2段目] 図をコピー > ===== > という感じの多段メニューとして、現在の [図をコピー] メニューの下に追加する形で1項目に押し込んでしまってもよいかもしれません。 > > > おそらく、Mermaid の開発者も分かってるのだと思いますが、ライトでもダークでも見える neutral というテーマが用意されているので、それを使えばいいのかなーと…。 > > https://mermaid.js.org/config/theming.html を見てみたところ、neutralというのは白黒印刷向けを意識しているようですね。なかなか芸が細かい。 > > > …って、ダーク テーマと neutral を組み合わせると、Sankey はまったく見えなくなってしまいますね。だめだこりゃ😱 > > なんとなく、ダーク系テーマは "dark" で、ライト系テーマなら "dark" 以外どれでも使ってね的な意識は感じますよね～

マークダウンを有効にする