>Форум Mozilla Россия
   http://forum.mozilla-russia.org/index.php
>Firefox
   http://forum.mozilla-russia.org/viewforum.php?id=4
>Как сделать черным фон вокруг открытого во вкладке изображения?
   http://forum.mozilla-russia.org/viewtopic.php?id=76628

tiorted > 18-05-2021 11:07:35

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


* 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" это шестнадцатиричный код черного цвета, если нужен другой цвет, погуглите его код и замените.
После перезагрузки браузера фон изображений, открытых в новой вкладке будет нужного цвета.

sandro79 > 18-05-2021 11:51:22
tiorted пишет

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

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

скрытый текст
cd7cfa4553cd.png

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

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

tiorted > 18-05-2021 14:48:46

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
Что-то не так делаю?

Dumby > 18-05-2021 17:39:24

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 > 18-05-2021 18:12:07
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.
Спасибо за актуальный стиль, буду иметь в виду если что.

скрытый текст
8667cb5cb667.png

Dumby > 18-05-2021 18:30:48
sandro79 пишет

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

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


tiorted пишет

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

sandro79 > 18-05-2021 18:46:23
Dumby пишет

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

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

tiorted > 18-05-2021 18:51:11

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