# 用户卡片重新设计实验
**URL:** https://meta.discourse.org/t/usercard-redesign-experiment/254353
**Category:** Feature
**Tags:** completed, user-card
**Created:** [2023年二月7日 16:08 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353 "2023-02-07T16:08:54Z")
**Posts on this page:** 20
**Page:** 6
### Author:  [@mattdm](https://meta.discourse.org/u/mattdm)
#### Post date: [2023年四月17日 16:14 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/141 "2023-04-17T16:14:16Z")
> [@kynic](#):
>
> > [@seanblue](#):
> >
> > 但把整个背景弄成亮粉色太难看了。
>
> 是的，那太难看了，不知道他们为什么会这样设计。
我个人喜欢明亮、纯色的背景——无论是粉色还是其他颜色。
---
### Author:  [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [2023年四月17日 16:19 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/142 "2023-04-17T16:19:39Z")
我相当喜欢截图中的暗黑模式，觉得它们看起来很时髦。虽然我不使用暗黑模式，但如果出现大面积的彩色爆发，可能会适得其反。🤷
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [2023年四月17日 16:29 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/143 "2023-04-17T16:29:06Z")
顺便说一句，在我们的网站上，我用以下方式覆盖了背景：
通用 CSS
```scss
#user-card {
background: #eeeeee;
...
}
```
---
### Author:  [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [2023年四月18日 20:40 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/144 "2023-04-18T20:40:25Z")
我几乎在所有地方都使用黑暗模式，我同意鲜艳的颜色有点分散注意力/令人不知所措。在我看来，它们甚至会增加一点压力和紧迫感，这肯定不是故意的。有没有办法调暗用户卡片的颜色，让它们看起来仍然很棒，但又不那么鲜艳？
我个人认为这个实验很棒，我希望它能为核心的 Discourse 带来改进。
---
### Author:  [@seanblue](https://meta.discourse.org/u/seanblue)
#### Post date: [2023年四月20日 03:40 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/145 "2023-04-20T03:40:04Z")
> [@JammyDodger](#):
>
> 我在暗黑模式的截图中很喜欢它们，觉得它们看起来很时髦。虽然我不使用暗黑模式，但如果出现大片亮色，可能会适得其反。🤷
我使用暗黑模式的部分原因是我对非常亮的屏幕敏感（尤其是在晚上），所以这确实会破坏暗黑模式的目的。
---
### Author:  [@twofoursixeight](https://meta.discourse.org/u/twofoursixeight)
#### Post date: [2023年四月20日 16:20 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/146 "2023-04-20T16:20:21Z")
> [@seanblue](#):
>
> 我非常在意屏幕过亮（尤其是在晚上）的问题，所以这确实违背了暗色模式的初衷。
也许他们应该让用户卡片在暗色模式下带有暗色调，这样整体就不会那么亮和烦人了。
---
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2023年四月20日 18:33 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/147 "2023-04-20T18:33:51Z")
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:
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年四月20日 20:29 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/148 "2023-04-20T20:29:55Z")
> [@seanblue](#):
>
> 我使用暗黑模式部分原因是我对非常亮的屏幕很敏感（尤其是在晚上），所以这确实违背了暗黑模式的初衷。
感谢 @Canapin 上面的建议，我对 meta 做了一些小调整，使其在暗黑模式下背景会更暗一些。你能检查一下这样是否更好吗？
---
### Author:  [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [2023年四月20日 21:01 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/149 "2023-04-20T21:01:21Z")
是的，在我看来，这要好得多。我个人喜欢带有背景的当前设计，但不是很多人喜欢，所以总有一天我可能会做一个实现突出颜色设计组件。
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年四月20日 21:05 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/150 "2023-04-20T21:05:23Z")
这在时间线上，只是等待集成 👍
---
### Author:  [@seanblue](https://meta.discourse.org/u/seanblue)
#### Post date: [2023年四月21日 03:34 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/151 "2023-04-21T03:34:44Z")
> [@jordan.vidrine](#):
>
> 感谢 @Canapin 上面的建议，我对 meta 做了一些小调整，使其在深色主题下背景会更暗一些。
嗯，我想在手机上可能出错了？它看起来和我之前一样亮（或者差不多），而且也不再模糊了。
我不知道你最后用了什么方案，但我觉得 0.6 亮度的示例效果可能不错。
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年四月21日 13:20 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/153 "2023-04-21T13:20:33Z")
那是我的错，我在那个 PR 中没有包含 `-webkit` 前缀，但现在应该已经修复了。
---
### Author:  [@seanblue](https://meta.discourse.org/u/seanblue)
#### Post date: [2023年四月22日 09:44 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/154 "2023-04-22T09:44:48Z")
新版本看起来好多了。
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [2023年七月11日 23:05 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/155 "2023-07-11T23:05:17Z")
我的论坛上的更新也已修复。谢谢 @jordan.vidrine。我真的很喜欢那个实验性的用户卡 TC，但它不应该再是实验性的了 🙂
---
### Author:  [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [2023年七月11日 23:10 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/156 "2023-07-11T23:10:02Z")
> [@Lilly](#):
>
> 不应该再是实验性的了
我同意。它太棒了，不应该被藏起来当作“实验性”的。
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2023年七月16日 06:51 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/157 "2023-07-16T06:51:11Z")
您好 👋
我注意到一个关于位置的问题。似乎在第一次打开用户卡片后，它会在所有其他用户卡片上保留位置 URL。谢谢 🙂
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [2023年七月17日 14:42 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/158 "2023-07-17T14:42:40Z")
哇！抓得好！我会对此进行调查。
---
### Author:  [@rahim123](https://meta.discourse.org/u/rahim123)
#### Post date: [2023年十一月20日 13:42 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/159 "2023-11-20T13:42:52Z")
您好，我遇到了一个问题，用户卡片显示在屏幕外面。当浏览器最大化并使用较高的缩放比例和/或较高的 DPI 设置时，似乎才会发生这种情况。
> [@Sam's Simple Theme](https://meta.discourse.org/t/sams-simple-theme/23552/367?u=rahim123):
>
> @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): 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 时这个问题更明显，但根据缩放级别和显示多少活跃发帖人，“默认”主题也会开始出现这个问题：
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2023年十一月20日 14:03 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/160 "2023-11-20T14:03:44Z")
我尝试了您的设置，但似乎无法重现。\n\n为了确保无误——您是在打开用户卡片模态框后缩放，还是每次点击头像时用户卡片都显示为您的截图？
---
### Author:  [@rahim123](https://meta.discourse.org/u/rahim123)
#### Post date: [2023年十一月20日 14:37 UTC](https://meta.discourse.org/t/usercard-redesign-experiment/254353/161 "2023-11-20T14:37:11Z")
你好 @Arkshine，我先放大，然后点击头像。
所以这可能是一个更深层次的问题，我也在操作系统级别使用1.1的文本缩放因子（否则高DPI屏幕上的文本太小）。Firefox 不遵守该操作系统设置，但我相信 Chromium 会遵守。所以也许可以尝试在Firefox中进行设置，将其放大到130%，并全屏最大化窗口。
[上一頁](https://meta.discourse.org/t/usercard-redesign-experiment/254353.md?page=5)
[下一頁](https://meta.discourse.org/t/usercard-redesign-experiment/254353.md?page=7)