Можно ли настроить веб-страницу внутри XPI через userContent.css?

EgorSokolov · №1

Как известно, веб-страницы можно настраивать через 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

Farby · №2

Да есть 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

_zt · №3

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

Выделить код

Код:

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

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

Отредактировано _zt (12-06-2024 15:41:49)

Dumby · №4

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://здесь_первая_часть_адереса_или_полный_адрес {

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

Отредактировано Dumby (12-06-2024 10:30:23)

_zt · №5

Исправил.

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

№111-06-2024 21:11:59