Выкладываю переработанные мной стили aftershock.news. Стили менял для повышения читабельности статей, а также хотелось иметь "ночной" режим, чтобы глаза меньше напрягались смотря на белый фон в темноте.
Демо
Пример 1
Пример 2
Пример 3 (Светлая vs Тёмная)
Изменения
Общее
- Убран ряд избыточных границ
- Добалено закругление границ для изображений
- Немного подкорректировано главное меню (Загловок ушёл в шапку, добавлен фон для активного пункта)
- Табы в разделе увеличены по размерам
- Цвета боковых меню "приглушены", чтобы не отвлекать от основного текста
- Реализована тёмная тема (Если в системе выставлено предпочтение тёмной темы, она включется автоматически)
Типографика
- Увеличено межстрочное расстояние (1.3)
- Основой шрифт (Arial) изменён на Roboto (Arial fallbacks)
- Уменьшен шрифт в правом боковом блоке (до 14px)
Шапка
- Логотип заменён на аватарку alexsword
- Уменьшена высота шапки
- "Социальные кнопки" перенесены вправо
Статья и комментарии
- Ограничена высота изображения в превью до 100px
- Уменьшен шрифт в блоках цитирования (до 14px)
- Добавлено небольшое скругление изображений
Тёмная тема
- Реализована цветовая схема для "ночного режима"
Подключение
Для подключения стилей можно использовать любое расширение, позволяющее подключать "кастомные" стили для сайтов. Я, к примеру, использую User CSS для Chrome. Просто пропишите данную строку в поле для стилей:
@import url('https://romanchuk.github.io/aftershock/custom.css');
Также можно вставить содержимое данного файла в стили, но тогда у вас не будет обновлений.
Стили также ложатся на мобильную версию, но с мобилками проблема в том, что кастомный CSS ты там не подключишь.
Комментарии
Отличная работа. За Roboto особое спасибо. Изучал его недавно со всем вниманием: классная разработка. Включил в.
1 пример - отлично!
2 пример - слишком много однообразного текста в куче
3 пример - ночная, на любителя
Я вот строго в ночной сижу. Глаза меньше устают. Я, правда, пользуюсь сафари на мак и расширением универсальным для всех сайтов.
Но все равно полезно для камрадов остальных.
Автору спасибо.
Если народу понравится (не ночной), можно и базовый обновить.
Как вариант сделать кнопку Beta (рядом с мобило версией)
с переключением на новый стиль в том числе ночной и потом уже смотреть на статистику
Одобряю. Темный фон интересно выглядит и читабельный вечерком.
Я бы на темный вариант перешел.
Постоянно только с телефона читаю, ночная кмк очень нужна
Поддерживаю. Тоже с телефона, и тоже вечерами читаю
А как на темный настроить?
В персонализации windows выбрать тёмный режим
http://joxi.ru/eAOLVZZF9KwWdr
А есть статистика сколько читают с компа, а сколько с мобильных устройств?
Мне как читателю только с телефона ночная тема необходима)
И я думаю нас таких много, и имя нам легион)
Может быть пора переходить на тёмную сторону?)
Это всё вполне уживается вместе, не нужно выбирать из двух одно.
Может не правильно поняли, я о том чтоб была кнопка на сайте с возможностью выбора день/ночь
На телефоне через хром не могу поставить ночную тему :(
Саму кнопку легко сделать, но в силу того, что мои стили "сбоку" и неофициальные - это пока невозможно)
Я сам бы с радостью пользовался ночным режимом с телефона, поэтому и начал задуряться со стилями.
Алекс, сделайте выбор темы для залогиненных, пожалста. Из этих двух светлой и тёмной.
Кукурузо - респект!
Я совершенно не против чтобы заиспользовали. Только, конечно, сейчас это переопределение на переопределении, там нужно в целом стили чистить - много избыточного кода
Алекс, ещё надо изображения в нормальном разрешении для экранов с высоким DPI, а то тут такие ужасы вот
отлично мне нравится. Правда пример 2 подкачал как мне кажется. Старый вариант компактнее
У Вас есть возможность добавить сюда?
Попробую добавить и туда, но их сайт "еле ворочается", это усложняеи процесс.
Мне видится наиболее правильным на этапе неоффициального расширения локальный файл.
В принципе хорошо. Хотя ночной режим на мой взгляд тоже имеет право на существование. Зрение у всех разное. Я например по работе много имею дела со сваркой. Глаза так устают что инет в иной день просто лишняя нагрузка.
Круто!!!
И "исчё" поиск гугла с правой стороны перекинуль в левый столбец и правую колонку на его место сместить вверъх. Сайт грузится рывками, бывает тЫкнеш пальцем в новость, а этот гад в этот момент вылазит и сдвигает весь столбец в низ. Так открывается не то что надо.Шёпотом матюгаюсь.
Пользуюсь аддоном для огнелиса, который позволяет перекрасить почти весь интернет в те цвета, которые нужны. Включается и отключается в два клика. https://addons.mozilla.org/ru/firefox/addon/dark-background-light-text/
я бы не сказал что идеал....
Для меня идеал, когда всё, в том числе и сайты перекрашивается когда я меняю тему на компе со светлой на тёмную. Но до этого идеала ещё очень далеко. Так, что костыли наше всё.
Отлично, мне нравится. Спасибо за работу. Ножной режим тоже гуд. Люблю читать АШ на сон грядущий, в темноте. Годами выработанная привычка. Приходится возиться с настройками экрана смарта, что не очень удобно. Была бы кнопочка день/ночь, как в мессенджерах, очень положительно принял бы.
Логичное требование) Пока не возможно в силу того, что я "сбоку" переопределил стили. Но в принципе, в будущем и кнопочка вполне реальна.
Годно. Спасибо.
Спасибо за ночной стиль.
Тёмная тема - хорошо. Спасибо за хорошую работу.
Очень круто!
Спасибо!
Ночная корявенькая, розовые хэштеги в тёмное надо перевести, и в целом не нужно такого, что половина надписей тёмные, а половина - светлые. Возьмите один цвет, где ник со стажем, например, и от него пляшите с маленькими шагами по яркости и цвету, до 20% - не больше.
ночная крутая. Да и в целом, шрифты приятнее.
Понравилось. Ночная нужна.
Если сделать как в инструкции:
То тема меняется на новый светлый стиль.
Как установить "ночной" стиль?
В винде включить тёмный режим
http://joxi.ru/eAOLVZZF9KwWdr
Спасибо.
Кстати в ночном режиме блок для создания комментария белый, а текст в нём всегда "неактивного" цвета :(
При загрузке страниц всегда загружается на мгновение "светлая" тема, а потом меняется на тёмную, аж глаз дёргаться начал. Но это, возможно, особенность лисички.
Пока нет возможности переопределить стили wysiwyg редактора, поэтому при создании статьи или коментария блок с редактором останется в тех цветах, в которых он изначально определён)
Ну это просто потому что стили передаёт не сайт изначально, а мы "натягиваем" сбоку... В этом смысле мелькание при загрузке ожидаемо
Особенно понравилась смена лого на более аскетичное. Оно (новое) мне кажется более современным.
Что касается темной темы, то пока собственного мнения не выработал. На первый взгляд лично мне не очень привычно. Но нужно тестировать. Было бы хорошо наличие кнопки "бета"
Не смогу читать на темном фоне светлый текст, проверено. А уж розовые буковки...
Пытался соблюсти цветовую палитру бренда "Aftershock", красный не ложился совсем, поэтому смягчил до условно "розового" =)
А тёмный на тёмном и не увидите) Тогда ваш выбор - светлый
Перспективный чат детектед! Сим повелеваю - внести запись в реестр самых обсуждаемых за последние 4 часа.
Спасибо! Круто. Ночная нужна.
Для людей с пониженным зрениям типа меня ночная неприемлема.
А какие у вас проблемы? Контраст недостаточный?
По причине отсутствия ночной темы, читаю на телефоне в приложении Афтершок и открываю в Самсунг браузере с ночной темой.
Страницы