Как стать автором
Обновить

Комментарии 45

Это гениально!
Тема в целом хороша. Однако, по моему мнению, есть несколько штук, в которой она уступает оригинальному оформлению:

1) Обводка кнопок и блоков «написать комментарий», автор сверху/снизу. Слишком яркая она.

2) Над деревом комментов еще нужно поработать. Если в оригинале действительно сложновато понять, кто кому ответил из-за отсутствия хороших визуальных ориентиров, то в темной теме этих ориентиров столько, что интерфейс начинает отвлекать от контента. Оригинал тут снова выигрывает по юзабельности.

3) Verdana для тела статьи смотрится хорошо и органично в оригинале. В тёмную версию просится другой шрифт (только не Roboto и не Open Sans!). Не могли бы прикрепить скриншот с вариантами шрифтов? Raleway Cyrllic, Source Sans, Century Gothic хотя бы, ну или какой-то из хороших платных, либо системных дефолтных (Segoe UI, Helvetica).
(эхх, перфекционизм...) а отступ каждого следующего уровня комментария от предыдущего — поменьше наверное бы…
и, как вариант — вертикальные линии цветом чуть-чуть различить, что бы когда их будет 4-5 рядом — было видно наверх по какой идти, что бы увидеть на какой твой ответ поместился…
Но вцелом действтиельно здорово — ибо нацелено на главное, на что вообще должно быть нацелено ВСЁ — сделать мир удобнее.
у меня была мысль каждую линию окрашивать в свой цвет, но я не уверен что Stylish потянет такую генерацию цвета в зависимости от глубины уровней комментов. поправьте меня, если что…
Это очень просто, например:
.reply_comments { border-left: 1px solid red }
.reply_comments .reply_comments { border-color: greed}
.reply_comments .reply_comments .reply_comments { border-color: blue }
отлично, на заметку энтузиастам! спасибо…
Отдельный цвет каждой линии, — по-моему, перебор.
Как насчёт такой реализации? https://userstyles.org/styles/133457/habrahabr-darcula-2016
вижу некоторую «отсебятику» в цветах…
спасибо, это то чего мы так давно ждали )

Хочу, хочу! Есть какой- либо ответ от хабра?

боюсь что Хабр неформально оставил инициативу в руках пользователей))))

Вы хотели бы чтобы Хабр запретил подобные инициативы? Думаю в среде разработчиков наоборот приветствуется находить решения, если что-то не устраивает.

ни в коем разе! свободу коллективному разуму!!! я лишь намекал в предыдущем ответе, что Хабр никак не отреагировал на мою инициативу в данных постах…

Продолжайте разработку, если людям нравится что вы делаете, то зачем останавливаться?

А какой ответ вы хотите получить?

положительный)
42
Обычно не использую тёмные темы, т. к. от них у меня болят глаза. Да и экран у меня не совсем хорошо на них реагирует.
ЭЛТ?
Старый ЖК. Раньше был ЭЛТ, и как-раз на нём от светлых тем я уставал :D

А у меня наоборот… Глаза болят от светлых тем. Потому что обычно работаю и читаю ночью.

Есть вопрос. В комментариях разным цветом "заголовка" комментария выделаются автор и комментарии написанные, например, мной. Нет ли идей как это дело выделять? + комментарии "ожидающие модерации".

решу сегодня этот вопрос!
Косяки с цветами
image

Можно ли ссылку на этот поток или хаб, или от куда вы это вообще взяли?

Ну вообще в ленте на главной.

А так вот оно: https://habrahabr.ru/company/mir/
Но там другие проблемы с цветами.

З.Ы.: А чего лого тёмное?

Лого тёмное… Потому что я со вчера ничего не обновлял в стиле. А сейчас могу выложить последнюю свою версию и пойду делать уже по готовому дизайну.

А вообще у хабра странные способы стилизации) У них на посты компаний отдельно, на посты переводы отдельно, на обычные посты отдельно...

Обновил.

Я тоже сейчас сижу обновляю постоянно… Что-то не обновляется действительно. Ну я закинул, может он долго в бд обновляет… Не знаю.
Если очень хотите, то могу вам выдать исходники текущей версии, но они не читаемые)

Действительно, на даркуле гораздо сильнее могут забирать на себя внимания картинки с белым фоном. Хорошее решение предложил камрад Rondo в комментах: всем изображениям уменьшать opacity (я рекомендовал бы до 70% / 0.7), а по onhover восстанавливать до 100%. Круто и эффективно!


Вот еще идея: делать все картинки чёрно-белыми, с наложением 30-50% черного цвета, а на онховере восстанавливать оригинал за 0,7-1,5 секунды, и чтобы этот интервал зависил от размера картинки (маленькие — почти сразу восстанавливаются, большие — плавно, чтобы большое яркое пятно не сразу ударило по глазам). И дополнительно прикрутить горячую клавишу (или прикрепленную кнопку в интерфейсе), которая восстанавливает оригиналы при удержании (при онховере в случае интерфейсной кнопки)

К сожалению размер картинок из css не узнать, горячие клавиши не назначить...

Кстати, неплохая идея.
Я совместил прозрачность в 10% и сделал их чёрно-белыми.


Вот что получилось

До наведения:



После наведения:


Респект, совсем другое дело.

К сожалению размер картинок из css не узнать


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

горячие клавиши не назначить...


Хмм. Как же тогда реализуют браузерные игры с поддержкой управления с клавиатуры?
Неужели нельзя как-то вычислить процент занимаемой картинкой площади от общего экранного пространства или хотя бы площади браузерного окошка?

CSS вообще не занимается вычислениями. Он может только через calc и только точные, заданные человеком, циферки вычислять. Но он не может эти цифры брать с неба из dom.


Как же тогда реализуют браузерные игры с поддержкой управления с клавиатуры?

Хороший вопрос. Можете скинуть пример такой игры на css? А то я все растерял, хотя видел такие.
Но вообще это всё обычно делается через js.

Но вообще это всё обычно делается через js.

Да, вот кстати, почему мы ограничены CSS? Перемотаем назад: я вообще не очень в курсе, на чём вы реализуете смену оформления хабра) А если бы и был — не разработчик я, могу и не понять тонкости. Но думаю, если пилить аж целый отдельный плагин специально для хабра — он бы смог и не только через css менять поведение интерфейса, нет?
хо, хо… мне думается если бы были методы задействовать еще и свои js скрипты помимо стилей, то для фантазии не было бы ограничений
мне думается если бы были методы задействовать еще и свои js скрипты помимо стилей, то для фантазии не было бы ограничений

Чем не вариант? То есть, ну тема-то эта вся ваша с интерфейсными обновлениями была, по-началу, просто полётом фантазии, которую подхватили хабравчане. Так что фантазируем дальше, возможно кто-то дерзнёт внедрять тяжелую артиллерию, лишь бы хабр стал тортом)

Тогда не плагин, а расширение… И тогда его устанавливать либо через Tampermonkey либо через ещё что-то на огнелисе. Так же можно сделать расширение для одного только хрома или делать отдельный аддон для огнелиса. Тогда да, можно делать и кнопки разные и горячие клавиши и тому подобное.


Если так сильно хочется, то конечно же я могу сделать юзерскрипт, с этими приблудами. Но не сейчас это точно)
Скорее всего когда будет уже конечный стиль, тогда можно будет подумывать и том, чтобы запиливать отдельно юзерскрипт.


PS
Для того, чтобы опубликовать расширение в магазине хрома нужно им заплатить толи $5, толи $25. С огнелисом я не сталкивался.

Если так сильно хочется, то конечно же я могу сделать юзерскрипт, с этими приблудами. Но не сейчас это точно)

Ну, я-то просто говорю в пустоту, на самом деле, мысли вслух, как и у автора статьи. Если есть желание пилить скрипты и расширения — думаю, вы найдёте поддержку у народа; у меня — точно. Но ни в коем случае не настаиваю, можно и просто обсудить в стиле «а вот было бы круто, если...» :)

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

Посмотрим… Иконку перекраски "чтоб не бомбануло" я не знаю как рисовать. Если есть у кого-то варианты, то запросто. Но как её реализовать уже знаю. Так же знаю как можно реализовать "горячую клавишу" для этих картинок.

по поведению там напрашивается такой же выпадающий список как и для выбора категории хабов, например
А не надо иконку. Просто текстовая кнопка (или прямоугольник) со словом «Шкурки», или «Сменить оформление», или «Перекрасить, чтоб не бомбануло». Или переключатель, как в веб-скайпе, — «Тёмная тема». Ну или дроплист, как предлагает kamushken, если шкурок несколько.

В первом посте автор предложил использовать именно кнопку "заливки".
Скорее как в "веб-скайпе", которым я пользовался 1 раз в жизни для "посмотреть что за зверь такой".
Но до этого надо дойти. Пока что нужно бы сделать все стили. А у читывая, что будет ещё 2 этапа редизайна от ТМ, то нужно готовиться и к ним.

Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Истории