Неофициальные стили обновлены.
Ключевые изменения затронули: структуру страниц, типографика (увеличины заголовки, уменьшено межбуквенное растояние), отображение изображений и видео в статьях
Типографика
- Уменьшено межбуквенное расстояние (-0.01em)
- Увеличен размер заголовков h1,h2
Статьи
- Изображения и видео центрированы
Структура
- Ширина контента ограничена максимумом в 1180px
- Увеличины отступы статьи от боковых колонок
- Колонки контента переведены на grid представление, вместо табличного
Тёмная тема
- Исправлены стили для скрытых веток
- Исправлен цвет "закреплённой" новости в ленте
- Добавлены стили для виджета google поиска
Общее
- Уменьшен верхний отсуп для 1го абзаца
- Уменьшены отступы для единственного абзаца в блоке
- Для остальных абзацев отступы увеличены с 10 до 12px
- Изменены стили статусных сообщений (Успешное сохранение)
- Уменьшены кнопки пейджинга
- Добавлена возможность подключать отдельно тёмную тему (без переключения режима в системе)
Комментарии
- При переходе к коментарию по якорной ссылке он выделяется цветом (http://joxi.ru/J2b6700f0egk52)
- Раскраска цвета веток заменена на единый цвет. При этом:
- При наведении на комментарий подсвечивается ветка прямых ответов на него (1ый уровень) http://joxi.ru/YmEKE44Sw7B4GA
- При наведении на комментарий подсвечиваются заголовки прямых ответов (1ый уровень)
Тёмная тема
- "Приглушён" цвет ссылок
- Исправлено отображение настроек публикации, подсветка статей на этапе редактирования или добавления в черновик
- Исправлено отображение "помеченых" комментариев
- Добавлен отдельный css для подключения только тёмной темы
Общее
- Убран ряд избыточных границ
- Добалено закругление границ для изображений
- Немного подкорректировано главное меню (Загловок ушёл в шапку, добавлен фон для активного пункта)
- Табы в разделе увеличены по размерам
- Цвета боковых меню "приглушены", чтобы не отвлекать от основного текста
- Реализована тёмная тема (Если в системе выставлено предпочтение тёмной темы, она включется автоматически)
Типографика
- Увеличено межстрочное расстояние (1.3)
- Основой шрифт (Arial) изменён на Roboto (Arial fallbacks)
- Уменьшен шрифт в правом боковом блоке (до 14px)
- Отключён перенос слов через "-"
Шапка
- Логотип заменён на аватарку alexsword
- Уменьшена высота шапки
- "Социальные кнопки" перенесены вправо
Статья и комментарии
- Ограничена высота изображения в превью до 100px
- Уменьшен шрифт в блоках цитирования (до 14px)
- Добавлено небольшое скругление изображений
Тёмная тема
- Реализована цветовая схема для "ночного режима"
Подключение
Для подключения стилей можно использовать любое расширение, позволяющее подключать "кастомные" стили для сайтов. Я, к примеру, использую User CSS для Chrome.
Светлая тема (с авто переключением в тёмную согласно настройкам системы)
@import url('https://romanchuk.github.io/aftershock/custom.css?v=17.05.2020');
Только тёмная тема:
@import url('https://romanchuk.github.io/aftershock/custom.dark.css?v=17.05.2020');
Приставка '?v=17.05.2020' нужна только для того чтобы браузер перезапросил файл, который был обновлён, а не брал его из кэша.
Комментарии
В только темной теме в окне "Comment" редактора набираемый текст настолько бледно-серый, что его практически не видно. Это только у меня или вообще? Если только у меня - то буду разбираццца)))
У меня не бледно серый... Но посмотрю в чём может быть дело
Кажется понял в чём дело, залил исправление.
Обнови ссылку и попробуй
Нет, у меня всё так же. "светло-серо". Вполне возможно, что мне надо что-то "у себя" довтыкать.
Вставьте в dark.css строчку, будет фон окошка тёмным:
body {
color: var(--aft-base__color);
background-color: var(--aft-input__background-color);
}
(как на скриншоте будет; хотя тут ещё есть, над чем работать. Страница закачки файлов белая, поля редактора, спадающий список, фон у кода
UPD: подкрасил форму ввода в тёмной теме, чтобы лучше выглядела - как на скриншоте:
И ещё 1 финт есть для тёмных тем для картинок - потускнение при ненаведённой мыши, что позволяет сгладить яркие цвета и не потерять исходный вид фото в комментах.
+ есть мнение, что надо поаккуратнее шрифт внедрять, убрать из него всё лишнее. Каждый файл там на 11-15 КБ, но их там десятки лишних и 12 нужных (можно оставить 9) https://web-panda.ru/post/kak-pravilno-podklyuchit-shrift
Да я знаю прекрасно как шрифт подключать))) Мы же тут сейчас не production ready продукт обсуждаем
Слушай, а если людям нравится, возьмёшься их для аш покрутить?
Почему бы и нет)
style.css достаточно будет? двух точнее (десктоп + мобильная)
Я в личку напишу
Вот когда отсюда коммент пишу - прямо со страницы, с корня, то нормально - черное. А если с "Ответить", или с "изменить", то светло-серое
Великий Кукурузо!
Подозреваю, что вы как-то причастны к исчезновению панели инструментов в текстовом редакторе комментария, что сегодня случилось на моём компе.
панель на месте, и изменений камрада на сервере нет. если стоят резалки скриптов - отключить
В мобильном Спутнике панели редактора нет. Встроенная резалка есть. В десктопном Спутнике со встроенной резалкой нормально все.
Адресовать вопрос разработчикам браузера тогда, мы не можем отвечать за его уничтожение легитимных скриптов.
Если Вы не используете мои стили - то точно не причастен.
Также обратите внимание, что под текстовым редактором есть кнопка/ссылка "Переключить на простой текстовый редактор". Если её нажать, то панель инструментов уберётся. Нажмите на неё второй раз и она вернётся
Скрины в новость впилил-бы как выглядит АШык со скинами.
Напоминаю также о наличии многоколоночных стилей, которыми пользуюсь последние года 2 и подпиливаю, когда надо. https://userstyles.org/styles/142209/aftershock-news-cleaning (открывается сайт медленно в последнее время, а чтобы установить стили через него, нужно установить расширение браузера Stylus).
За прошедшие с анонса 2 года крупных дополнений не произошло. Добавлена удобная работа со встроенными видео в узких колонках и дополняю скрытия (серым фоном, убирающимся по наведению мыши) комментариев не читаемых мною нескольких авторов (аналог скрытия комментариев у расширенных аккаунтов).
Использую регулярно и пользоваться скорее удобно, чем неудобно, хотя кое-какие широкие таблицы в статьях иногда не влезают в узкие колонки, нарушая вёрстку, но иногда можно и отключить стили, а затем снова включить на следующей странице, т.к. такое переключение ничего не рушит на странице при переходе из одного вида в другой.
На ноуте, например, обычно 2 колонки, на 2 мониторах - 3, и окно размещаю так, чтобы 2 колонки попали в первый монитор, а одна и правый сайдбар - на второй. Стиль чтения "по колонкам" может показаться специфичным, но это дело вкуса.
Если бы они были тоже на сайте, то галочками в аккаунте можно: включать колоночность, включать тёмную тему (от стиля Кукурузо), скрывать комменты по настройкам юзера, а не жёстко вписывать, как у меня сейчас. При адаптации понадобится совместимость между стилями, потому что, естественно, стили разных авторов могут конфликтовать, если тестировались раздельно, а потом включены вместе. Полное отключение стилей возвращает сайт к "классике" - 1 колонка и сайдбары.
Пример того, как выглядит страница на 3 колонки сейчас (Firefox или Хром обычно).
test