Как известно, веб-страницы можно настраивать через userContent.css. Например:


@-moz-document domain(ru.wikipedia.org) {
.mw-body { background-color: #FFFBF0 !important; }
}


Но вот столкнулся с интересным вопросом. Можно ли так (и если можно, то как) настраивать вид веб-страницы, находящейся внутри XPI-файла (т.е. внутри адд-онов FireFox)?


Дело в следующем. Я поставил адд-он ScrapBee, а его внутренняя Справка и окно конфигурации имеет дебильный тёмно-серый фон из-за чего вечером, когда я сильно уменьшаю яркость монитора (чтобы он не резал глаза) эти страницы практически нечитаемы. Чтобы убрать серый фон я меняю стиль через опцию контексного меню "Inspect Element", но делать так каждый раз надоело, вот я и подумал, можно ли настроить это через userContent.css?


Например, адрес страницы конфигурации ScrapBee:
moz-extension://34a702d9-3921-4034-bc50-97ee2b362edc/html/options.html

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

пример части стиля для bitwarden

Выделить код

Код:

@-moz-document regexp("^moz-extension://.*/popup/index.html.*") {
  @media (-moz-bool-pref: "userChrome.css.mac-ui-fonts") {
    :root[uc-extension-id="{446900e4-71c2-419f-a6a7-df9c091e268b}"] :where(body, input, button) {
      font-family: SF Pro, SF Arabic, Segoe UI, sans-serif !important;
    }

    :root[uc-extension-id="{446900e4-71c2-419f-a6a7-df9c091e268b}"] header .search .fa {
      top: 14px !important;
    }
  }
}


ЗЫ: нужен загрузчик скриптов от MrOtherGuy или VitaliyV

EgorSokolov
Не слушайте. Ответ - можно.

Выделить код

Код:

@-moz-document url-prefix("moz-extension://здесь_первая_часть_адреса_или_полный_адрес") {
здесь код
}

url-prefix потому что для некоторых расширений так удобнее, но можно и просто полный url, тогда, если хотите, url("moz-extension://...")

EgorSokolov пишет

domain(ru.wikipedia.org)
moz-extension://34a702d9-3921-4034-bc50-97ee2b362edc/html/options.html

Посыл непонятен. В чём ты видишь разницу с
domain(34a702d9-3921-4034-bc50-97ee2b362edc)


Farby пишет

скрипт который может загружать стили

Мочь-то может, однако, ничего подобного он не делает.


_zt пишет

@-moz-document url-prefix(moz-extension://здесь_первая_часть_адереса_или_полный_адрес {

Круглую скобку не закрыл. Непедагогично :).

Исправил. :)