||||\n-|-|-|\n:discourse2: | 摘要 | Mint - 带有薄荷色调的现代主题。 
\n| 
| 预览 | 在 Discourse 主题创建器上预览\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;用户体验](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 展示的版块\n\n### 提示\n\n### Discourse 设置\n\n为了使此主题正常渲染，需要进行以下设置更改：\n\n- 顶部菜单 需要设置为 category, latest, new, unread, top\n- 桌面分类页面样式 需要设置为 带子版块的框\n\n### 欢迎横幅\n\n前往 管理 > 欢迎横幅 (/admin/config/welcome-banner) 页面。\n\n- 在 在主题中启用… 下拉菜单中选择 Mint Theme\n- 在 页面可见性 下拉菜单中选择 仅主页\n- 在 位置 下拉菜单中选择 站点标题下方\n- 背景图片 可根据您的要求设置\n\n[^update]: 截至 2022 年 10 月 4 日和 此提交，主题本身将自动 设置 并 排序 主题组件到正确的插槽中。\n\n### Discourse 展示的版块\n\n在 展示的版块 (Showcased Categories) 主题组件的选项中，需要进行以下更改才能使此主题正常渲染：\n\n- 根据您的要求选择 feed one category 和 feed two category\n- 根据您的要求填写 feed one title 和 feed two title\n- 最大列表长度 的推荐值为 3。\n\n\u003cbr\u003e\n\n\u003e:discourse2: 由我们托管？ 主题可在我们的标准版、商业版和企业版计划中使用。
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?
齿轮按钮的背景常亮，第一个按钮的悬停形状与框架的弧度不匹配：
已通过以下方式修复了这两个问题：
我真的很喜欢你的主题并已安装。\n我的搜索横幅背景没有圆角且不是全宽。\n我该如何将其更改为你的布局？
可能存在另一个主题或组件干扰了 mint 主题的样式。您可以尝试禁用您可能已安装的其他主题/组件吗？
这是一个全新安装，带有非活动状态的默认主题和以下组件：
- discourse-search-banner
- Showcased Categories
这很奇怪。你能私信我你的 Discourse 实例的 URL，我可以看看吗？
横幅问题现已通过以下方式修复：
Patrick 还提醒了我 showcase categories 插件中存在一个问题。我也已修复。
您好，我在具有精美 Mint 主题的设备上使用了深色模式。我做了一些更改以支持深色模式。仅用于测试。
discourse-mint.zip (5.1 KB) 当然，它可能包含错误 因此，我不会从 github 创建 PR。
我对代码块、gitlab 风格格式、宽页面等进行了修改……未测试移动设备。
感谢您的努力，伊万！我审阅了您的工作，其中一些自定义更改不需要包含在核心中。我将查看特定于暗模式的更改，并在进行更多测试后将其纳入核心。
不客气，Meghna！我认为，将 revert 值应用于一些白色元素就足够了。