Есть такое расширение Stylus, в котором на любые сайты можно написать свой стиль, в нём можно очень легко сделать тёмную тему. https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne https://addons.mozilla.org/ru/firefox/addon/styl-us/
Вот видео с примером как выглядит: https://files.catbox.moe/x4ieva.mp4 Для наглядности я добавил анимацию по всем цветам радуги (ниже в коде её нету) и показал как изменение параметров влияет на результат. Вообще этот стиль уникален и подходит любому сайту, кроме третьего блока ".ndm-menu" - это левое меню которое уже тёмное.
Для вставки надо открыть страницу с менеджером, создать новый стиль и воспользоваться кнопкой импортирования стиля, который надо скопировать ниже.
Также советую его подредактировать.
invert от 0 до 1 - инвертирует цвета. Также с его помощью можно сделать неярко выраженный чёрный фон, если инвертировать лишь на 0.9 или любое другое дробное после 0.5. Само по себе инвертирование также инвертирует цвета, поэтому понадобится второй параметр для их восстановления или изменения под новую тему.
hue-rotate может быть любым, но реально только 360 градусов, так что ±360. Обратите внимание что для второго блока надо поставить ровно наоборот, чтобы цвета картинок или видео сохранялись.
brightness от 0 до бесконечности - яркость, если надо подправить
saturation от 0 до бесконечности - насыщенность цветов, к примеру если установить в 0,, то все цвета станут серыми оттенками.
есть и другие, но они врядли понадобятся.
@-moz-document domain("192.168.1.1") {
html {
filter: invert(1) hue-rotate(0deg); /* Настраивайте эти числа */
}
img, video {
filter: invert(1) hue-rotate(-0deg); /* Здесь для сохранения цветов надо поставить обратное значение */
}
.ndm-menu {
filter: invert(1) hue-rotate(-180deg);
}
}
К примеру для любителей сероватых тем неплохими параметрами будет 0.9 и 180deg