[Техническое][Не официально] Альтернативные стили от 29.04.2020

Аватар пользователя Великий Кукурузо

Неофициальные стили обновлены. 

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

Появилась возможность отдельного подключения только тёмной темы.

 
Изменения 29.04.2020

Общее

  • Уменьшен верхний отсуп для 1го абзаца
  • Уменьшены отступы для единственного абзаца в блоке
  • Для остальных абзацев отступы увеличены с 10 до 12px
  • Изменены стили статусных сообщений (Успешное сохранение)
  • Уменьшены кнопки пейджинга
  • Добавлена возможность подключать отдельно тёмную тему (без переключения режима в системе)

Комментарии

  • При переходе к коментарию по якорной ссылке он выделяется цветом (http://joxi.ru/J2b6700f0egk52)
  • Раскраска цвета веток заменена на единый цвет. При этом:
  • При наведении на комментарий подсвечивается ветка прямых ответов на него (1ый уровень) http://joxi.ru/YmEKE44Sw7B4GA
  • При наведении на комментарий подсвечиваются заголовки прямых ответов (1ый уровень)

Тёмная тема

  • "Приглушён" цвет ссылок
  • Исправлено отображение настроек публикации, подсветка статей на этапе редактирования или добавления в черновик
  • Исправлено отображение "помеченых" комментариев
  • Добавлен отдельный css для подключения только тёмной темы
 
Изменения 25.04.2020

 

Подключение (update!)

Для подключения стилей можно использовать любое расширение, позволяющее подключать "кастомные" стили для сайтов. Я, к примеру, использую User CSS для Chrome. 

Светлая тема (с авто переключением в тёмную согласно настройкам системы)

@import url('https://romanchuk.github.io/aftershock/custom.css?v=2');

Только тёмная тема:

@import url('https://romanchuk.github.io/aftershock/custom.dark.css?v=2');

Приставка '?v=2' нужна только для того чтобы браузер перезапросил файл, который был обновлён, а не брал его из кэша.

Прочее

Пара человек спрашивало про размещение на https://userstyles.org/. Детально посмотрел этот сервис и выяснил, что он не обрабатывает нормально импорты css (проблемы начинаются уже со шрифтов). Помимо того что придётся "приседать" с тем, чтобы обойти их ограничения, это затруднит и саму поддержку стилей. При желании каждый может сам заморочиться и перетянуть туда стили, лично я не против.

Авторство: 
Авторская работа / переводика
Комментарий автора: 

Исправления по обратной связи из комментариев:

  • (тёмная) Подсветка редакторского комментария
  • Ссылки в лидерах обсуждений

Комментарии

Аватар пользователя mamomot
mamomot(11 лет 10 месяцев)

Интересно...

Сейчас кое что проверим...

Спасибо!

Аватар пользователя serg2013
serg2013(11 лет 6 месяцев)

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

Аватар пользователя Великий Кукурузо

Не замечал, если честно. Видимо местный редактор wysiwyg чудит, но это стилями не исправить)

Аватар пользователя Roman Nebezbesov
Roman Nebezbesov(6 лет 4 месяца)

Подтверждаю. Особенно сложно редактировать, если вставил кавычки. "Съедает" следующее слово, потом следующее... Лангольеры, блин. В простом текстовом редакторе проблем не замечено.

Аватар пользователя Остап
Остап(9 лет 9 месяцев)

Проблема есть и реальная под Андроидом. В браузерах на писюках не замечал, ябблом не пользуюсь.

Симптомы: когда текст длиннее трёх-четырёх строк, редактирование в теле (т.е. не дописывание в конце, а изменение уже написанного), то курсор иногда начинает скакать через слова, слова вдруг стираются, а куски перемещаются.

Аватар пользователя Олежа
Олежа(9 лет 11 месяцев)

Гугловая клавиатура с автозаменой так делает. Вернул самсунговую, отключил автозамены (подсказки оставил), больше не дурит.

Аватар пользователя serg2013
serg2013(11 лет 6 месяцев)

В других форумах или программах такого не бывает. 

Аватар пользователя Олежа
Олежа(9 лет 11 месяцев)

В других местах и приложениях не замечал, да. Есть другие предложения?

Аватар пользователя ЗАсЛУЖЕННЫЙ маШИНОсТРОИТЕЛЬ

В Yandex AddCSS работает с темным стилем

Аватар пользователя Эпиграмма
Эпиграмма(8 лет 3 месяца)

А нельзя ли как-то внятно (на пальцах и, возможно, со скриншотами) объяснить для неспецов, как этим можно воспользоваться, или дать ссылочку на объяснения, если они уже были. Или мне "своему" стороннему спецу звонить?

У меня яндекс-браузер на компе и на смартфоне и на ноуте и на планшете.

Аватар пользователя Эпиграмма
Эпиграмма(8 лет 3 месяца)

Нашла в предыдущем посте:

Просто пропишите данную строку в поле для стилей:

А где это поле для стилей?

Вот так у нас "инструкции" и пишут)))

Аватар пользователя Эпиграмма
Эпиграмма(8 лет 3 месяца)

Всё, справилась)))

Аватар пользователя Sergey316
Sergey316(9 лет 7 месяцев)

У вас там не хилый междусобойчик)

Объясните нам дебилам- это хорошо или плохо?

Аватар пользователя xna123
xna123(9 лет 1 день)

Здесь можно цвета поправить? Скрин из статьи https://aftershock.news/?q=node/860497

Аватар пользователя Великий Кукурузо

Исправлю

Аватар пользователя Великий Кукурузо

Исправлено, обновите ссылку:

@import url('https://romanchuk.github.io/aftershock/custom.dark.css?v=3');

Аватар пользователя xna123
xna123(9 лет 1 день)

Спасибо, работает.

Аватар пользователя eumorozov
eumorozov(5 лет 5 месяцев)

Не использую порождение корпорации зла под названием Chrome. В Firefox установил расширение Styler, создал новый стиль для url aftershock.news, вклеил туда строчку import. Вроде работает, вид ощутимо улучшился.

Спасибо за работу!

Аватар пользователя eumorozov
eumorozov(5 лет 5 месяцев)

Я бы еще предложил уменьшить ширину основного текста. Абзацы настолько растянуты по горизонтали, что читать больно. Без ваших стилей большие статьи было читать тяжело, сейчас стало лучше, но можно и еще улучшить.

Хотя, в принципе, теперь я и сам смогу допилить, наверное, под себя. Начинать всегда сложно, а когда уже есть с чего начать, становится проще.

Аватар пользователя Великий Кукурузо

С тезисом, что ширина должна быть ограничена согласен. Подумаю над реализацией...

Аватар пользователя iva.maximus
iva.maximus(5 лет 4 месяца)

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

Аватар пользователя Великий Кукурузо

Не в моих силах, это вопрос/предложение к администрации

Аватар пользователя БК 0010
БК 0010(7 лет 1 месяц)

О, тенк ю вери мач! Итс мач беттер нау! Клин энд камфрт.

Аватар пользователя марионетка мордера

WoT - Мир Танков, продолжение (часть 22 не финальная...САУ UK. - страница 5...

 

Аватар пользователя БК 0010
БК 0010(7 лет 1 месяц)
 

 

Аватар пользователя Niss
Niss(10 лет 7 месяцев)

В "Лидерах обсуждений" число новых комментов переносит строчку и имеет другой вид

Аватар пользователя Великий Кукурузо

Спасибо за обратную связь! Исправлено, обновите ссылки:

Для светлой

@import url('https://romanchuk.github.io/aftershock/custom.css?v=3');

Для тёмной

@import url('https://romanchuk.github.io/aftershock/custom.dark.css?v=3');

Аватар пользователя кислая
кислая(10 лет 5 месяцев)

А можно что-нить с таблицами придумать, ну жуткие же - вообще редактированию не поддаются..

Аватар пользователя Олежа
Олежа(9 лет 11 месяцев)

Ежели только html переписать, это его убожище.

Можете попробовать править таблицы в режиме "Источник"

Изменение добычи ресурсов по годам
  2003 2004 2005
Нефть 43 51 79
Золото 29 34 48
Дерево 38 57 36

 

 
Табличка

Или просить Алекса прикрутить LaTex какой-нибудь, например. Там свои таблички. 

Аватар пользователя Antropomorf
Antropomorf(10 лет 9 месяцев)

Вот если бы еще ширина текста заметки в режиме мобилы сама подгонялась бы под экран с выбранным масштабом... эх, мечты, мечты...