Настройка внешнего вида Firefox в userChrome.css

Вит · №13376

Танжер
Спасибо за ответ, но я как глянул-там много надо переделывать: если вкладки опустить-исчезают кнопки Закрыть-Свернуть и т.д. и другие непонятки. Я не разберусь. Жаль Виталия нет на форуме

Letterman · №13377

Есть код из downloads.inc.css, котрый отвечает за цвет фона при наведении на элемент из списка текущих загрузок в выпадающем меню

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

Выделить код

Код:

#downloadsListBox > richlistitem[state="1"][exists].hoveringMainArea:hover,
#downloadsListBox > richlistitem.openWhenFinished.hoveringMainArea:hover,
#downloadsListBox > richlistitem[verdict]:hover,
#downloadsListBox > richlistitem.openWhenFinished:hover,
.downloadsPanelFooterButton:hover {
  background-color: red;
}

Как его запустить из userChrome.css?

6e73epo · №13378

Letterman, так и запускай или оберни в @-moz-document url-prefix("chrome://browser/content/browser.x") {...}

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

Выделить код

Код:

#downloadsListBox > richlistitem[state="1"][exists].hoveringMainArea:hover,
#downloadsListBox > richlistitem.openWhenFinished.hoveringMainArea:hover,
#downloadsListBox > richlistitem[verdict]:hover,
#downloadsListBox > richlistitem.openWhenFinished:hover,
.downloadsPanelFooterButton:hover {
  --panel-item-hover-bgcolor: red;
}

Letterman · №13379

6e73epo, код работает только в библиотеке загрузок, а если обернуть в @-moz-document, вообще перестает работать.

6e73epo · №13380

Letterman, посмотреть бы на содержимое твоего userChrome.css

Letterman · №13381

6e73epo, а что там смотреть, проверяю на чистом userChrome.css, в котором только этот код и он работает только в библиотеке загрузок. Хотя в инструментах браузера работает в выпадающем меню загрузок.

6e73epo · №13382

Letterman, не знаю, проверял в 115 и 116 и код работает только в выпадающем меню загрузок. Попробуй тогда с background-color: red !important;

Letterman · №13383

6e73epo, с !important заработал, спасибо.

Markes44 · №13384

Здравствуйте.
Подскажите пожалуйста код, с помощью которого можно уменьшить длину адресной строки.
Заранее Большое Спасибо.

fuchsfan · №13385

Markes44 пишет

Подскажите пожалуйста код, с помощью которого можно уменьшить длину адресной строки.

А пустые промежутки натаскать справа от адресной строки не то?

Добавлено 13-08-2023 12:33:01
Но сначала пустые промежутки нужно организовать скриптом этим https://forum.mozilla-russia.org/viewto … 46#p806446 или этим https://forum.ru-board.com/topic.cgi?fo … tart=80#14 , вторым проще.

Отредактировано fuchsfan (13-08-2023 12:33:01)

xrun1 · №13386

Markes44

Выделить код

Код:

#urlbar-container {
  max-width: 100px !important;
}

Markes44 · №13387

xrun1
Благодарю!

Отредактировано Markes44 (13-08-2023 14:36:26)

Letterman · №13388

Как добраться до оформления окошка, которое предлагает сохранить или открыть файл? В инструментах браузера оно не выделяется.

6e73epo · №13389

Letterman, chrome://mozapps/content/downloads/unknownContentType.xhtml

Letterman · №13390

6e73epo, спасибо.
Как сделать раздельный поиск, чтобы в адресной строке был Google, а в поиске домашней страницы Yandex?

oleg.sgh · №13391

Letterman

Не совсем то...на всякий случай.
Назначение кратких имён поисковым системам | Справка Firefox

Отредактировано oleg.sgh (15-08-2023 16:52:18)

kokoss · №13392

Letterman пишет

Как сделать раздельный поиск, чтобы в адресной строке был Google, а в поиске домашней страницы Yandex?

С помощью стилей никак!

казявка · №13393

скажите пжлста как сделать чтоб было как в Центе нажать правой кнопкой на ссылку и было чтоб Скопировать текст ссылки

kokoss · №13394

казявка
С этим сюда -> https://forum.mozilla-russia.org/viewto … 65#p806465 или сюда -> https://forum.mozilla-russia.org/viewtopic.php?id=77354 или сюда -> https://forum.mozilla-russia.org/viewto … 07#p806507 или сюда -> https://forum.mozilla-russia.org/viewto … 24#p806524

Отредактировано kokoss (17-08-2023 15:12:55)

казявка · №13395

kokoss
спс - спросил в userChrome.js )))

Letterman · №13396

1. Каким образом покрасить иконки в виде папок chrome://global/skin/icons/folder.svg в закладках, не затрагивая другие иконки?
Такой код красит и папки и остальные иконки, например, панель закладок

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

Выделить код

Код:

.bookmark-item[container] {
  list-style-image: url("chrome://global/skin/icons/folder.svg");
  fill: red !important;
}

2. Как покрасить эти же иконки в виде папок в библиотеке закладок?

fuchsfan · №13397

Letterman пишет

1. Каким образом покрасить иконки в виде папок chrome://global/skin/icons/folder.svg в закладках, не затрагивая другие иконки?

2. Как покрасить эти же иконки в виде папок в библиотеке закладок?

Код ниже (в userContent.css) имеет эффект на иконки только папок и подпапок в панели закладок, избранном, избранном в боковой панели

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

/* Желтый цвет папок избранного Firefox v100+ */
@-moz-document url(chrome://global/skin/icons/folder.svg) {
*|svg {
background: no-repeat url(
"data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(254,224,130,1.0)' stroke='rgba(178,133,1,1.0)'><path d='M 7.7500004,3.5 H 13.5 a 2,2 45 0 1 2,2 v 7 a 2,2 135 0 1 -2,2 h -11 a 2,2 45 0 1 -2,-2 v -9 a 2,2 135 0 1 2,-2 H 5.0000004 A 1.3150997,1.3150997 20.81677 0 1 5.8737051,1.8321819 L 7.7500004,3.5 5.8737051,5.1678181 A 1.3150997,1.3150997 159.18323 0 1 5.0000004,5.5 H 0.5'/></svg>"
) !important;
}
*|path {
display: none !important;
}
}

Отредактировано fuchsfan (21-08-2023 10:50:23)

kokoss · №13398

Letterman
Как вариант, а путь до иконки -> list-style-image: url("./../../image/folder-item.png")!important; замените на

Выделить код

Код:

list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(254,224,130,1.0)' stroke='rgba(178,133,1,1.0)'><path d='M 7.7500004,3.5 H 13.5 a 2,2 45 0 1 2,2 v 7 a 2,2 135 0 1 -2,2 h -11 a 2,2 45 0 1 -2,-2 v -9 a 2,2 135 0 1 2,-2 H 5.0000004 A 1.3150997,1.3150997 20.81677 0 1 5.8737051,1.8321819 L 7.7500004,3.5 5.8737051,5.1678181 A 1.3150997,1.3150997 159.18323 0 1 5.0000004,5.5 H 0.5'/></svg>"
) !important;

или подставьте свою иконку.

Letterman · №13399

kokoss, подошел ваш вариант, благодарю!
fuchsfan, почему-то код не сработал

fuchsfan · №13400

Letterman пишет

fuchsfan, почему-то код не сработал

Код для userContent.css, работает даже с v118 Nightly.

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

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Код:

Re: Настройка внешнего вида Firefox в userChrome.css

Re: Настройка внешнего вида Firefox в userChrome.css

Board footer