Как сделать черным фон вокруг открытого во вкладке изображения?

tiorted · №1

Здесь уже есть такая тема, закрытая, но там написано для знатных хакеров. Объясните, пожалуйста, по-человечески.

* browser.display.background_color не сработал
* Файл imagedoc-darknoise.png поиском не ищется.
* В userChrome.css вставить

скрытый текст

@media not print {
/* N.B.: Remember to update ImageDocument.css in the tree or reftests may fail! */

body {

background: #EAEAEA;
}

img.transparent {
background: hsl(0,0%,90%) url("chrome://global/skin/media/imagedoc-lightnoise.png");
color: #222;
}
}

Body

и заменить background: #EAEAEA на #000000 - не сработало.
* Что такое стили я не знаю.

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

UPD:

Спасибо sandro79 за решение проблемы!

Нужно написать в адресной строке "about:support" без ковычек, нажать enter, там в таблице в строке "Папка профиля" нажать "открыть папку", в открывшейся папке создать папку "chrome".
Далее написать в адресной строке "about:config" и нажать enter. В появившейся строке поиска набрать "toolkit.legacyUserProfileCustomizations.stylesheets", появится одноименная строка, справа от которой написано "false". Двойным нажатием мышью на "false" меняем его на "true".
Дальше в папке "chrome" нужно создать файл "userContent.css". Открыть этот файл и вставить такой код

скрытый текст

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document regexp("((.*\\.(png|apng|jpg|jpeg|gif|tiff|bmp))|(^data:image\\/.*))(\\?([^#]*))?(#(.*))?")
{
@media not print {
body { background: #000000 !important; } /*цвет фона*/
}
}

Здесь "#000000" это шестнадцатиричный код черного цвета, если нужен другой цвет, погуглите его код и замените.
После перезагрузки браузера фон изображений, открытых в новой вкладке будет нужного цвета.

Отредактировано tiorted (18-05-2021 19:17:46)

sandro79 · №2

tiorted пишет

Объясните, пожалуйста, по-человечески

Инструкция + код для userContent.css взять отсюда.

скрытый текст

Файл imagedoc-darknoise.png поиском не ищется

Этот файл расположен в потрохах [firefox] , чтоб его увидеть, нужно перейти по адресу chrome://global/skin/media/imagedoc-lightnoise.png
Профильный раздел

tiorted · №3

userContent.css есть, до этого он уже работал для скрытия панели вкладок, toolkit.legacyUserProfileCustomizations.stylesheets стоит true.
Пробовал очищать userContent.css и писать туда

скрытый текст

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document regexp("((.*\\.(png|apng|jpg|jpeg|gif|tiff|bmp))|(^data:image\\/.*))(\\?([^#]*))?(#(.*))?")
{
@media not print {
body { background: #000000 !important; } /*цвет фона*/
}
}

Не заработало.
Пробовал отключать все плагины, не помогло.
win10x64 1903 (не хотелось бы обновлять), FF88.0.1x64
Что-то не так делаю?

Отредактировано tiorted (18-05-2021 14:50:41)

Dumby · №4

sandro79

Bug 1475511 - Extend @-moz-document syntax to let users style standalone images and videos (Firefox 63+)

скрытый текст

Выделить код

Код:

@-moz-document media-document(image) {
	body {
		background: royalblue !important;
	}
}

sandro79 · №5

tiorted пишет

userContent.css есть, до этого он уже работал для скрытия панели вкладок

Для скрытия панели вкладок используется userContent.css? Может всё же это userChrome.css и вы не видите особой разницы между Content и Chrome.

Пробовал отключать все плагины, не помогло.
win10x64 1903 (не хотелось бы обновлять), FF88.0.1x64
Что-то не так делаю?

Отключение плагинов и не должно было помочь.
Windows из-за этого обновлять не нужно, не поможет.
Если через userContent.css ни в какую, что очень странно, то установите дополнение Stylish или Stylus и добавьте код в него.

Dumby пишет

sandro79

Bug 1475511 - Extend @-moz-document syntax to let users style standalone images and videos (Firefox 63+)
скрытый текст
Выделить код
Код:
@-moz-document media-document(image) {
	body {
		background: royalblue !important;
	}
}

Ну не знаю, но у меня почему-то сработало, походил по сайтам, пооткрывал картинки - везде фон сменился.
В моём предыдущем сообщении скриншот. Может я не так понял топикстартера, но судя по его намёку на тему, я понял его правильно.
Проверял естественно в актуальных версиях [firefox] , даже в обход user_chrome_files.
Спасибо за актуальный стиль, буду иметь в виду если что.

скрытый текст

Отредактировано sandro79 (18-05-2021 18:29:36)

Dumby · №6

sandro79 пишет

Ну не знаю, но у меня почему-то сработало

Где-то утверждалось обратное?
Tопикстартер не считается, потому что сказочник-баснописец:

tiorted пишет

userContent.css есть, до этого он уже работал для скрытия панели вкладок

sandro79 · №7

Dumby пишет

Где-то утверждалось обратное?

Да я просто мало что понял, перейдя по ссылке на баг, ну и решил, что там это утверждалось

tiorted · №8

Спасибо большое, заработало! Действительно не увидел, что там content.

Отредактировано tiorted (18-05-2021 18:51:32)

Полезная информация

№118-05-2021 11:07:35