||||\n-|-|-|\n:discourse2: | 概要 | Mint - ミントのヒントを取り入れたモダンなテーマです。
\n| 
| プレビュー | Discourse Theme Creatorでプレビュー\n:hammer_and_wrench: | リポジトリリンク | \u003chttps://github.com/discourse/discourse-mint-theme\u003e\n:open_book: |Discourseテーマは初めてですか？ | Discourseテーマ使用の初心者ガイド\n\n[wrap=theme-install-button repoUrl="https://github.com/discourse/discourse-mint-theme\" repoName="Mint Theme"]\nこのテーマをインストール\n[/wrap]\n\n[quote]\n\n:discourse2: これはDiscourseチームによってメンテナンスされている#officialテーマであるため、#supportに関する問題、#bugの報告、#uxの提案、#devに関するアドバイスのリクエストは、Metaの該当するカテゴリで行い、適切なテーマタグを付けてください。リンクをクリックして開始してください。
\n\n\u003ckbd\u003e [
\u0026nbsp;サポート](https://meta.discourse.org/new-topic?category_id=6\u0026tags=mint-theme "Mintテーマの設定と使用に関するサポートを求める") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;バグ](https://meta.discourse.org/new-topic?category_id=1\u0026tags=mint-theme "バグ報告は、テーマの通常の使用/典型的な使用を妨げる何かが壊れていることを意味します") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;UX](https://meta.discourse.org/new-topic?category_id=9\u0026tags=mint-theme "Mintテーマのユーザーインターフェイス、および機能の表示方法（言語やUI要素を含む）に関するディスカッション") \u003c/kbd\u003e \u003ckbd\u003e [
\u0026nbsp;開発](https://meta.discourse.org/new-topic?category_id=7\u0026tags=mint-theme "お使いのサイトに合わせてこのテーマをカスタマイズする方法に関するアドバイス")\u003c/kbd\u003e\n\n[/quote]\n\n### 特徴\n\nミントのヒントを取り入れたモダンなテーマです。 \n\n:herb: 
\n\nホームページ（カテゴリ）\n\n
\n\n
\n\n最新\n\n
\n\nトピック\n\n
\n\n\n高度な検索\n\n
\n\nこのテーマには以下のコンポーネントが含まれています。\n\n- Discourse Showcased Categories\n\n### ヒント\n\n### Discourse設定\n\nこのテーマが正しく表示されるためには、以下の設定変更が必要です。\n\n- top menu を category, latest, new, unread, top に設定する必要があります\n- desktop category page style を Boxes with Subcategories に設定する必要があります\n\n### ウェルカムバナー\n\n管理 > ウェルカムバナー (/admin/config/welcome-banner) ページに移動します。\n\n- 有効にするテーマ… ドロップダウンで Mint Theme を選択します\n- ページ表示 ドロップダウンで ホームページのみ を選択します\n- 場所 ドロップダウンで サイトヘッダーの下 を選択します\n- 背景画像 は必要に応じて設定できます\n\n[^update]: 2022年10月4日およびこのコミット以降、テーマ自体がテーマコンポーネントを自動的に設定し、正しいアウトレットに順序付けします。\n\n### Discourse Showcased Categories\n\nShowcased Categories テーマコンポーネントのオプションで、このテーマが正しく表示されるためには以下の変更が必要です。\n\n- 必要に応じて feed one category と feed two category を選択します\n- 必要に応じて feed one title と feed two title を入力します\n- max list length の推奨値は 3 です。\n\n\u003cbr\u003e\n\n\u003e:discourse2: ホスティングをご利用ですか？ テーマは、Standard、Business、Enterpriseプランでご利用いただけます。
とても素敵なテーマですね
テストサイトでは、お気に入りの色であるロイヤルブルーで試してみようかなと思います。
ありがとう 
@meghna 素晴らしいテーマを次々と作成してくれてありがとう。すごく素敵ですね。すぐにデプロイして試してみます。
素敵なテーマですね！作成していただき、ありがとうございます
背景の四角と丸を削除する方法はありますでしょうか？ヒントをいただければ幸いです 
desktop.scss から以下のコードを削除してください。そうすれば問題なく動作するはずです
#main-outlet:after {
content: "";
display: block;
position: fixed;
z-index: -1;
width: 500px;
height: 500px;
border-radius: 2000px;
background: $color-blue;
right: 1px;
top: -57px;
}
#main-outlet:before {
content: "";
display: block;
position: fixed;
z-index: -1;
width: 300px;
height: 300px;
border-radius: 30px;
background: -webkit-linear-gradient(146deg, rgba(74,247,255,.08) 55%, rgba(143,236,202,.52) 100%);
// background: linear-gradient(146deg, rgba(74,247,255,.08) 55%, rgba(143,236,202,.52) 100%);
background: linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
left: 70px;
top: 350px;
transform: rotate(74deg);
transform-origin: 0 100%;
}
Tomaszさん、本当にありがとうございます！とても感謝しています
このテーマは素晴らしいですね。作成してくださりありがとうございます！Discourse の世界は初心者です。テーマのアップロード方法はわかりますが、特定の部分をどう変更すればよいかわかりません。変更したいのは、背景にあるブロック（円と四角）の色です。さらに、背景色も変えたいです。テーマファイルをダウンロードしてそこで編集し、独自テーマを作成するのでしょうか？それとも、もっと簡単な方法がありますか？
ありがとうございます！
はい。色を変更するには、テーマをフォークして、ご自身の要件に合わせてカラーコードを更新する必要があります。その方法は以下の通りです：
variables.scss 内で、お好みの色コードに変更してください：
$color-blue: #e5f8ff;
$color-square-gradient: linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
$color-square-webkit-gradient: -webkit-linear-gradient(4deg, rgba(143,236,202,.29) 55%, rgba(74, 247, 255, 0.08) 100%);
背景色を変更するには、about.json 内の secondary カラーを更新してください（これにより一部のボタンの文字色も変更されます）：
"secondary": "F6FBFC"
このテーマが大好きです！プロジェクトのブランディングに完璧に合っています。ただ、ダークモードを有効にするとテーマの表示がおかしくなってしまいます。これは想定された動作でしょうか？ユーザーにダークモードを無効化させる方法はありますか？
歯車ボタンの背景が常に表示されており、最初のボタンのホバー時の形状がフレームの湾曲と一致していません。
以下の方法で両方の問題を修正しました。
テーマがとても気に入ったのでインストールしました。
検索バナーの背景が角丸ではなく、全幅になっていません。
これをあなたのレイアウトに変更するにはどうすればよいですか？
他のテーマやコンポーネントがミントテーマのスタイリングに干渉している可能性があります。インストールした他のテーマ/コンポーネントを無効にしてみてください。
Defaultテーマが無効化されたクリーンインストールで、以下のコンポーネントのみが含まれています。
- discourse-search-banner
- Showcased Categories
それは奇妙ですね。DiscourseインスタンスのURLをプライベートメッセージで送っていただけますか？確認します。
バナーの問題は、以下のコミットで修正されました。
また、Patrickさんが指摘してくれた、showcased categories プラグインの問題もありました。それも修正しました。
デバイスのダークモードと、素敵なミントテーマでプレイしていました。ダークモードをサポートするためにいくつかの変更を加えました。テスト用です。
discourse-mint.zip (5.1 KB) もちろん間違いが含まれている可能性があります このため、github から PR を作成しません。
コードブロック、GitLab スタイルのフォーマット、ワイドページなどのいくつかの変更を加えました…モバイルデバイスはテストしていません。
イヴァンさん、ご尽力いただきありがとうございます！作業内容を確認しましたが、コアに含める必要のないカスタム変更がいくつかありました。ダークモード固有の変更については、さらにテストを行った後、コアに含めるかどうか検討します。
どういたしまして、Meghna！いくつか要素に revert 値を適用すれば十分だと思います。