Ещё одна темная тема для реактора (мои рассуждения + код) / userscript :: тема :: сделал сам (нарисовал сам, сфоткал сам, написал сам, придумал сам, перевел сам) :: реактор :: script :: скрипт

скрипт script userscript реактор сделал сам тема 

Ещё одна темная тема для реактора (мои рассуждения + код)

Доброго времени суток, глубокоуважаемые пидоры и прочие интересные личности.

Использовал я значит раньше тему Dark Reactor [by Sirko] [Fixed by FeaR], которую допилил напильником и выложил на greasyfork.org. Однако подумал что она слишком тяжела и пора бы запилить нечто более легкое. То есть, представленная ниже тема минимально затрагивает разметку css сайта, а также не содержит никаких картинок. И вот что я делал.

Как наверное кто-то (а может и нихуя никто) видел в моих предыдущих кастомных темах я использую расширение Tampermonkey, отличительной особенностью которого (а также его подобий типа greasemonkey) в том, что он позволяет исполнять пользовательские скрипты JavaScript, как-то изменяя или дополняя функционал различных сайтов. Поскольку я не программист, попытаюсь порассуждать с позиции того что я понял как обычный мимокрокодил, прошу не пинать за неточности формулировок или ламерство.

Итак, что же делает скрипт. Во время события document-start, что видимо означает начало отображения документа, он инкапсулирует кастомную разметку css. Как вы наверное видели, современные браузеры начинают отображать веб-страницу еще до её полной загрузки, то есть пока не будет полностью загружено дерево документа. Если что, вся веб-страница со всей её иерархией блоков, картинок и прочей хуеты называется веб-документ.

Так вот начало скрипта document.addEventListener("DOMContentLoaded"... по сути позволяет добавлять в обработчики событий документа событие когда весь документ можно сопоставить со всей его иерархией. Ну а дальше идет представление пользовательского стиля css, в котором я меняю разметку, а после - внедрения стиля при помощи внутреннего инструмента GM_addStyle, который встроен в Tampermonkey. Либо PRO_addStyle или addStyle или ручное внедрение стиля средствами js.

Что касается самого стиля - во первых вместо шапки с пекафейсом простая заливка linear-gradient. Минималистично, и не требуется отображать пиксельную картинку как в предыдущей теме раньше.

Mik JoyReactor
'УС Гипомнезия и что-то еще,скрипт,script,userscript,реактор,сделал сам,нарисовал сам, сфоткал сам, написал сам, придумал сам, перевел сам,тема

Второе - закругления. Тут вы можете меня гнать и насмехаться надо мной, но мне они нравятся, я постарался закруглить где это счел нужным.

Отличный комментарий!
Закрывайте окна, зима же!
МагскаБоп 20^п.2023 12:48 ссылка в избранное
20.Jan.2023 12:44 В в избранное ссылка скрыть
КОММЕНТАРИИ 34
добавитьтеги неправильные теги!,скрипт,script,userscript,реактор,сделал сам,нарисовал сам, сфоткал сам, написал сам, придумал сам, перевел

И что самое интересное - айфреймы. Если кто не знает - iframe это контейнер который разрешает стороннему сайту встроить в него что хочешь, например плеер с видеороликом. Вообще, с фреймами на джое что-то странное, так как допустим при размещения ютуп-ролика сайт будет встраивать в пост окно разрешения 560 на 315. У меня уже давно вопрос встал - нахуя, а главное - зачем? Неужели чтобы тренировать наше потраченное от дрочки на трапов зрение? Хотя, я так полагаю чтобы была какая-никакая совместимость с небольшими дисплеями 1024х768 на которых до сих пор сидят олдфаги..

видео
video
Подписчиков: 2754
Сообщений: 83376
Рейтинг постов: 238,026.3,скрипт,script,userscript,реактор,сделал сам,нарисовал сам, сфоткал сам, написал сам, придумал сам, перевел сам,тема

Как бы то ни было, я решил этот момент в три строчки. Буквально.

iframe {

width: 100%;

aspect-ratio: 16 / 9;

height: auto;

}

Первое - даем фрейму ширину его родителя, так как это может быть блок нового поста или комментарий. Второе - устанавливаем правило в соотношение сторон фрейма, ведь 560х315 - это тоже самое соотношение 16 на 9. Третье, даем авто-высоту, благодаря установленным выше двум правилам. Всё.

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

iframe[src^='https://w.soundcloud.com'] {

aspect-ratio: auto;

}

Я Kurchi
sample bit сделал сам музыка synth-pop
Sample Bit - New Shell
И вновь всем привет! Почти год прошёл с даты публикации прошлого трека (OST к короткометражке - не в счет). Я помнится намеревался там набрать материал на Vol.3, и тут можно вставить мем - "Набрал... Набрал ведь же?".]рд
И

Ролики ютуб почти все с таким соотношением, фрейм дают стандартно. А вот с остальными, типа куб, как посмотреть - вертикальный фрейм не будет растягиваться по ширине блока поста, а встанет гордо по центру. Хуй с ним тогда.

Для гифок я сделал поменьше плашку их скачивания, так ИМХО красивше:

скрипт,script,userscript,реактор,сделал сам,нарисовал сам, сфоткал сам, написал сам, придумал сам, перевел сам,тема

Отельный гемор еще раньше, для предыдущей темы вызвала посветка родительского комментария. Это когда наводишь на коммент и подсвечивается он и его родитель. Я долго искал где это в css, но потом вяснил что это реализовано при помощи того же JS. Пришлось инкапсулировать не только css, но и js, в итоге стало темнее:

На, Колян, закуси
.	' @юздо 16.Apr.2023 16:37
ссылка[ в избранное
ладно, можете не вытаскивать меня из кота...
котт! 16.Apr.2023 16:38	ссылка | в избранное
Димас, слуш не в падлу, почеши за ушком
¡14^ 16.Apr.2023 16:45
ссылка Т
в избранное
Приемлемо
апс!ге]Иоуап 16.Apr.2023 16:58
в

Ну и в остальном, прошу любить и жаловаться!

ЛЕНТА (+2)
Новое
мысли
позитивно^-
Ищу себе МИЛФУ
Привет, с1опо1Ытк	Выход
^,)оуКеаси>г
Мобильная/темная версия
ПБ^Л/
Зоукеайог
'УС Гипомнезия и что-то еще
ОБСУЖДАЕМОЕ ЛЮДИ
О ПРОЕКТЕ
Поиск
случайный пост
Хорошее (+2) Лучшее (+8598)
ЮМОР
Новые записи
Комиксы
Ф подписаться

https://greasyfork.org/ru/scripts/464142-new-dark-reactor-by-donotblink

Прошу писать в комментах, если что я упустил или что-то написал коряво и надо бы доделать/переделать.

Темная тема работает через расширение для браузеров: Tampermonkey или Greasemonkey:

* greasemonkey (в Firefox'е) https://addons.mozilla.org/ru/firefox/addon/greasemonkey/

* tampermonkey (в Хроме, Опере и для Firefox)

https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo

https://addons.mozilla.org/en-US/firefox/addon/tampermonkey/


Подробнее
Mik JoyReactor 'УС Гипомнезия и что-то еще
Отличный комментарий! Закрывайте окна, зима же! МагскаБоп 20^п.2023 12:48 ссылка в избранное 20.Jan.2023 12:44 В в избранное ссылка скрыть КОММЕНТАРИИ 34 добавитьтеги неправильные теги!
видео video Подписчиков: 2754 Сообщений: 83376 Рейтинг постов: 238,026.3
Я Kurchi sample bit сделал сам музыка synth-pop Sample Bit - New Shell И вновь всем привет! Почти год прошёл с даты публикации прошлого трека (OST к короткометражке - не в счет). Я помнится намеревался там набрать материал на Vol.3, и тут можно вставить мем - "Набрал... Набрал ведь же?".]рд И да и нет. Надежд на новый альбом я не теряю, и всё таки постараюсь, почаще выкладывать треки, по мере готовности. Приятного прослушивания! Sample Bit-New Shell цСмЬтреть... Поделиться Посмотреть на OYouTube Sample Bit КОММЕНТАРИИ 20 ссылка скрыть добавить теги

На, Колян, закуси . ' @юздо 16.Apr.2023 16:37 ссылка[ в избранное ладно, можете не вытаскивать меня из кота... котт! 16.Apr.2023 16:38 ссылка | в избранное Димас, слуш не в падлу, почеши за ушком ¡14^ 16.Apr.2023 16:45 ссылка Т в избранное Приемлемо апс!ге]Иоуап 16.Apr.2023 16:58 в избранное
ЛЕНТА (+2) Новое мысли позитивно^- Ищу себе МИЛФУ Привет, с1опо1Ытк Выход ^,)оуКеаси>г Мобильная/темная версия ПБ^Л/ Зоукеайог 'УС Гипомнезия и что-то еще ОБСУЖДАЕМОЕ ЛЮДИ О ПРОЕКТЕ Поиск случайный пост Хорошее (+2) Лучшее (+8598) ЮМОР Новые записи Комиксы Ф подписаться доставщик шакальное фото фото гифки отписаться Ф подписаться песочница Ф подписаться Ф подписаться видео Ф подписаться котэ Ф подписаться
скрипт,script,userscript,реактор,сделал сам,нарисовал сам, сфоткал сам, написал сам, придумал сам, перевел сам,тема
Еще на тему
Развернуть
Сцук, я б даже поставил, если бы не эти отвратительные, заебавшие в край округлые края... Брр... Цвета-то заебись, но нахера всё так округлять-то?!
Kon_Boi Kon_Boi 16.04.202313:14 ответить ссылка 1.0
всецело поддерижваю, они ещё и мониторы круглыми краями сделали, а пиксели все ещё квадратные, пиждец!
Первое правило сычевика: он должен сидеть КАК СЫЧ. Второе правило сычевика: он не должен ЗАКРУГЛЯТЬСЯ.
Ahiru Ahiru 16.04.202313:16 ответить ссылка 3.0
могу специально для сычей сделать форк, полностью квадратную тему!
И без километровых отступов, как в блядских станичках-витринах
а это какие отступы имеются в виду?
Тема зашла, только после похождения по основному джою, стоит в политоту (да да я там ползаю) зайти - ослепнуть можно.
У меня руки не достаточно прямые, чтобы это как-то изменить.
+ когда пишешь коммент - практические не видно курсора, т.к. он сливается с фоном поля для коммента.
lAlarikl lAlarikl 16.04.202313:28 ответить ссылка -0.6
Зараза в скриншоте показывает курсор белым.
Хотя у меня он практически сливается с фоном :/
Написать комментарии
I
НАПИСАТЬ
Картинка: из файла из 11ГУ_
^апсги5
песочница политоты В1_м кругом сплошно
Черный профессор уходит в отстав подделал данные об общности рас!
окей, принял заявку. как смогу, поправлю
всё, обновил. по идее скрипт сам попросит обновиться, но можно перейти на страницу и обновить кнопкой. https://greasyfork.org/ru/scripts/464142-new-dark-reactor-by-donotblink
Нойс работает, пасиб!
вполне, только бы еще желтым кнопкам цвет сменить
Сделал себе вот так (темная тема расширением Dark Reader и редактирование CSS расширением User CSS, код приложу ниже)
^ JoyReactor
Мобильная/темная версия
sfw С j nsfw
jdLt
Привет, sevendy	Выход
ЛЕНТА (+14) ОБСУЖДАЕМОЕ ЛЮДИ О ПРОЕКТЕ
СЛУЧАЙНЫЙ ПОСТ >
С
Поиск
Новое (+5375) Хорошее (+14) Лучшее (+3046) Топ за неделю
Бездна
НОВЫЙ ПОСТ
ЮМОР
Бездна
AlphaNerd
#Приколы для даунов
МЫСЛИ
позитивно,
sevendy sevendy 16.04.202313:51 ответить ссылка -0.1
Это куда пихать?
В расширение user CSS на странице Джоя.
А я давненько скачал расширение Stylish и нашел в нему темную тему Реахтура.
Проказник! Плут! Провëл меня!
Я всë пытался комментарии под видео про Линка прочитать
видео
video
Подписчиков: 2754
Сообщений: 83376
Рейтинг постов: 238,026.3
Спасибо за тему, понравилось, всё круто
Djona Djona 16.04.202314:46 ответить ссылка 0.0
Мама, я в телевизере!

А для сэйфреактора оно подойдет?
iNji iNji 16.04.202315:03 ответить ссылка 1.5
Татрегтопкеу
Версия 4.18.1
Подробнее
Настройки
Включить
Удалить
Zmei9.47 Zmei9.47 16.04.202315:42 ответить ссылка 1.3
ЛОЛ'D
ну не нравится, не ставь - я не только темы через темперамнки пользую, а, например еще скачивание музыки вк, реддита и тд
оперопроблемы
AjiTae AjiTae 16.04.202317:09 ответить ссылка 1.6
Когда закроют олд.реактор и придётся переползать на основной, то самое главное, что нужно будет от подобных тем мне, это перепилить размеры и разреженность всего на свете с планшетных, в которые нужно тыкать сосисками, на нормальные десктопные для мыши.
Wave Wave 16.04.202316:14 ответить ссылка 0.1
С фреймами я себе нахуячил по-хадкору: скрипт подцепляется к ютубам и кубам, берёт оттеда реальный aspect и постит его наверх, где вторая часть его цепляет и проставляет. Чтоб небыло вертикального видео посередь 16\9.)
AjiTae AjiTae 16.04.202317:11 ответить ссылка 0.0
Кому нужна темная тема с настройками, юзайте Dark Reader, причем работает где угодно.
Tempest5 Tempest5 16.04.202318:20 ответить ссылка 0.0
Интересно, почему подобные посты набирают так мало рейтинга? Вон, один подобный сейчас как раз гниет в чистилище. А ведь реально полезная же вещь, да и автор приложил стараний гораздо больше чем поиски картинки с котиком.
Warzenka Warzenka 16.04.202318:27 ответить ссылка -1.2
Поставил. Кайфую. Благодарю.
Темная тема вредна для глаз. Слишком малый контраст, приходится напрягать зрения. Это так же "круто" смотрится, как глянцевое покрытие для дисплея. В итоге только минус в реальной эксплуатации.
266775777 266775777 16.04.202322:04 ответить ссылка -1.5
Прошу, только не делайте зелёную...
Я прошу прощения.. Я поставил тему, а края не закругленные, для закругленных отдельная ссылка или как то нужно активировать?

Благодарю за тему в целом!)
расширение работает для адресов reactor.cc и joyreactor.cc
можно скриншот?
собственно на https://joyreactor.cc и сижу
Прошу, только не делайте зелёную...
Я прошу прощения.. Я поставил тему, а края не закругленные, для закругленных отдельная ссылка или как то нужно активировать?
Благодарю за тему в целом!) звездочёт 18.Apr.2023 11:40
ответить V
ссылка
0.0
расширение работает для адресов reactor.cc и
а ты ту тему поставил? больше похоже на мою оквадраченную
попробуй удалить и и переустановить если поставил ту https://greasyfork.org/ru/scripts/464142-new-dark-reactor-by-donotblink
Та же историю, может если я ошибся и поставил квадратную, то её нужно снести перед установкой округлой?
да, разумеется
Только зарегистрированные и активированные пользователи могут добавлять комментарии.
Похожие темы

Похожие посты
Сцук, я 6 даже поставил, если бы не эти отвратительные, заебавшие в край округлые края... Брр... Цвета-то заебись, но нахера всё так округлять-то?!
Коп_Всм 16.Apr.2023 20:14
ответить V
ссылка В в избранное
всецело поддерижваю, они ещё и мониторы круглыми краями сделали, а пиксели все ещё квадра
подробнее»

скрипт script userscript реактор сделал сам,нарисовал сам, сфоткал сам, написал сам, придумал сам, перевел сам тема

Сцук, я 6 даже поставил, если бы не эти отвратительные, заебавшие в край округлые края... Брр... Цвета-то заебись, но нахера всё так округлять-то?! Коп_Всм 16.Apr.2023 20:14 ответить V ссылка В в избранное всецело поддерижваю, они ещё и мониторы круглыми краями сделали, а пиксели все ещё квадра
Люди
Новое
Юиор
гифки
песочница
котэ
19.Jan.2023!5:17 ссылка скрыть
Эротика
Anime
снег архитектура Беларусь
9 метровый маяк из снега (с деревянным каркасом)
Ж Ж
Ч ;.Г

ú , ■'%' ■
f ÍÍ*- ‘‘
Щк Ч:ё ■
Сделай сам
Лучшее (+202)
Хорошее
Написать пост
Новые записи
Disco Elysium Игры
подробнее»

скрипт script userscript реактор old.reactor.cc сделал сам,нарисовал сам, сфоткал сам, написал сам, придумал сам, перевел сам

Люди Новое Юиор гифки песочница котэ 19.Jan.2023!5:17 ссылка скрыть Эротика Anime снег архитектура Беларусь 9 метровый маяк из снега (с деревянным каркасом) Ж Ж Ч ;.Г ú , ■'%' ■ f ÍÍ*- ‘‘ Щк Ч:ё ■ Сделай сам Лучшее (+202) Хорошее Написать пост Новые записи Disco Elysium Игры
Контент запрещен на территории РФ
V КОММЕНТАРИИ 3
28.May.2020 18:10 ссылка анон скрыть
подробнее»

скрипт script userscript сделал сам,нарисовал сам, сфоткал сам, написал сам, придумал сам, перевел сам

Контент запрещен на территории РФ V КОММЕНТАРИИ 3 28.May.2020 18:10 ссылка анон скрыть
Контент запрещен на территории РФ
V КОММЕНТАРИИ 3
I
28.May.2020 18:10 ссылка анон скрыть
подробнее»

скрипт script userscript сделал сам,нарисовал сам, сфоткал сам, написал сам, придумал сам, перевел сам

Контент запрещен на территории РФ V КОММЕНТАРИИ 3 I 28.May.2020 18:10 ссылка анон скрыть
Going under in style
Video MP4 file
± DOWNLOAD HD VIDEO
** audio included
<
convert to mp3
e
Thumbnail JPG file
new Lower quality video options:
DASH 406x720
DASH 270x480
DASH 202x360
DASH 136x240
HLS 360x640 HLS 360x640 HLS 244x432 HLS 244x432 HLS 180x320 HLS 180x320 HLS 162x288 HLS 1
подробнее»

скрипт script userscript сделал сам,нарисовал сам, сфоткал сам, написал сам, придумал сам, перевел сам

Going under in style Video MP4 file ± DOWNLOAD HD VIDEO ** audio included < convert to mp3 e Thumbnail JPG file new Lower quality video options: DASH 406x720 DASH 270x480 DASH 202x360 DASH 136x240 HLS 360x640 HLS 360x640 HLS 244x432 HLS 244x432 HLS 180x320 HLS 180x320 HLS 162x288 HLS 1