Sublime 主题

|||
-|-|-|
:discourse2: | 摘要 | Sublime - Discourse 的一个 sublime 主题
:hammer_and_wrench: | 仓库链接 |
:open_book: |刚接触 Discourse 主题? | Discourse 主题使用入门指南

Install this theme
[/wrap]

特点

一个简单而 sublime 的 Discourse 主题,从头开始设计,与侧边栏完美集成。

浅色模式

分类页面:

最新页面:

深色模式

分类页面:

最新页面:

此主题包含以下组件:


提示

Discourse 设置

此主题需要进行以下设置更改才能正确渲染:

  • 启用 enable experimental sidebar hamburger 设置
  • desktop category page style 选择 Boxes with Subcategories 选项
  • 选择 sublime-dark 作为 default dark mode color scheme id

Discourse 搜索横幅

对于 discourse-search-banner 主题组件,将 plugin-outlet 设置为 below site header


:discourse2: 由我们托管? 主题可在我们的 Standard、Business 和 Enterprise 套餐中使用。

33 个赞

主题不错。

浅色/深色切换器是否包含在主题的预览中?

编辑:我看到这是这个主题组件 - 只是检查它现在是否与侧边栏稳定兼容,因为它之前被标记为损坏。

3 个赞

哇哦——太棒了。我有了新的最爱主题!我知道它有一些这里目前未使用的依赖项,但我非常希望能在 Meta 上使用(暗黑)Sublime!:folded_hands:

 
编辑: 这是个很小的细节,但我不太确定用来表示当前活动主页的绿色是否与暗黑模式非常相配。与整个调色板相比,它感觉有点太不饱和了。

4 个赞

您使用什么 CSS 代码将此白色背景放在主题后面?

3 个赞

这是一个颜色变量,因此它可以更改网站使用浅色或深色配色方案:

body #main-outlet {
    background: var(--secondary);
}
6 个赞

该组件有一些报告的问题,我会着手修复它们。该组件默认不包含在此主题中,我只是安装了它,以便用户可以测试浅色和深色配色方案。

谢谢!我会看看我们是否可以在 Meta 上安装它。

已记录。你能分叉主题并尝试不同的颜色,看看哪种看起来更好吗?PR 随时欢迎。:slight_smile:

4 个赞

有意思!关于移动端 UI 有什么需要注意的吗?

3 个赞

移动端 UI 基本保持原生,但有独特的配色方案和按钮样式。

4 个赞

非常棒的主题。在 Retina 显示屏上看起来很棒。
谢谢 :grinning_face:

2 个赞

我可以在哪里放置#?

@danielabc
您能详细说明一下您的意思吗?

你好 @techAPJ,我该如何将主类别设置为方框而不是列表?我尝试勾选子类别,但只改变了子类别,而不是主类别。

这是我的论坛的样子

@techAPJ 这是一个很棒的主题,谢谢!只是想指出它下载了水平加载滑块组件,而该组件现在已是核心的一部分。:slight_smile:

3 个赞