我真的很喜欢我们网站正在使用的这个新的用户卡片设计,以及用户目录的卡片视图,我希望它们将来能成为受支持的组件。
我个人喜欢明亮、纯色的背景——无论是粉色还是其他颜色。
我相当喜欢截图中的暗黑模式,觉得它们看起来很时髦。虽然我不使用暗黑模式,但如果出现大面积的彩色爆发,可能会适得其反。![]()
顺便说一句,在我们的网站上,我用以下方式覆盖了背景:
通用 CSS
#user-card {
background: #eeeeee;
...
}
我几乎在所有地方都使用黑暗模式,我同意鲜艳的颜色有点分散注意力/令人不知所措。在我看来,它们甚至会增加一点压力和紧迫感,这肯定不是故意的。有没有办法调暗用户卡片的颜色,让它们看起来仍然很棒,但又不那么鲜艳?
我个人认为这个实验很棒,我希望它能为核心的 Discourse 带来改进。
我在暗黑模式的截图中很喜欢它们,觉得它们看起来很时髦。虽然我不使用暗黑模式,但如果出现大片亮色,可能会适得其反。
我使用暗黑模式的部分原因是我对非常亮的屏幕敏感(尤其是在晚上),所以这确实会破坏暗黑模式的目的。
我非常在意屏幕过亮(尤其是在晚上)的问题,所以这确实违背了暗色模式的初衷。
也许他们应该让用户卡片在暗色模式下带有暗色调,这样整体就不会那么亮和烦人了。
This is how @seanblue’s card would look like with a brightness filter on it:
Original
0.8 Brightness:
0.6 Brightness:
0.4 Brightness:
我使用暗黑模式部分原因是我对非常亮的屏幕很敏感(尤其是在晚上),所以这确实违背了暗黑模式的初衷。
感谢 @Canapin 上面的建议,我对 meta 做了一些小调整,使其在暗黑模式下背景会更暗一些。你能检查一下这样是否更好吗?
是的,在我看来,这要好得多。我个人喜欢带有背景的当前设计,但不是很多人喜欢,所以总有一天我可能会做一个实现突出颜色设计组件。
这在时间线上,只是等待集成 ![]()
感谢 @Canapin 上面的建议,我对 meta 做了一些小调整,使其在深色主题下背景会更暗一些。
嗯,我想在手机上可能出错了?它看起来和我之前一样亮(或者差不多),而且也不再模糊了。
我不知道你最后用了什么方案,但我觉得 0.6 亮度的示例效果可能不错。
那是我的错,我在那个 PR 中没有包含 -webkit 前缀,但现在应该已经修复了。
新版本看起来好多了。
不应该再是实验性的了
我同意。它太棒了,不应该被藏起来当作“实验性”的。
您好 ![]()
我注意到一个关于位置的问题。似乎在第一次打开用户卡片后,它会在所有其他用户卡片上保留位置 URL。谢谢 ![]()
哇!抓得好!我会对此进行调查。
您好,我遇到了一个问题,用户卡片显示在屏幕外面。当浏览器最大化并使用较高的缩放比例和/或较高的 DPI 设置时,似乎才会发生这种情况。
@Arkshine Hi, appreciate the reply. I think it happens when the zoom level is higher. I first noticed the issue on Firefox, where I have the default zoom set to 110%, and also layout.css.devPixelsPerPx set to 1.1 . But I can also reproduce it with Chromium’s default settings by just zooming in a bit (it appears to only happen when the browser is maximized): [image] Ah, ok. I think I’ll cross-post this issue there. It seems like the usercard component should take care of its own CSS to avoid …
在使用 Sam’s Simple Theme 时这个问题更明显,但根据缩放级别和显示多少活跃发帖人,“默认”主题也会开始出现这个问题:
我尝试了您的设置,但似乎无法重现。\n\n为了确保无误——您是在打开用户卡片模态框后缩放,还是每次点击头像时用户卡片都显示为您的截图?




