空气主题

[quote=“Danielle Schwerin, post:462, topic:197703, username:dschwerin-teachforau”]
我们非常希望能够更新这些缩写,因为我们有许多类别名称相似(名称是基于班级/年级年份的迭代),因此它们会得到相似的缩写。而且缩写对我们的社区来说意义不大。
[/quote]您可以用图片替换缩写:
点击类别 → :wrench: 扳手图标 → 图片

CleanShot 2023-12-11 at 20.25.22

如果您只想隐藏缩写,可以创建一个组件并应用类似以下的 CSS:

.custom-category-boxes:not(.above-discovery-categories-outlet) .category-box .category-box-inner {
    .category-logo.no-logo-present {
        display: none;

        & + .category-details {
            grid-column: 1/3;
            padding: 1em 1.5em;
            width: 100%;
        }
    }
}

之前:

之后:

7 个赞

您好 @jordan.vidrine,我该如何在现代类别框中显示子类别?我选择了“框”和“子类别”,但没有看到它显示出来?此选项未添加到组件中吗?

3 个赞

默认情况下它们是隐藏的,要显示它们,您需要通过主题组件中的自定义 CSS 来取消隐藏它们。

2 个赞

谢谢,我在 fork 了该仓库后就知道了。我的问题已解决。

3 个赞

您好 @jordan.vidrine,首先恭喜您的主题非常棒,但是我是 Discourse 新手,对它不太了解,但我想添加 CSS,却找不到添加自定义 CSS 的按钮?我应该为此添加插件吗,因为在默认主题中我可以直接在主题中进行操作? 提前感谢您 :slight_smile:

3 个赞

您可以在此处找到有关如何自定义 Discourse 的信息 → Beginner's guide to using Discourse Themes

3 个赞

我还有一个人喜欢这个主题,我的问题是:“谢谢”和“做得好”!:blush:

我的问题是:有没有办法设置默认的暗模式颜色方案?

这是我设置默认主题(浅色模式)时的样子(抱歉,挪威语翻译得不好):

我已经为浅色模式和暗模式创建了自定义方案(它们可以作为用户可选项启用,并且有效),但我无法禁用 Air-Light 和 Air-Dark。当我以隐身模式访问设备上启用了暗模式的网站时,我会被提供 Air-Dark。


哦,还有另一个问题:暗光方案切换器应该在哪里?

当我登录一个测试用户时,点击右上角的个人资料图片会显示这个:

当我以管理员身份登录时,会显示这个:

这是我的网站链接,还没完成,如果能帮到您的话。谢谢!

1 个赞

您是否遵循了这些指南?

此主题是关于安装在 air 主题上的深色浅色切换组件的。它应该能帮助您。您可以将其设置在侧边栏或标题中。

2 个赞

是的,用户可以很好地选择浅色和深色模式。我正在研究的是新用户会看到什么。选择之前的默认设置。

如果新用户访问网站,并且设备上开启了浅色模式,他们将看到我截图中设置的调色板。但如果他们的设备上开启了深色模式,他们将看到 Air-Dark。这就是我想改变的。


感谢您提供的组件链接!我之前不知道它是一个单独的组件。:slightly_smiling_face:

3 个赞

您希望为深色模式用户显示什么?

1 个赞

好的,我已经安装/启用了四个调色板:

  • Mine-Light
  • Mine-Dark
  • Air-Light
  • Air-Dark

(我想停用后两个,但那是另一个问题。它们很棒!但我正在为一支足球队创建一个论坛,并制作了与球衣颜色相匹配的调色板。:smiling_face:

我已经能够将 Mine-Light 设置为默认调色板 - 因此,如果新用户在设备上使用浅色模式访问网站,他们将获得该调色板。

但问题来了:如果新用户在设备上使用深色模式访问网站,他们将获得 Air-Dark。而我想要的是 Mine-Dark (要现在获得它,他们必须在设置中手动选择。)

2 个赞

你在这里设置了什么方案?-> admin/site_settings/category/all_results?filter=dark%20mode

2 个赞

太好了,设置我偏好的方案奏效了——谢谢!:raising_hands:t2:

不过,有点奇怪的是,我只能在那里(网站设置➔基础)设置默认的深色模式——而在主题设置中只能设置默认的浅色模式。:upside_down_face:

我建议在主题设置中设置浅色模式的地方添加一个小提示,最好附带一个链接。比如:

这将设置您主题的默认浅色模式调色板。点击此处设置默认深色模式。/前往网站设置➔基础,设置默认深色模式。


顺便说一句,我用了一些透明度和模糊效果,并结合了您的主题玩了一下。:blush:(不过这给我带来了一些z-index的麻烦——可能是因为我还是个新手,还在努力解决这些问题。)我尤其喜欢它如何让背景的“swoosh”效果更有分量!

如果您想看,请看这里 (不过,正如您可能看到的,还处于早期阶段。)

1 个赞

您好,我是来自 Niantic, Inc. 的 Wayne Hsu。
我们正在使用 Discourse Air 主题和自定义调色板为 8thwall.com 构建我们的论坛。但出于某种原因,在移动视图中,类别页面主内容容器(div id: main-outlet)的背景完全透明,alpha 设置为 0。我找不到更新背景颜色/alpha 的方法。
我之前看到有人遇到了类似的问题
Air Theme - #187 by hequaye

并且有人建议在设置中更改“桌面类别页面样式”为其他选项(目前设置为“类别和最新主题”),但这似乎没有帮助,因为它只针对桌面视图设置。
您对这个问题的解决方案有什么想法吗?
谢谢!

3 个赞

看起来很不错!

1 个赞

我认为 Air 主题非常好,但是当我访问 ADMIN > CUSTOMIZE > Air Theme 时,没有提供编辑(或添加)CSS 的选项。是我遗漏了什么吗?https://www.communiteq.com/ 正在托管我的网站。这是我看到的内容:

1 个赞

您必须添加自己的组件

3 个赞

@Moin! 我是 Discourse 的新手,但哇! 这个东西越来越棒了! 非常感谢!

另外,请接受我的道歉,因为我在阅读这个帖子时,发现这个问题已经被问过并回答了大约 5000 次。

3 个赞

没必要道歉。你这样做可能并不广为人知!:smile:

如果你想探索主题/组件,这里有一份指南:

3 个赞

谢谢你的主题。我想使用 Adobe 字体。我必须编辑主题文件吗?还是有更聪明的方法?

我还注意到标题徽标有点小,右侧的搜索栏和登录可以看起来更像一个按钮而不是图标……这是插件/组件还是 CSS?