Мне очень нравятся оба этих новых дизайна карточки пользователя (которые использует наш сайт) и представление карточек в каталоге пользователей, и я надеюсь, что в будущем они станут поддерживаемыми компонентами.
Я, со своей стороны, люблю яркие однотонные фоны — розовые или любые другие.
Мне они довольно нравятся на скриншоте в тёмной теме, и они выглядят довольно стильно. Правда, я сам не использую тёмную тему, так что, возможно, это противоречит её сути, если там будет большой всплеск цвета. ![]()
Кстати, на нашем сайте я переопределяю фон вот так:
общий CSS
#user-card {
background: #eeeeee;
...
}
Я почти везде использую тёмную тему и согласен, что яркие цвета немного отвлекают и вызывают перегрузку. На мой взгляд, они даже добавляют стресса и ощущения срочности, что, безусловно, не является целью. Можно ли приглушить цвета карточек пользователей, чтобы они оставались красивыми, но не были такими яркими?
Лично я считаю, что этот эксперимент был отличным, и надеюсь, что он приведёт к улучшениям в основном функционале Discourse.
Мне они довольно нравятся на скриншоте в тёмной теме, и они выглядят очень стильно. Хотя я сам не использую тёмную тему, так что, возможно, это противоречит её сути, если там будет яркий всплеск цвета.
Я использую тёмную тему отчасти потому, что чувствителен к очень ярким экранам (особенно ночью), так что это действительно противоречит самой цели тёмной темы.
Я чувствителен к очень ярким экранам (особенно ночью), так что это действительно сводит на нет смысл тёмной темы.
Возможно, стоит сделать так, чтобы карточки пользователей имели тёмный оттенок в тёмной теме, чтобы они не были такими яркими и раздражающими в целом.
Вот как будет выглядеть карточка @seanblue с фильтром яркости:
Оригинал
Яркость 0.8:
Яркость 0.6:
Яркость 0.4:
Я использую тёмную тему отчасти потому, что у меня высокая чувствительность к очень ярким экранам (особенно ночью), поэтому это действительно противоречит цели тёмной темы.
Благодаря предложению @Canapin выше, я внес небольшое изменение здесь на meta для случая, когда схема цветов — тёмная версия. Фон должен быть немного темнее. Можете проверить, стало ли лучше?
Да, по-моему, это намного лучше. Лично мне нравится текущий вариант с фоном, но многим другим он не по душе, поэтому в какой-то момент я, вероятно, сделаю компонент, который реализует идею с доминирующим цветом.
Это уже в плане, осталось только интегрировать ![]()
Благодаря предложению @Canapin выше, я внес незначительное изменение здесь, на meta, для тёмной версии цветовой схемы. Фон должен стать немного темнее.
Хм, кажется, что-то пошло не так на мобильных устройствах? Он выглядит таким же ярким, как и раньше (или похожим), и больше не размыт.
Я не знаю, что именно вы выбрали, но, думаю, что-то вроде примера с яркостью 0,6, вероятно, было бы хорошо.
Это моя ошибка, я не добавил префикс -webkit в тот PR, но теперь это исправлено.
Новая версия действительно выглядит намного лучше.
Исправление применено и на моём форуме. Спасибо @jordan.vidrine. Мне очень нравится эта экспериментальная карточка пользователя TC, но она уже не должна быть экспериментальной ![]()
уже не должно быть экспериментальным
Я согласен. Это слишком хорошо, чтобы прятать это как «экспериментальное».
Привет ![]()
Я заметил проблему с местоположением. Похоже, после первого открытия карточки пользователя 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», но проблема начинает проявляться и в теме «Default» в зависимости от уровня масштабирования и количества активных участников:
Я попробовал ваши настройки, но, похоже, мне не удалось воспроизвести проблему.
Просто для уверенности — вы приближаете масштаб после открытия модального окна карточки пользователя, или карточка пользователя всегда отображается так, как на вашем скриншоте, каждый раз при клике на аватар?




