🌗 На 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 Звезд (23 голосов, общий рейтинг: 4.52 из 5)
🤓 Хочешь больше? Подпишись на наш Telegramнаш Telegram.
... и не забывай читать наш Facebook и Twitter 🍒
FavoriteLoading В закладки
undefined
iPhones.ru
Нужен ваш фидбек.
Прокомментировать

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

  1. edarev avatar
    edarev13 августа 2019
    4

    !

    edarev avatar
    edarev13 августа 2019
    7

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

    desired avatar
    desired13 августа 2019
    0

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

  2. Pozharnik13 августа 2019
    0

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

  3. mag88 avatar
    mag8813 августа 2019
    0

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

  4. Maksut avatar
    Maksut13 августа 2019
    6

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

  5. ravenstoltz avatar
    ravenstoltz13 августа 2019
    5

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

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

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

  6. pro_vocator avatar
    pro_vocator13 августа 2019
    10

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

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

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

    AlexWolf avatar
    AlexWolf13 августа 2019
    1

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

    Silmaril13 августа 2019
    1

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

    pro_vocator avatar
    pro_vocator14 августа 2019
    0

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

  7. fimoz avatar
    fimoz13 августа 2019
    1

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

  8. Eduard Khan13 августа 2019
    1

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

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

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

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

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

    Eduard Khan13 августа 2019
    0

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

    Interpreter avatar
    Interpreter13 августа 2019
    0

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

  9. Sp0rk1 avatar
    Sp0rk113 августа 2019
    1

    вырви глаз…

  10. Guest13 августа 2019
    3

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

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

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

  11. Fleming avatar
    Fleming13 августа 2019
    8

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

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

    gravitiq avatar
    gravitiq13 августа 2019
    3

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

  12. Silmaril13 августа 2019
    0

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

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

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

  13. iZlodey avatar
    iZlodey13 августа 2019
    0

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

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

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

  14. Silmaril13 августа 2019
    0

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

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

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

    Silmaril13 августа 2019
    0

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

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

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

    Silmaril19 августа 2019
    0

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

  15. axinfernis avatar
    axinfernis13 августа 2019
    0

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

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

    Жалобы: [email protected]

    ☑️ Внедрили

    axinfernis avatar
    axinfernis13 августа 2019
    0

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

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

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

    axinfernis avatar
    axinfernis13 августа 2019
    0

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

    Dr.Plush avatar
    Dr.Plush13 августа 2019
    0

    @axinfernis, где?

    axinfernis avatar
    axinfernis13 августа 2019
    0

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

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

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

    axinfernis avatar
    axinfernis13 августа 2019
    0

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

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

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

  16. Silmaril13 августа 2019
    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 августа 2019
    0

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

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

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

  18. Johnny13 августа 2019
    0

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

  19. amyskin13 августа 2019
    0

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

  20. hotarm avatar
    hotarm13 августа 2019
    0

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

  21. axinfernis avatar
    axinfernis13 августа 2019
    0

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

  22. totekumi avatar
    totekumi13 августа 2019
    0

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

  23. amyskin13 августа 2019
    0

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

  24. HUIBAM avatar
    HUIBAM13 августа 2019
    4

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

  25. Cactusyan avatar
    Cactusyan13 августа 2019
    0

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

  26. Avanes avatar
    Avanes13 августа 2019
    0

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

  27. T3413 августа 2019
    0

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

  28. spirit202113 августа 2019
    0

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

  29. KubikMax avatar
    KubikMax13 августа 2019
    0

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

    Google Chrome 76.0.3809.100

  30. punisher.apk avatar
    punisher.apk13 августа 2019
    2

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

    punisher.apk avatar
    punisher.apk13 августа 2019
    1

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

  31. upup avatar
    upup13 августа 2019
    2

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

  32. NlKlTA13 августа 2019
    1

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

    NlKlTA13 августа 2019
    0

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

  33. serg avatar
    serg13 августа 2019
    0

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

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

  34. Makarov avatar
    Makarov13 августа 2019
    0

    Гуд.

  35. maclex13 августа 2019
    0

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

  36. gerush avatar
    gerush13 августа 2019
    0

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

  37. salis avatar
    salis13 августа 2019
    0

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

  38. Romking avatar
    Romking13 августа 2019
    0

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

  39. svitanak avatar
    svitanak13 августа 2019
    0

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

  40. Dima Braun avatar
    Dima Braun14 августа 2019
    1

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

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

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

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

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

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

  41. Hikita Glazkov14 августа 2019
    0

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

  42. Юрий avatar
    Юрий14 августа 2019
    0

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

    Dima Braun avatar
    Dima Braun14 августа 2019
    0

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

  43. sbarro avatar
    sbarro14 августа 2019
    0

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

  44. fuxfukovski avatar
    fuxfukovski14 августа 2019
    0

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

  45. iVillain avatar
    iVillain14 августа 2019
    0

    Вырвиглаз..

  46. Santa-Claus_16 avatar
    Santa-Claus_1614 августа 2019
    1

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

  47. MarkCynic avatar
    MarkCynic14 августа 2019
    0

    Достойно!

  48. George Nayfonov14 августа 2019
    0

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

  49. Ilart15 августа 2019
    0

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

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

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

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

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

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

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