令我惊讶的是，在 Meta 上选择“Fully”主题后第一次尝试这样做时，try.discourse.org 主题显示的是 Fully 主题。我猜这与站点位于同一域相关的缓存问题。
您指出的问题是，在 try.discourse.org 上点击汉堡菜单时，Discourse 徽标没有被替换为小徽标吗？
Hmm – try.discourse.org 网站上的导航面板包含一个带有菜单链接（.try-header-nav-wrapper）的额外 div，当侧边菜单隐藏时，它会通过将标题推到右侧来破坏页面布局（仅在该网站上），所以我现在知道这不是 Fully 主题中的错误。
1 个赞
早上好！
我真的很喜欢使用这个主题作为我的论坛，但我注意到，和默认主题一样，没有自定义 CSS/HTML 的选项。我想为主题添加一个背景壁纸。有可能做到吗？
1 个赞
您可以通过使用自定义主题/主题组件菜单来创建一个新的主题组件并将其添加到此主题中。
在您的主题组件中，您可以添加自定义代码来添加背景。
1 个赞
嘿，各位！我喜欢这个主题！不过，在我的网站上预览时，侧边栏导航的标题出现了一个问题。标题能否使用不同的颜色（网站的正常标题颜色）？
这个：
而不是这个：
我该怎么做？更改 CSS 后，整个导航都变成了绿色。
谢谢！
1 个赞
您想更改 —sidebar-color) 的特定变量，这将更改侧边栏和侧边栏上方的内容。
嗯，没有办法只更改侧边栏标题吗？
我遇到了同样的问题，我的标题徽标横跨了两种不同的颜色，看起来很奇怪。
我以为现在不鼓励在主题中编辑 CSS 了？远程主题的 CSS 编辑器选项已被移除，那么我们该如何更改该变量？这也假设我们希望侧边栏的颜色与标题相同。
您好，您可以通过 CSS 单独更改侧边栏的部分。
为此，您需要创建一个新组件或将其添加到现有组件中。
-
转到
/admin/customize/themes/
自定义 → 主题 -
点击 组件 选项卡，然后点击 安装 按钮
-
在弹出窗口中点击 创建新 按钮并输入新组件名称。
-
点击 创建 按钮。
-
组件已创建。现在选择“完全主题”以激活它。
-
点击 编辑 CSS/HTML 按钮。
-
将以下代码粘贴到 CSS 部分。
-
别忘了点击底部的 保存 按钮进行保存。
.desktop-view .has-sidebar-page .d-header-wrap::before {
background: transparent;
border-right: none;
}
如果您想保留右侧边框，请从代码中删除该行。
6 个赞
感谢您，Don。不过我以前从未修改过 Discourse 的 CSS……我在哪里进行此更改？
2 个赞
我已经更新了上面的帖子。 
5 个赞
谢谢。刚完成，一切看起来又好了 
2 个赞
鉴于当前主题，右边框只剩下很小的空间可以完成此操作。我认为在那里增加空间并将其用于小部件会很有趣。
1 个赞
我允许用户访问主题，他们很快就发现有些奇怪的事情发生了 
我使用了 Custom Header Links 这个主题组件，以及我使用的另一个主题（Material Design）。当你缩小浏览器窗口宽度，直到链接会覆盖网站 Logo 的时候，Logo 会缩小，最终变得非常小，例如：
使用 Fully 主题时，Logo 不会缩小，最终会出现这种情况……
Custom Header Links 在查看主题时会移除链接并显示主题标题。在较窄的浏览器宽度下，主题标题也会覆盖 Logo，但最终 Logo 会被完全移除，从而解决了这个问题。
我不确定这是 Fully 还是 Custom Header Links 的问题，但我先从这里开始，因为 CHL 在另一个主题中工作正常。
1 个赞
它似乎与 discourse-full-width-component 和更宽的徽标有点冲突。
您可以使用 
快速修复此问题。
将此粘贴到先前创建的组件中，放在之前的代码之后，以便集中管理。
它将缩小徽标。
.desktop-view .d-header .title a {
flex: auto;
}
更新：嗯，我认为当侧边栏隐藏时，它可能会缩小太多 
我只是快速看了一下，我认为这与网格有关。但我认为最好等待官方的方法，因为我不想通过更改网格来破坏标题的用户体验。
@packman 请删除此代码。
3 个赞
再次感谢！您今天做了很棒的事情
3 个赞
嘿，Don！又一个问题：这样更改会使它在黑暗模式下看起来相同。我该如何仅为特定的配色方案更改 CSS？
1 个赞
徽标在窗口变窄时确实会变得非常小，但当与 Material Design 主题一起使用自定义标题链接时，也会发生这种情况。
我之前查看了 CSS，我认为徽标包含在 span.header-sidebar-toggle 中可能没有帮助，尽管对于宽显示器来说，这可能是唯一合理的位置？
1 个赞
哦，我明白了，所以你只想在一种配色方案中使用透明背景。我不知道这一点。
有几种方法可以做到
dark-light-choose()：可以使用它来实现，但在这种情况下不太实用，因为它会创建变量。最好用于颜色。
schemeType：如果你想按方案类型使用它，这个更好。
使用 schemeType
这是使用 schemeType 的方法
从你创建的组件中删除之前的代码，并将新代码放入组件的 颜色定义 部分，如下图所示。
这只会激活浅色方案中的代码。
通用 / 颜色定义
@if #{schemeType()} == light {
.desktop-view {
.has-sidebar-page {
.d-header-wrap {
&:before {
background: transparent;
border-right: none;
}
}
}
}
}
- Targetable Color Schemes ：如果你有更多的配色方案和/或想针对特定的配色方案进行更改，那么这个主题组件非常适合你。
使用可定位的颜色方案
此组件将实际的颜色方案放入 html 中，因此你可以使用 CSS 来定位它。
这是使用方法：
安装组件。
检查你想要更改内容的颜色方案 ID。
你可以在这里找到
或者
/admin/customize/colors
颜色页面。在这里，如果你点击一个颜色方案，ID 将会添加到 URL 中。
现在你可以在代码中使用它了。不要忘记删除之前添加的代码。
html[color-scheme="your-color-scheme-id"] {
&.desktop-view {
.has-sidebar-page {
.d-header-wrap {
&:before {
background: transparent;
border-right: none;
}
}
}
}
}
你好 @packman 
我给你发了私信。
2 个赞