iamwavecut / habrahabr.ru_night-mode Goto Github PK

например как тут
http://habrahabr.ru/post/64061/
$injector->whenCreating('Page')->forVariable('session')->willUse(new Reused('Session'));

Ломается на ревизии e7586f6

Жму "добавить в избранное" в ленте постов - отображается иконка кол-ва просмотров

Для совместимости с другими темами, например http://userstyles.org/styles/101529/new-habr-clean,
следует с 27 строки изменить

#layout
{
  position: relative;
}

на

#layout
{
  position: relative;
  background-color: rgb(51, 51, 51) !important;
}

Пул-реквесты не осилил :)

Опять же проблема на userstyles.org: сайт производит валидацию публикуемых стилей, при этом он не узнает конструкции media-queries и, соответственно, не дает размещать стили с ними. Разработчику я уже написал об этой проблеме, но, что-то мне подсказывает, что решение заставит долго себя ждать. Предлагаю разделить стиль на классический и ретина, или даже создать отдельный бранч для ретины и продвинутых пользователей.

Хочу предложить на правах большого пулл-реквеста код, основанный на Вашем, но корректно работающий с сегодняшней версией сайта. Код можно брать из https://userstyles.org/styles/101697/habradarkage

Почему не пулл-реквестом? Очень сильно переработанный код по структуре. Но был бы рад увидеть его размещение у вас, тогда мог бы реквестить сюда.

Сделано:

• у лого убрана длинная тень, добавлена подсветка по наведению
• верхняя панель Geektimes - почти незаметная, с названиями по наведению, по вертикали уменьшена до 1px
• доработки - расцветка текстов меню в стиле темы и некоторых недоделанных ранее элементов по сайту
• тёмный фон во всех селектах
• тёмный блок "Похожих статей" при расположении под статьёй
• заметный (коричневый) разделитель статьи и комментариев (контрастный цвет и размер)
• убраны рекламные ссылки из навигаций меню и правой панели
• аватары - ещё более бледные; при наведении с задержкой - набирают цвет и растут по размеру вдвое
• кнопки над полем ввода - подстроены на новый размер кнопок на сайте
• Те же тёмные блоки в футере для "Фрилансим" и "Бр-сторадж", оформление их заголовков
• на странице подготовки статьи: раскраска кнопок, фонов и выделителей спадающих списков
• .comments_list .searched-item на стр. поиска
• на странице поиска и своих комментариев: возможность нормальной работы с подсказками из HabraKarmaView
• скрытие кнопок "пожаловаться, как в ZenComment
• попиксельное исправление адаптированных иконок (все, которые переведены в base64)
• кнопки номеров страниц - на виду слева, но покрываются верхними кнопками на низких экранах

Планируется:

• подружить кнопки на левой боковой панели и кнопки номеров страниц. Хорошо (без скриптов) это сделать не получится, потому что блок кнопок страниц лежит в неправильном месте дерева DOM - конфликт z-индексов.
• ещё лучше упорядочить структуру кода, переставляя строки. В общем ещё дней 5 - и код будет отработанным. Но пользоваться можно уже сейчас.
• сделать адаптивное всегда видимое меню на широких экранах, как сейчас у ZenComment.

@extempl Есть мнение, что надо замутить рефакторинг. Использовать исходник в виде какого нибудь модного компилируемого фреймворка, например, Stylus. Убрать deprecated вещи. Ведь верстка хабра очень эволюционировала с момента создания юзерскрита. Есть мысли, возражения?

userstyles.org не допускает размещения на своем сайте стилей, объем которых превышает 100кб, поэтому нужно оптимизировать самые тяжеловесные спрайты, чтобы выполнить условия размещения

Поправите фон?