概要このテーマコンポーネントを使用すると、投稿を作成する際にどのMarkdownスタイルを出力するかを選択できます。各Markdown「フレーバー」は、ウェブ上で一般的に使用されているMarkdownの形式に触発されています。
なぜこれが欲しいのかこれは純粋にスタイル上の目的でインストールすることも、こちらで述べられているような問題を解決するためにインストールすることもできます。
例
クイックリンク|||
| — | — | — |
|
コードを入手 ||
| インストールガイド ||
| プレビュー |
|
ドキュメント|
テーマコンポーネントをインストール
こんにちは、このコンポーネントをありがとうございます！
Windows 11 のダークテーマでテストしました。Discourse はデフォルトのライトテーマです。
すべて説明どおりに動作しますが、次の点が異なります。
GitHub:
Gitlab:
この件についてお知らせいただきありがとうございます。ユーザーのシステムによるダーク/ライトモードの設定に応じて自動的に変更されるカスタムカラー変数がありましたが、Discourseで自動ダークモード切り替えが有効になっていない場合、この問題が発生します。特に、Discourseではライトテーマを使用しているにもかかわらず、システムがダークモードに設定されている場合に発生します。
この問題の簡単な解決策として、自動ダークテーマ切り替えを切り替える設定を追加しました。テーマ設定でこのチェックを外すと、この問題は解決するはずです。
こんにちは @keegan さん！
返信と迅速な修正をありがとうございます！助かりました。
残念ながら、このコンポーネントがフォントを変更していることに気づきました。
a) コンポーネントが無効な場合：
b) コンポーネントが有効な場合：
また、テーブルセル内の <kbd></kbd> の表示も変更されます（スケールは同じです）。
a) 元の表示：
b) コンポーネント適用後：
これは単なるお知らせであり、修正の必要はないと思います 
。
@Ivan_Rapekas はい、その通りです。各フレーバーで使用されているマークダウンのフォントを模倣しようとしました（つまり、GitHubフレーバーを選択すると、GitHub.comのマークダウンフォントが使用されます）。
ああ、わかりました。本当に、フォントはGitlab/GitHubに似ていますね。説明ありがとうございます！素晴らしいアイデアです。これは「単なるテーマコンポーネント」から期待される以上のものです 
ついにGitlabレイアウトにオリジナルのコードブロックフォーマットを適用しました (デフォルトテーマで動作します):
/admin/customize/themes/1/common/scss/edit
// オリジナル <kbd> を Gitlab テーマコンポーネントに適用
.cooked kbd {
align-items: center;
border: 1px solid var(--primary-low-mid);
background: var(--primary-very-low);
border-bottom-width: 2px;
border-radius: 3px;
box-sizing: border-box;
color: var(--primary);
display: inline-flex;
font-size: var(--font-down-1);
justify-content: center;
line-height: var(--line-height-large);
margin: 0 0.15em;
min-width: 24px;
padding: 0.15em 0.6em;
}
これにより、以下のように表示されます:
このコンポーネントは、プライマリ、セカンダリなどのカラースキームを使用するように更新されますか？
これを更新する時間がありませんでしたが、近いうちに時間を調整するようにします。
それまでの間、この#officialコンポーネントがニーズに合うかもしれません。
はい、それは確かにクールですね。テーブルの方を見ていました。あなたのコンポーネントは、より伝統的なテーブルレイアウトと縦線区切りを使用することで、コアのものよりもテーブルの可読性を向上させています。
チームのワークロードがどれほど大きいかを理解しています。急ぎませんが、あなたのTCを最近見つけたばかりなので、尋ねてみました。