Тема Для Ночного Чтения Хабрахабра

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

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

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



Тема для ночного чтения Хабрахабра

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

Главной особенностью темы можно считать использование модных CSS-фильтров для снижения контрастности изображений и видео.

Исходное изображение отображается при наведении на него курсора мыши.

Это удобно и красиво.

Теперь я использую эту тему каждый день! Тему можно установить в большинство современных браузеров с помощью расширения Stylish. Чтобы установить Stylish, вам просто нужно перейти на указанную выше страницу на userstyles.org и нажать большую привлекательную кнопку.

Я приглашаю вас использовать его.

Если вы обнаружите какие-либо ошибки, которые вас беспокоят, или у вас есть идеи по улучшению, я жду ваших запросов на включение на Github! УПД: Стиль был обновлен для правильного отображения значков в браузерах Firefox и Opera. Вы можете обновить установленный стиль тем же способом, которым вы его установили — со страницы стиля.

УПД2: К сожалению, пользователи браузера Firefox (и, возможно, Opera <=12.*) cannot yet evaluate the effect of CSS filters. UPD3 : стиль снова обновлён, обновлен под обновлённый макет, плюс поддержка geektimes. Важно: все переходы и CSS-фильтры были удалены, поскольку.

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

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

Обновлены новые элементы и добавлен мегамозг.

Я скоро добавлю tmfeed. Приятный момент: фильтры и переходы вернулись, и глаза благодарны.

UPD5: Спасибо за большую работу образец стиль портирован на Stylus, по ходу исправлено множество ошибок - обновляйтесь и присоединяйтесь к улучшению! Теги: #пользовательский стиль #Хабрахабр #дизайн сайта #Хабр

Вместе с данным постом часто просматривают: