||||\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プランでご利用いただけます。
really nice theme 
I might even test it out with royal blue (my favourite colour) on my test site.
Thank you 
@meghna churning out the amazing themes. Looks great. I will deploy and play.
Beautiful theme! Thank you for creating this
I was wondering if it was a way for me to remove the square and circle in the background? Appreciate anything that can point me in the right direction 
remove
#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%;
}
from desktop.scss and you should be good to go
Thank you so much Tomasz, appreciate it
This theme is awesome. Thank you for making this! I’m new to the Discourse scene. I know how to upload this theme, but I’m not sure how to change certain things. What I want to change are the colors of the blocks in the back (the circle and square). Additionally, I would like to change the background color. Do I download the theme file and edit it there, then create my own theme? Or is there an easier way?
Thanks! 
Yes. To change the colors you need to fork the theme and update the color code as per your requirement. Here’s how you can do it:
In variables.scss change the color code as per your liking:
$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%);
To change the background color update the secondary color in about.json (note that this will also change text color of some buttons):
"secondary": "F6FBFC"
I love this theme - it fits our project’s branding perfectly! However, if I turn on dark mode, the theme is messed up. Is this to be expected? Is there a way to prevent users from turning on dark mode?
歯車ボタンの背景が常に表示されており、最初のボタンのホバー時の形状がフレームの湾曲と一致していません。
以下の方法で両方の問題を修正しました。
テーマがとても気に入ったのでインストールしました。
検索バナーの背景が角丸ではなく、全幅になっていません。
これをあなたのレイアウトに変更するにはどうすればよいですか？
他のテーマやコンポーネントがミントテーマのスタイリングに干渉している可能性があります。インストールした他のテーマ/コンポーネントを無効にしてみてください。
Defaultテーマが無効化されたクリーンインストールで、以下のコンポーネントのみが含まれています。
- discourse-search-banner
- Showcased Categories
それは奇妙ですね。DiscourseインスタンスのURLをプライベートメッセージで送っていただけますか？確認します。
バナーの問題は、以下のコミットで修正されました。
また、Patrickさんが指摘してくれた、showcased categories プラグインの問題もありました。それも修正しました。
デバイスのダークモードと、素敵なミントテーマでプレイしていました。ダークモードをサポートするためにいくつかの変更を加えました。テスト用です。
discourse-mint.zip (5.1 KB) もちろん間違いが含まれている可能性があります このため、github から PR を作成しません。
コードブロック、GitLab スタイルのフォーマット、ワイドページなどのいくつかの変更を加えました…モバイルデバイスはテストしていません。
イヴァンさん、ご尽力いただきありがとうございます！作業内容を確認しましたが、コアに含める必要のないカスタム変更がいくつかありました。ダークモード固有の変更については、さらにテストを行った後、コアに含めるかどうか検討します。
どういたしまして、Meghna！いくつか要素に revert 値を適用すれば十分だと思います。