FKB Pro - 社交主题

我也决定在你讨论的时候试试。

我安装了 fbk 作为主题。我还按照说明设置了配色方案,但不知何故,当我按下触发器时,配色方案没有改变。

会不会是默认设置了深色方案的问题?

您能检查一下这些设置是否设置正确吗?

还有

如果在用户界面设置中将深色和浅色(默认)配色方案设置为相同的调色板,它将不会改变。

只有 2 种配色方案可用



已设置深色主题

自动深色模式已关闭

我认为问题在于,在 FKB Pro 主题页面上,颜色方案 对于您的设置是 FKB - Dark,而 default dark mode color scheme id 也是 FKB - Dark。这样一来,当您单击按钮时,它将切换到相同的颜色方案。请尝试将 FKB Pro 主题页面上的颜色方案更改为 FKB - Light

1 个赞

默认暗模式配色方案 ID - 在 FKB-light 上更改,切换时无效
image image

是的,有帮助。
但不知何故,它只在你未授权时才起作用。

1 个赞

这也取决于您的个人偏好。您可以在此处找到它 preferences/interface。更改 Color Scheme 部分。

它对匿名用户有效,因为网站设置使
默认配色方案:FKB - 浅色
深色配色方案:FKB - 深色

但我认为它被您的个人设置覆盖了。

我不完全明白,是否可以将默认主题设置为深色,并提供切换到白色的选项?

在 FKB Pro 主题页面将颜色方案更改为FKB - Dark,并将 default dark mode color scheme id 设置为FKB - Light,技术上是可行的。但不建议这样做。当用户切换到暗黑模式时,它会使用 FKB - Light 方案,这不太用户友好。所以我不认为这是一个好主意。侧边栏切换也将反向工作。

如果您确实想这样做,那么禁用自动颜色方案更改的网站设置会稍微好一些。这样暗/亮颜色方案更改将不会自动工作。但用户可以在他们的 偏好设置/界面 页面上选择首选颜色方案。

啊。我有很多用户不想注册并阅读指南。可惜的是,无法通过面板上的一个按钮将配色方案从深色(默认)更改为次要白色。

您好,我正在使用此主题和“Topic Ratings Plugin”插件。我已经完成了所有更新。

评分星出现在任何主题标题页面上。

但在主页上,我看到的是帖子的评分星的 [object Object] 而不是评分星。

我该如何解决这个问题?

*注意:问题发生在更新后(Discourse 和 Topic Ratings Plugin)。

你好 @restivulmu :waving_hand:

请尝试切换到其他主题,例如默认主题。该主题只有一个关于主题评分的小 CSS 片段,这不会导致此类问题。你是否也更新了你的 Discourse 版本?

1 个赞

谢谢。当我切换到不同的主题时,问题仍然存在。然后主题没有问题。

一切都是最新版本,我不知道问题的根源。

1 个赞

很棒的主题!

1 个赞

@Don 你好!这个组件可以兼容吗?

2 个赞

精彩的主题,@Don - 非常感谢您创建它。

我想知道是否可以将主页替换为主题列表,而不是卡片?

1 个赞

你好。如何将底部区域与红线对齐?

它与上面的主题/帖子区域没有对齐,这让我很抓狂,哈哈。
另外,@Don,如何将顶部的这个标签向右移动?我尝试过修改CSS但没弄明白。我不喜欢它覆盖了部分主题。

如果有人对“低垂”的字母(例如字母“g”)被截断感到恼火,如下图所示,解决方法是:
转到 fkb-c-topic-list.scss 文件,并将第 123 行(至少默认情况下)从
line-height: var(--line-height-small);
更改为
line-height: 1.1rem;。这样显示正常,不会被截断。

1 个赞

在我上面的两条回复之外,@Don,是否有可能为垂直图片和水平图片的图片背景使用混合主题?

例如:如果发布了垂直图片,我希望它能像这样完全显示,这样图片就不会被裁剪,并且有模糊效果。

然后,如果发布了水平图片,我希望它能占据整个空间而无需模糊,如下所示:

如果能实现这一点那就太好了,这和 Facebook 的实际做法一样。

你好 @Festinger :wave: 谢谢!你的意思是使用默认的主题列表模板吗? 我还不确定,但我会试试的。如果有效,那么这个也应该有效。


你好 @45thj5ej :wave: 实际上,它与主题头像 + 主题正文的宽度是完美对齐的 :smiley:

但如果你愿意,也可以更改它 :arrow_down_small:

桌面 CSS

.topic-area > .loading-container,
.topic-above-footer-buttons-outlet.presence,
#topic-footer-buttons,
.more-topics__container {
    width: var(--wo-avatar-width); // 不含头像宽度
    margin-left: calc(60px + 1em); // 头像宽度 + 头像与正文之间的距离
  }
}

是的,这个元素比较棘手,因为它有固定位置。我认为我们无法很好地移动它,因为在不同尺寸的屏幕上,侧边距离总会不同。

谢谢,我已经增加了行高。

不行,目前使用此主题无法实现。