🌗 На iPhones.ru появилась тёмная тема. Тестируем вместе

Никита Горяинов avatar | 80
FavoriteLoading В закладки
На iPhones.ru появилась тёмная тема. Тестируем вместе

Не могли пройти мимо тренда.

В начале осени официально выйдет iOS 13 с тёмной темой интерфейса. Работать она будет не только в прошивке, но и на поддерживаемых сайтах в браузере.

Теперь Айфонс в их числе. У нас появилась тёмная тема, вполне себе работает.

Этот пост не столько анонс, сколько предложение: дайте обратную связь.

Как включить тёмную тему на iPhones.ru

1. В шапке сайта есть переключатель.

2. Нажмите.

3. 🤯

Выключается так же.

А тема меняется на тёмную и обратно вместе с настройками в iOS 13?

Вообще-то да, но пока нет.

Фича работала первые 24 часа, потом пришлось выключить. Любители подёргать за ручной переключатель темы заводят систему в тупик, после чего она отказывается работать до полной перезагрузки браузера.

Я считаю, что нельзя делать полностью автоматическое переключение темы и убирать переключатель. Читатель сам решит, как ему удобнее смотреть наш сайт.

Так что сделаем автоматическую смену оформления, когда найдем рабочее решение.

Что делать, если тёмная тема не нравится или глючит?

Жаловаться!

Пост выпускаю, чтобы не искать ваши отзывы и пожелания в комментариях рандомных статей. Наша тёмная тема сейчас в бета-тесте, равно как и сама iOS 13.

Важно! Будьте конструктивны. Пишите, что нужно поправить – выглядит плохо, не отображается, напрягает. Какие блоки и фрагменты сайта смотрятся ужасно в тёмной теме.

Жду комментарии тут или на [email protected]. Спасибо.

Будем дорабатывать, постараемся успеть к релизу iOS 13.

P.S. Выбранная тема сохраняется в сессии браузера, но не привязана к аккаунту читателя. Если что-то совсем сломалось и читать сайт стало невозможно, закройте браузер полностью. Можно не открывать обратно, просто отлипните наконец от экрана и выйдите на улицу, лето почти прошло.

P.P.S. Если вы видите этот текст, то вы включили тёмную тему. Вот это поворот!

Рейтинг поста:

1 Звезд2 Звезды3 Звезды4 Звезды5 Звезд (4.52 из 5, оценили: 23)
🤓 Хочешь больше? Подпишись на наш Telegramнаш Telegram.
... и не забывай читать наш Facebook и Twitter 🍒
FavoriteLoading В закладки
undefined
iPhones.ru
Нужен ваш фидбек.
Прокомментировать

🙈 Комментарии 80

  1. edarev avatar
    edarev13 августа в 16:51
    4

    !

    edarev avatar
    edarev13 августа в 16:53
    7

    @edarev, Если по делу, то хорошо работает, хотя привык уже к обычному режиму. Лучше замутите приложение свое, давно пора уже!

    desired avatar
    desired13 августа в 21:04
    0

    @edarev, уже было приложение вроде… что-то не пошло:))

  2. Pozharnik13 августа в 16:54
    0

    да вроде норм работает

  3. mag88 avatar
    mag8813 августа в 16:54
    0

    Ребята, вы конечно молодцы, но надеюсь тёмная тема на иос будет работать лучше.

  4. Maksut avatar
    Maksut13 августа в 16:57
    6

    Работает как инверсия цветов на айфоне.

  5. ravenstoltz avatar
    ravenstoltz13 августа в 16:59
    5

    Работает сносно, но панелька с «Продать iPhone» и «Мы в Telegram» белая независимо от темы.

    Никита Горяинов avatar
    Никита Горяинов13 августа в 17:03
    0

    Да, спасибо. Поправим.

  6. pro_vocator avatar
    pro_vocator13 августа в 16:59
    10

    Без обид, но тёмная тема для новостных и аналитических страничек с текстом это шляпа чуть более, чем полная. Мои глаза и мозг изнасилованы в попытках что-либо прочитать с комфортом. Одно дело в граф-редакторах работать или видео клеить и совсем другое дело с текстом. Короче, фигнёй не майтесь, лучше поднимите качество самих статей. Спасибо.

    Никита Горяинов avatar
    Никита Горяинов13 августа в 17:07
    0

    Сам не фанат тёмных тем, когда речь идёт о тексте. Но пока она вручную включается, никому мешать не должна.

    AlexWolf avatar
    AlexWolf13 августа в 18:04
    1

    @Никита Горяинов, могу написать ровно наоборот. В темной комнате мне комфортнее читать в темной теме.
    Про синий цвет некоторых текстов и “не совсем черный фон” уже написали, надо менять.
    Сделайте как на Пикабу – темно серый фон, не совсем белый текст и выбор цвета заголовков.
    И пожалуйста, не будьте как Гугл – придумали что-то, набрали пользователей и закрыли проект нафиг.

    Silmaril13 августа в 17:13
    1

    @pro_vocator, сколько людей столько и мнений. Но думаю что даже вы не будете отрицать, что при плохом освещении (перед сном к примеру) не хочется чтобы белый цвет страницы выедал глаза

    pro_vocator avatar
    pro_vocator14 августа в 10:46
    0

    @Silmaril, отрицать не буду, но именно для этого существует настраиваемая яркость монитора. Ну ребят, правда, эти чёрные темы как мода – все за ней гонятся, но нужно использовать её с умом, читай к нужному случаю. Действительно, при определённой работе с картинками/видюшками/иллюстратором она объективно нужна. Но Вы же на беговую дорожку на каблуках не выходите, правда?

  7. fimoz avatar
    fimoz13 августа в 17:00
    1

    За последний абзац про лето – зефиру этому афтору.

  8. Eduard Khan13 августа в 17:02
    1

    мне кажется, что фон слишком темный. было бы неплохо добавить 2-3 разных варианта. Например темно-синий, черный, серый. Тогда люди сами выберут подходящий. как например на сайте ifreedom точка su (Не реклама, просто один из вариантов)
    И еще, Тэги некрасиво смотрятся в темном варианте. т.е. черный на темно-синем сложно воспринимается.

    Никита Горяинов avatar
    Никита Горяинов13 августа в 17:11
    1

    Сложный вопрос насчёт фона. Философия Apple в этом плане такая: фон именно чёрный, а подменю и всплывающие панели – серые. Сейчас стараемся делать так же.

    Делать кастомизацию вариантов одной темы – пока не вариант, да и нелогично. На мой взгляд, должно быть что-то одно. Мы же не конструктор Лего.

    Про теги и синий цвет: спасибо, доработаем

    Eduard Khan13 августа в 18:49
    0

    @Никита Горяинов, ааа, тогда понял. Не знаю, может шрифт другой подобрать. Более мягкий. На черном фоне буквы нечитаемые почти.

    Interpreter avatar
    Interpreter13 августа в 18:18
    0

    @Eduard Khan, как на двачах

  9. Sp0rk1 avatar
    Sp0rk113 августа в 17:06
    1

    вырви глаз…

  10. Guest13 августа в 17:13
    3

    Синий цвет ников на сайте в комментах это трэш.

    Никита Горяинов avatar
    Никита Горяинов13 августа в 17:21
    0

    Гуд, и это поправим, спасибо

  11. Fleming avatar
    Fleming13 августа в 17:21
    8

    Нельзя просто взять и раскрасить все белое в черный.
    Нужна нормальная палитра, нужен переработанный дизайн некоторых UI-элементов.
    У вас блог формата 2010 года, нельзя просто покрасить, нужно менять дизайн целиком.

    Сто разных цветов, включая убогий синий, провальнаый движок комментариев – пора меняться.

    gravitiq avatar
    gravitiq13 августа в 18:12
    3

    @Fleming, +++. Как любитель темный тем говорю: лучше белый, чем просто черный. Посмотрите на пикабу, как там сделана темная тема. Уберите черный сделайте темно синий, или темно серый. Черный – это огромная контрасность.

  12. Silmaril13 августа в 17:23
    0

    Ваш P.P.S. виден в режиме ридера. Вот это поворот!

    Никита Горяинов avatar
    Никита Горяинов13 августа в 17:27
    0

    Смекалочка, однако

  13. iZlodey avatar
    iZlodey13 августа в 17:25
    0

    Адовые цвета:
    1. Имя пользователя рядом с юзерпик
    2. Кнопка Отправить
    3. Активные гиперссылки, ну и ховер у них не должен быть таким темным.
    4. Фон попробуйте поменять на #0e0c1c

    Никита Горяинов avatar
    Никита Горяинов13 августа в 17:28
    0

    Гуд, спасибо – попробуем.

  14. Silmaril13 августа в 17:26
    0

    А можете заодно еще и иконку починить? Тапните в Safari (на маке) на адресную строку и обнаружите там иконку в очень плохом разрешении.

    Никита Горяинов avatar
    Никита Горяинов13 августа в 17:37
    0

    Скиньте плиз скрин сюда или на [email protected]. Проверить не могу – у меня всё ОК и на маке в Safari, и на айфоне в Safari.

    Silmaril13 августа в 18:45
    0

    @Никита Горяинов, у меня есть подозрение что пока мы обсуждали вы уже все поправили. У меня в истории все еще иконки старые и прежде чем писать комментарий я проверял,но после обновления страницы иконка обновляется на высокое разрешение. Так что уже не актуально 👍

    Никита Горяинов avatar
    Никита Горяинов13 августа в 19:04
    0

    Ничего не правили, но раз проблемы нет, то нет 👍

    Silmaril19 августа в 4:51
    0

    @Никита Горяинов, все-таки проблема есть:
    1) воспроизводится только на статьях
    2) иконка меняется с low res на high res и обратно после обновления страницы
    3) воспроизводится и на iOS 13 (видно в режиме вкладок)

  15. axinfernis avatar
    axinfernis13 августа в 17:27
    0

    Пря темная тема это самое нужное. Вам бы сначала внедрить жалобы.

    Никита Горяинов avatar
    Никита Горяинов13 августа в 17:29
    0

    Жалобы: [email protected]

    ☑️ Внедрили

    axinfernis avatar
    axinfernis13 августа в 17:34
    0

    @Никита Горяинов, А рядом с постом нельзя сделать ? 2019г. в се на мыло отправляем. У вос же есть модерация так в чем проблема ? Или все таки нет модераторов ?

    Никита Горяинов avatar
    Никита Горяинов13 августа в 17:36
    0

    Форму хотите, как здесь «задать вопрос»?

    axinfernis avatar
    axinfernis13 августа в 17:41
    0

    @Никита Горяинов, Интересно и за что меня заблокировали ?

    Dr.Plush avatar
    Dr.Plush13 августа в 18:27
    0

    @axinfernis, где?

    axinfernis avatar
    axinfernis13 августа в 18:32
    0

    @Dr.Plush, ФОтки отправляю и надпись о блокирации.

    Никита Горяинов avatar
    Никита Горяинов13 августа в 19:06
    0

    Cloudflare 🤦🏻‍♂️ поправим. Никто от этого не блокируется по факту.

    axinfernis avatar
    axinfernis13 августа в 19:09
    0

    @Никита Горяинов, Я просто хотел выложить как темная тема на samsung internet реализована

    Никита Горяинов avatar
    Никита Горяинов13 августа в 19:14
    0

    Попробуете на файлообменник?

  16. Silmaril13 августа в 17:33
    2

    Я не против (как некоторые) оставить полностью черный цвет фона. Но тогда сделайте текст не полностью белым, а например на 90% белым.

    The rules are simple here: nothing should ever be 100% black on 100% white and vice versa. White reflects all wavelengths of light, black absorbs it. If you put 100% white text on a 100% black background, the letters reflect light, scatter and become harder to distinguish from each other, affecting readability.
    Same goes for a 100% white background, which reflects too much light to fully focus on the words. Try softening the whites a bit, use light grays for backgrounds and for texts on black backgrounds. This will be easier on the eyes, preventing eye strain

    Никита Горяинов avatar
    Никита Горяинов13 августа в 17:38
    0

    Логично, не поспорить.

  17. Pigzilla avatar
    Pigzilla13 августа в 17:38
    0

    Слишком контрастно.
    Тёмная не значит – чёрная)
    И синий на чёрном – жесть

  18. Johnny13 августа в 17:42
    0

    цвета ужас. присмотритесь к палитре Chrome

  19. amyskin13 августа в 17:43
    0

    Что с appstore у меня все приложения обновились, больше 100 обновлений.
    Или это только у меня?

  20. hotarm avatar
    hotarm13 августа в 17:43
    0

    Попробуйте не чёрный, а тёмно-серый фон. Сейчас прям вырви-глаз какой то 😬

  21. axinfernis avatar
    axinfernis13 августа в 17:45
    0

    Вот скажите за чем это все нужно, если ОС сама прекрасно справляется с конвертацией ?

  22. totekumi avatar
    totekumi13 августа в 17:47
    0

    насколько я понимаю, абсолютно черный для Led экранов новых айфонов нужен.
    для десктопной версии нужен темно серый: как в macOS последних. меньше контраста иначе рябит и глаза устают. Синий тоже чуть менее кислотный взять.

  23. amyskin13 августа в 17:48
    0

    После перехода на светлую тему с темной состояние не сохраняется :(
    Темная – потом кнопка на светлую- Нажимаем F5 и опять стала темная и уже если еще раз перейти на светлую, то ок

  24. HUIBAM avatar
    HUIBAM13 августа в 17:49
    4

    Нет слов, одни эмоции!

  25. Cactusyan avatar
    Cactusyan13 августа в 17:49
    0

    Слишком темный и тяжело восприимчивый фон. Сама Apple используем не черный, а темно-серый цвет для фона. Стоит попробовать..

  26. Avanes avatar
    Avanes13 августа в 17:51
    0

    Темная тема – норм. В конце рабочего дня не так глаза напрягаются. После переключения обратно на белую – глаза режет.
    Но только, как уже упоминалось выше, лучше сделать текст не белым, а серым – легче будет читать.

  27. T3413 августа в 17:52
    0

    Когда выделяешь слово, появляются эти облака: выбрать, выбрать все, произнести…, они на чёрном фоне и их контуры становятся не видны.

  28. spirit202113 августа в 18:13
    0

    Прошу прощения, что не по теме пишу, но на сайте есть баг: нельзя авторизоваться через соц сети для написания комментария, ни через вк, ни через твиттер.

  29. KubikMax avatar
    KubikMax13 августа в 18:14
    0

    Нашел минибаг!
    Заходишь в статью,
    включаешь темную тему,
    выключаешь темную тему,
    переходишь на главную (нажатием на логотип сайта),
    тема становится снова темной)

    Google Chrome 76.0.3809.100

  30. punisher.apk avatar
    punisher.apk13 августа в 18:35
    2

    бесит белая полоска сверху, на главной странице – белая полоса с баннером
    не нравятся никнеймы синим, кнопки и ссылки – гуд
    цвет никнейма при наведении курсора меняется на черный – бред, ничего не видно
    контур кнопки переключения цветовой схемы в чёрной теме выглядит коряво – видно на гифке с демонстрацией переключения тем
    пустые аватарки в темной теме можно сделать чуть темнее, чтобы не так сильно бросалось в глаза на контрасте
    не нравится обилие ярких и светлых картинок к статьям и ленте объявлений, может возможно наложить на них фильтр с затемнением(градиентом в черный) по краям?
    кнопку загрузить фото сделать бы такой же, как и переключатель отображаемого никнейма в настройках профиля
    бесят белые банеры рекламы гугл
    если нажать редактировать сообщение, то поле ввода – белое

    punisher.apk avatar
    punisher.apk13 августа в 18:42
    1

    в белой версии сайта по бокам есть серые полоски, в черной – все черное, это странно

  31. upup avatar
    upup13 августа в 18:54
    2

    Цвет хотелось бы более серый, а не черный

  32. NlKlTA13 августа в 19:33
    1

    Пишу 5 раз, каждый раз меня почему то блокирует, надеюсь сейчас будет хорошо, тема черная гуд, но я бы лучше сделал её либо серой, либо синей, а вот белая реклама, эта боль!

    NlKlTA13 августа в 19:33
    0

    @NlKlTA, а ещё вопрос, почему я не могу загрузить фото?

  33. serg avatar
    serg13 августа в 19:45
    0

    вот для сравнения мой сайт в “не совсем черном”, что меня дико бесит: due-diligence.li

    С удовольствием поменяю на ваш сугубо черный.

  34. Makarov avatar
    Makarov13 августа в 19:48
    0

    Гуд.

  35. maclex13 августа в 19:51
    0

    Чисто черный профессионалам давно всем надоел и режет глаз (школоте норма конечно)….сделайте типа Dark Gray с примесью черного и светло серого. Тогда будет чотко ;-)

  36. gerush avatar
    gerush13 августа в 20:30
    0

    самая крутая тёмная тема пока что у YouTube там цвета очень приятные и хороши подобраны. Скопируйте оттуда и не мучайтесь.

  37. salis avatar
    salis13 августа в 20:39
    1

    Круто, только вот переключатель при обновлении на секунду выключен! Попробуйте поправить правильно куки

  38. Romking avatar
    Romking13 августа в 20:51
    0

    По мне так тёмный й фон лучше чёрного – не «режет» глаза.

  39. svitanak avatar
    svitanak13 августа в 22:23
    0

    слишком темная, лучше графитовую

  40. Dima Braun avatar
    Dima Braun14 августа в 0:14
    1

    Можно я не буду читать все комментарии, поэтому если где повторюсь, извините.

    Очень не нравится этот синий цвет, которым отображаются имена комментаторов, кнопка “Показать ещё” и все остальные элементы в этом цвете. Он очень тёмный синий для чёрной темы.

    Вот, например, кнопка в шапке страницы “+Добавить пост” выглядит просто обалденно.
    У статей кнопка “Показать ещё” выглядела бы просто потрясно в любом из тех оттенков и в градиенте тоже.
    А так этот “депутатский” синий очень унылый.

    Плюс не понимаю, почему у вас по старинке такой сайт в виде узкой ленты. Сейчас на чёрной теме пространство справа от статей кажется огромным и пустым (справа от текстов, от комментариев и вообще правая сторона сайта).
    Мне кажется, было бы круче, если бы это было похоже на 9to5mac, например.

    Такой широкий сайт с яркими кнопками (почти флюресцентными) на чёрном фоне выглядели бы круто.

    А так в целом отличный старт! :)))

  41. Hikita Glazkov14 августа в 3:18
    0

    Лично я вот всеравно не понимаю эту тему, когда переключаю получается черный вырви глаз и как то некомфортно, и в целом какойто колхоз. Вот если в темной теме поменять цвет на черный, который из мохави, то будет более стильно. А так в темноте мне удобнее яркость снизить просто

  42. Юрий avatar
    Юрий14 августа в 7:29
    0

    Всё ничего, но вот эта реклама блин в шапке напрягает. Либо её тоже переводить в чёрный цвет.

    Dima Braun avatar
    Dima Braun14 августа в 12:26
    0

    @Юрий, да, это правда! С рекламными баннерами тоже нужно что-то подумать.

  43. sbarro avatar
    sbarro14 августа в 8:15
    0

    Почему все считают, что темная – значит черная? Ну убого же выглядит. Как сказано выше – как инверсия на ИОС. Сделайте более плавной. Не достаточно просто поменять белый на черный. Слишком контрастная палитра получается. Лучше сделать темно-серый, а не черный. Ну и синего конечно перебор….

  44. fuxfukovski avatar
    fuxfukovski14 августа в 9:06
    0

    Самая лучшая темная тема в Телеграмме. Фон не должен быть чёрным, он может быть немного серым с оттенком. Оттенок как раз даст индивидуальность и стиль.

  45. iVillain avatar
    iVillain14 августа в 10:37
    0

    Вырвиглаз..

  46. Santa-Claus_16 avatar
    Santa-Claus_1614 августа в 12:06
    1

    Нужно чтоб любая темная тема на компе была таки оттенками, а не чисто черной. Чтоб была серая, темно серая. На телефоне правильные пацаны делают темную тему + amoled true темную тему

  47. MarkCynic avatar
    MarkCynic14 августа в 15:18
    0

    Достойно!

  48. George Nayfonov14 августа в 23:05
    0

    Мне кажется, серая была бы лучше. От этой глаза побаливают. Да и плюс белые картинки, это вообще… но с этим ничего не поделаешь.

  49. Ilart15 августа в 21:39
    0

    Как любитель почитать перед сном новостные сайты, говорю что вещь однозначно нужная.

    Мне не нравится совсем уж чёрный, на контрасте с белым текстом, режет глаза. Может сделать темно-серым?

Вы должны авторизоваться или зарегистрироваться для комментирования.

Нашли орфографическую ошибку в новости?

Выделите ее мышью и нажмите Ctrl+Enter.

Как установить аватар в комментариях?

Ответ вот здесь