Офтоп
Alex Corri
2185

Персональная темная тема для DTF

В закладки

Ночной DTF с темой Dark One для Stylus.

Для установки необходимо:

  1. Пройти по этому адресу : https://userstyles.org/styles/176903/dark-one
  2. Установить расширение для браузера. (Они сами предложат, если для него есть расширение).
  3. После установки - еще раз нажать на ту же кнопочку (там будет надпись Install Style).
  4. После установки, при входе на DTF будет использоваться темная тема.

Обновление темы:

  • Тема автоматически обновляется каждые 24 часа.
  • Изменить частоту обновления можно в настройках плагина.
  • Для ручного обновления темы нужно перейти по адресу: https://userstyles.org/styles/176903/dark-one
  • Нажать кнопку с надписью Update Style.

Включение и отключение:

  • Для отключение темы нужно нажать на значок дополнения: буква S на темно-синем фоне в правом верхнем углу и снять галочку с "Dark One". Либо, поставить галочку в пункте "Выключить все стили".
  • Для включения нужно сделать обратное предыдущему пункту.

Удаление:

  1. Для удаления нужно нажать на 3 вертикальные точки справа от стиля и нажать на кнопку "Удалить".

Спасибо за внимание.

P. S. Для DTF на сайте Stylus лежат и другие темы оформления, обратите внимание. Есть и другая темная тема, и измененное оформление.

P. P. S. Судя по комментариям в теме Ян Корвин, людям нужна темная тема. Надеюсь, эта информация им поможет.

Материал опубликован пользователем.
Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Alex Corri", "author_type": "self", "tags": [], "comments": 127, "likes": 40, "favorites": 31, "is_advertisement": false, "subsite_label": "flood", "id": 79428, "is_wide": false, "is_ugc": true, "date": "Fri, 08 Nov 2019 17:10:06 +0300", "is_special": false }
(function(d, w) { var wrapper = d.getElementById('apost-tsr'), isMobile = w.matchMedia('(max-width: 400px)').matches, isArticle = wrapper.classList.contains('in-article'), gif = d.createElement('img'); gif.onload = function() { wrapper.classList.add('is-loaded'); }; gif.src = (isArticle) ? 'https://leonardo.osnova.io/b2b69d93-806a-d2f2-4697-577683765baa/' : (isMobile) ? 'https://leonardo.osnova.io/82f3c702-be47-2c95-ed12-15741ca2f2e9/' : 'https://leonardo.osnova.io/5121d3f7-d8f5-4cf1-7b61-a184c726c32f/'; }(document, window));
0
{ "id": 79428, "author_id": 32677, "diff_limit": 1000, "urls": {"diff":"\/comments\/79428\/get","add":"\/comments\/79428\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/79428"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 64955, "last_count_and_date": null }
127 комментариев
Популярные
По порядку
Написать комментарий...
46

Добавил пробник темы в этот пост 💖

Ответить
16

То есть я правильно понимаю, ты просто ждал, пока кто-нибудь сделает за тебя? хD

Ответить
1

Я же говорю, очень сложно!

Ответить
2

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

Ответить
3

Не отвлекай

Ответить
2

темная тема

Ответить
3

Давай потом

Ответить
1

Цвет шрифта смени с #cecece на #929191
Любительщина

Ответить
2

#666 у настоящих олдов

Ответить
1

Слишком топорный цвет, #999 мягче смотрится

Ответить
1

Когда и если буду полировать - все поправлю. Пока - не в приоритете. Однако спасибо за замечание.

Ответить
1

Спасибо за обратную связь!
Хотя полировать тут нечего: заменить один параметр в SCSS

Ответить
1

Это да. Сегодня поправлю, спасибо. :)

Ответить
0

@Denis Shiryaev , пожалуйста, обновите стиль в пробнике, если не сложно. Исправил ошибки.

Большое спасибо.

Ответить
1

Готово :)

Ответить
1

Спасибо еще раз. :)

Ответить
0

Форма ответов ужасная.

Ответить
0

Исправлено, спасибо. Пожалуйста, обновите стиль по ссылке в теме. 

Ответить
0

Спасибо! :) 

Ответить
0

Хех, я-то думал приложение рендерит собственные стили, а, оказывается, для постов просто CSS с сайта подхватывается 😯

Ответить
0

Зависит от поста, апп понял что есть кастомный html, и показал специальный стиль статьи по API

Ответить
–2

Почему в приложении для телефона нет тeмной тeмы? У вас же даже была реклама с тeмной тeмой...

Ответить
18

Ебать, я куда попал? Почему тут темно - а в другой вкладке светло?!
ЭТО ЧТО ЗА ПОРТАЛЫ?!

Ответить
2

Без понятия :)
У меня темно во всех вкладках.

Ответить
0

Мне тоже страшно, памагите

Ответить
0

Попробуйте обновить светлую вкладку. Должно помочь.

Ответить
0

Ааа, понятно! Это Денис Ширяев сделал. Чтобы и без установки плагина можно было в этой теме смотреть как оно. :) 

Ответить
10

Ничего не видно, что печатаешь в поле комментария, слишком тёмный текст.

Ответить
27

Просто не надо писать комментарии

Ответить
2

А ради чего ещё на ДТФ заходить? :O

Ответить
10

Жаловаться шерифу и ставить минусы, зачем еще

Ответить
0

Ты снова выходишь на связь???

Ответить
0

Ага. Че попробовал раздел сменить? Легче стало?)

Ответить
0

Исправлено, спасибо. Обновить можно по ссылке в теме.

Ответить
3

У надписи "прямой эфир" в свёрнутом виде цвет забыли подкрутить.

Ответить
3

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

Ответить
2

Этого не заметил. Браузер Хром? И, спасибо за помощь. :)

Ответить
2

Да. Проверил ещё в Сафари и Лисе – то же самое.

Ответить
0

Понял, благодарю. Буду копать.

Ответить
2

После выставления оценки цвет стрелочек не меняется

Ответить
0

Странно, у меня меняется. Попозже обязательно посмотрю. Спасибо.

Ответить
0

Нашел, исправил.
Спасибо. :)

Ответить
1

Цвета текста развёрнутых уведомлений тоже пропущен

Ответить
0

Уже исправлено, нужно обновить стиль.

Ответить
1

Вот ещё в свежем браузере обнаружил. Если совсем не лень, то класс push_offer 🤓

Ответить
0

Да, попозже поправлю, благодарю. :) 
Вообще думал их оставить светлыми, но, гулять так гулять! Заодно и форму входа тоже переделаю. Спасибо! 

Ответить
0

Сделал. Спасибо, что обращаешь внимание. :)
Заодно и всплывающие окошки с ошибками.

Ответить
0

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

Ответить
1

Ок, попробую подобрать цвет, чтобы не выглядело клечато.

Ответить
0

Сделано. :)

Спокойной ночи.

Ответить
1

О, прям много что поправлено уже. Лента гораздо лучше теперь, что-то такое и хотелось.
Ещё обнаружил из пропущенного непрочитанные комментарии в посте (comments__item_space--highlighted).
В настройках профиля заходили, кстати? Там немного "белых пятен", или так было задумано оставить?
Я бы поле ввода при прикреплении по ссылке тоже тёмным сделал по аналогии с полем ввода комментария. И по мелочи если - у этого поля обводка синяя. Хотя я вот сейчас подумал, может быть стоило не заменять голубые акценты на красные, а оставить? Более в духе DTF что ли.

Ответить
0

Доброе утро. :)
Непрочитанные поправил, в настройки заходил, изменил ввод e-mail, а вот поля черного списка не поддаются - там затык с селектором класса, он по  номеру профиля работает, пока не поддается.
Поле ввода ссылки темным сделал, в принципе выглядит неплохо, границу переделал на светло-серый, а то красный как-то давит там.
Насчет синего - тут такое дело, в светлом дизайне оттенков этого синего использовано прилично. И есть достаточно темные - не смотрятся с темно-серым совсем. Так что рубим красный. :)
Спасибо за помощь.

Ответить
1

Обновить стиль в посте?

Ответить
1

В принципе можно, если не затруднит. :) Большую часть ошибок, спасибо ребятам, выловили.
Заранее большое спасибо. :)

Ответить
0

@Denis Shiryaev, неудобно приставать с этим, но обновите еще раз тему, пожалуйста, если не затруднит. Честное слово, в последний раз.
Спасибо. :)

Ответить
0

Из ещё замеченного:
у непрочитанных уведомлений под колокольчиком цвета из стандартной темы остаются;
диалог прикрепление ссылок;

Ответить
0

Сделано, спасибо. :)

Ответить
0

Сейчас посмотрю, спасибо.

Ответить
0

Форма входа

Ответить
0

Это специально оставил, а то котейка не смотрится. Если будет проблемой - деваться некуда, исправлю. Спасибо. :)

Ответить
0

Сейчас попробовал на коленке в инспекторе поменять, мне не режет глаз. Котейка не такой уж и ярко контрастный относительно серого.

Ответить
0

Сделано. Заодно и котейку немного подшаманил. Спасибо.

Ответить
0

Исправлено, спасибо. :)

Ответить
0

Спасибо. Это вам не "Тёмная тема v3".

Ответить
1

За што ты так со мной :(

Ответить
0

Ну вообще, я немного пораньше выпустил, 3 числа. На работе выдался скучный день, и как раз кто-то в комментариях про тёмную тему заговорил, вот и... 
А так - пиши стиль, я только за! 
Больше тёмных тем, хороших и разных! 

Ответить
0

Не отвлекай

Ответить
0

Я помогаю :. (

Ответить
0

Да я вообще против тебя ничего не имею, я плачЮ от того чувака который даже здесь меня оскорбляет :(
Да походу придётся учиться и писать, раз пролетариат требует х)

Ответить
0

Ясно, понял. У вас свои разборки - не лезу. :)

Ответить
0

Я вот тоже, честно. был разочарован, зайдя в твой пост.

Ответить
0

 Всегда пожалуйста. :) 

Ответить
0

Столько сложностей, а нельзя просто написать в комментах "темная тема"...

Ответить
2

Если скомбинировать с широким вариантом (https://dtf.ru/flood/76908-shirokiy-dtf-dlya-google-chrome) — получается идеальный DTF.

Ответить
2

Новые комменты больно выглядят 

Ответить
0

Постараюсь поправить, спасибо.

Ответить
0

Сделано, спасибо. :) Пожалуйста обновите профиль по ссылке в теме.

Ответить
0

Теперь всё хорошо, спасибо)

Ответить
0

Всегда пожалуйста :)

Ответить
1

Вот, спасибо! Гораздо полезнее постов про то, как кто-то нарисовал тему в фш, чтобы нарисовать.

Ответить
1

Всегда пожалуйста. :) 

Ответить
0

Из основного стоит допилить имхо: цвет текста в редакторе комментов(очевидно), чуть менее контрастный чёрный по бокам(по сравнению с основным цветом в центре), чуть более мягкие, даже немного блёклые цвета для уведомлений(которые отображаются красным цветом).
Очень советую присмотреться к цветовой схеме в Discord. Там просто потрясающе подобраны сочетания и все переходы смотрятся очень органично. Равно как и нет чрезмерно контрастных цветов для уведомлений(как немного выделяющийся красный в вашем варианте).
Удачи, надеюсь когда-нибудь мы коллективно сделаем тёмную тему стилями, чтобы перестать уже юзать замедляющий загрузку страниц Dark reader!)

Ответить
1

Уверен, мы это сделаем! :) 
Цвет текста в редакторе уже изменён. Сейчас он остался в этой теме, при отсутствии плагина и на мобильниках, так так Денис, прикрепляя стиль к теме - взял стиль до исправления. 
К цветам - присмотрюсь, где части покрупнее - сделаю помягче. 
Насчёт контраста по бокам - посмотрю, что можно сделать. Спасибо. 

Ответить
0

Чуть осветлил по бокам, красный на ссылках осветлил, на фоне уведомлений наоборот затемнил, чтобы не так лез в глаза. Спасибо.

Ответить
0

Нарисованная тема гораздо лучше чем эта поделка
А ты, вместо того что бы ныть, уже давно мог написать свой CSS и подключить его через плагин к браузеру
Дел на 30 минут!

Ответить
–1

Спасибо что разрешил, васян, но Dark reader уже полгода юзаю.

Ответить
–1

Папа твой Васян (тот что официальный, а не биологический)
Твое нытье и жалобы выглядят жалко

Ответить
–1

Держи в курсе!

Ответить
0

А что у тебя за васяны на фото в профиле?
Ты с мужьями?

Ответить
1

Dark Reader чем людей не устраивает?

Ответить
1

главный минус dark reader - раза в 2-3 падает скорость загрузки страницы, плюс он не совсем верно подбирает цвет шапки (ставит тёмно-синий), который сильно выделяется на общем тёмном фоне.

Ответить
0

Тем, что не везде он доступен бесплатно?

Ответить
1

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

Ответить
1

Да, сбился цвет. Поправлю, спасибо.

Ответить
0

Исправлено, спасибо. Обновить стиль можно по ссылке в теме.

Ответить
1

При написании комментария вместо серого, черный шрифт. Вот исправление:

.herzen .content_editable {
     color: #818181;
}

Ответить
1

Уже исправлено, спасибо. Нужно обновить стиль по ссылке в теме. 

Ответить
1

При наведении на "ответить" кнопка подсвечивается синим (как кажется, стоит или на красный поменять по аналогии с индикатором непрочитанных в меню слева, или, наоборот, синий оставить для непрочитанного)

Ответить
0

Поправлю, спасибо.

Ответить
0

Готово, спасибо. :)

Ответить
1

Выглядит ужасно, DarkTF намного лучше.

Ответить
0

«Ужасно» — это неконструктивно.

Ответить
0

Тут дело такое...главное чтобы нравилось :)
У DarkTF свои косяки, на мой вкус. Потому и сделал свою тему.

Ответить
0

А тут всё хорошо, кроме кнопки «Новая запись», режущей глаза. Ну и новые уведомления белые =\

Ответить
0

кнопки «Новая запись», режущей глаза

Это фича.
новые уведомления белые

А это скорее всего баг. Где конкретно и можешь заскринить?

Ответить
0

 Где конкретно и можешь заскринить?

Вотъ:

Ответить
1

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

Ответить
0

Чё за магия... Я же обновлял тему...
ОК, ложная тревога.

Ответить
0

Использую DarkReader для всех сайтов без темной темы в интернете.

Ответить
0

Есть только серая

Ответить
0

Чукча не читатель, чукча писатель.

Ответить
0

Тю. А разговоров-то было...

Ответить
0

Советую попробовать Dark Reader. Уже больше года пользуюсь, отлично работает, лучше стайлуса, и никаких проблем, типа черных шрифтов на темном фоне.
Единственный нюанс - он по умолчанию все сайты делает темными. Нужно в настройках включить опцию, чтобы затемнял только сайты из списка.
https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh?hl=ru

Ответить
0

Запрашиваю точечный удар по остаткам сил света скрывающимся в всплывающих видео.
Никакой пощады.

Ответить
0

Будет исполнено! Силы тьмы захватят этот сайт!

Ответить
0

Исправлено. Для торжества тьмы, пожалуйста, обновите стиль по ссылке в теме.

Ответить
–2

Блеа ну мне серьёзно что ли садиться юзерстиль писать? 😭

Ответить

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fizc" } } }, { "id": 4, "label": "Article Branding", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cfovz", "p2": "glug" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "clmf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "clmf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-250597-0", "render_to": "inpage_VI-250597-0-1134314964", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=clmf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Баннер в ленте на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudo", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "chvjx", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fzvc" } } }, { "id": 20, "label": "Кнопка в сайдбаре", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "chfbl", "p2": "gnwc" } } } ]