Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Компьютеры » Программы » Mozilla Firefox: стили userChrome.css и скрипты js

Модерирует : gyra, Maz

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161

Открыть новую тему     Написать ответ в эту тему

gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору



В теме обсуждается настройка внешнего вида Firefox с использованием userChrome.css, userContent.css, а так же использование скриптов js (uc.js).

Родственные темы: Mozilla Firefox | Расширения для Firefox
 
Обсуждение на "Форуме Mozilla Россия":
Настройка внешнего вида Firefox в userChrome.css,
UCF - ваши кнопки, темы, дополнения, скрипты…
 
Темы на GitHub:
Aris-t2 CustomCSSforFx | Aris-t2 CustomJSforFx | xiaoxiaoflood/firefox-scripts | Endor8/userChrome.js | Alice0775 userChrome.js  
VitaliyV UCF - UserChromeFiles | MrOtherGuy/firefox-csshacks (known as MOG) | VicDobrov UCF-скрипты


Просьба публикуемые коды заключать в тэг [code][/code] (из выпадающего меню), а коды более 10 строк - в двойной тэг [more][code][/code][/more] Подробное разъяснение.
 
Как подключить скрипты JS:
метод Aris-t2 | метод xiaoxiaoflood | метод Endor8 | метод user_chrome_files (UCF)
Как подключить скрипты JSM, MJS в загрузчик скриптов от Aris-t2 , а если у вас Firefox v117+, то дополнительно...
 
Еще один способ активации, нюансы: скрипты можно поместить в пользовательслую папку, можно не прописывать активацию каждого скрипта отдельно.
 
Куда вписывать код для стиля userChrome.css и userContent.css
1\ Также не забываем про такую строку в user.js / prefs.js (для включения userChrome.css и userContent.css):
Код:
// Turn on userChrome.css and userContent.css support
// Включить поддержку userChrome.css и userContent.css
user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);  
либо эту настройку включить через about:config.
2\ v136+: отключить CSP (Content Security Policy - Политика безопасности контента), снижает безопасность!:
Код:
security.browser_xhtml_csp.enabled = false
3\ v139+: если некоторые скрипты JS не работают, можете сделать так, снижает безопасность!:
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

Полезные ссылки
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

Всего записей: 9024 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 16:26 26-07-2025
momo2000



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
https://github.com/xiaoxiaoflood/firefox-scripts/issues/343
security.allow_unsafe_dangerous_privileged_evil_eval = true
Возможно это поможет

Всего записей: 1754 | Зарегистр. 14-04-2007 | Отправлено: 09:34 02-07-2025
doud



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
А как в вашем скрипте поменять местами крестик и плюс?

Всего записей: 128 | Зарегистр. 20-08-2006 | Отправлено: 10:26 02-07-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
doud, поменять местами объекты в массиве. Массив в квадратных скобках, объекты в фигурных внутри массива. Можно покрасить иконки. Предпочитаю стилем FF140+

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 10:55 02-07-2025 | Исправлено: Death_INN, 11:09 02-07-2025
doud



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Что то не получилось, я в скриптах не шарю.

Всего записей: 128 | Зарегистр. 20-08-2006 | Отправлено: 11:06 02-07-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
doud, ок, поставил крест первым

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 11:14 02-07-2025
Lagris

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho

Цитата:
нет параметра security.browser_xhtml_csp.report-only, отсутствует совсем

141.0 beta4 - присутствует:

 

Цитата:
отправку репортов может блокировать uBlock Origin (птичка Block CSP reports)

Ага, есть такое, но как влияет на работу скриптов пока не проверял.

Всего записей: 1403 | Зарегистр. 26-08-2007 | Отправлено: 12:06 02-07-2025
xerpal



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Кто подскажет, как для приватного окна сделать другую тему, чтобы не путать его с обычным.

Всего записей: 1654 | Зарегистр. 08-10-2011 | Отправлено: 12:06 02-07-2025
Lagris

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
momo2000

Цитата:
security.allow_unsafe_dangerous_privileged_evil_eval = true

Лично у меня на 141 teta ни false, ни true ни на что не влияют.
 
Чтобы скрипты запускались, требуется security.browser_xhtml_csp.enabled = false.
Хорошо это или плохо - хз.

Всего записей: 1403 | Зарегистр. 26-08-2007 | Отправлено: 12:25 02-07-2025 | Исправлено: Lagris, 12:26 02-07-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Lagris
Цитата:
Чтобы скрипты запускались, требуется security.browser_xhtml_csp.enabled = false.
Хорошо это или плохо - хз.  
Это плохо, этим самым ты делаешь откат по безопасности на уровень v135. Кроме того, возможность отключения CSP позиционировалась, как временная мера, того и гляди, уберут эту возможность.
 
Добавлено:
xerpal
Цитата:
приватного окна сделать другую тему, чтобы не путать его с обычным.
Покрасить панели в фиолетовый цвет
Код:
/* userChrome.css */
/* Tabbar background */
#main-window[privatebrowsingmode="temporary"] #TabsToolbar {
  background-color: #303 !important;
}
/* Toolbar background */
#main-window[privatebrowsingmode="temporary"] #nav-bar {
  background-color: #303 !important;
}
В шапке по github-овским ссылкам наверняка найдутся и более развернутые приватные стили.

Всего записей: 9024 | Зарегистр. 14-09-2020 | Отправлено: 12:41 02-07-2025
AlAvis

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Цитата:
нет security.browser_xhtml_csp.report-only ...отправку репортов теперь не отключить
Настройка не для отключения отправки репортов , а наоборот - что бы были ТОЛЬКО репорты , без ограничений csp .
Отключение отправки репортов - security.csp.reporting.enabled = false

Всего записей: 2506 | Зарегистр. 15-07-2013 | Отправлено: 14:01 02-07-2025
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, перешёл сегодня со 135-й на 140.0.2 и заменил старый icons.css на этот. Спасибо Вам за него, но у меня не всё хорошо отрабатывает. Отсутствует полоса выбора (не знаю как правильно называется) в контекстных меню, кроме гамбургера. В некоторых меню большое расстояние между иконкой и пунктом меню, а также разъезжаются некоторые пункты (img1, img2, img3).

Всего записей: 685 | Зарегистр. 04-08-2013 | Отправлено: 14:15 02-07-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, ну так я выкладывал для FF139, а в 140 все сломали, сделав упор на класс menu-icon, так что пришлось переделывать, хотя я даже рад - стало проще без всяких before. Может вечером выложу

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 14:26 02-07-2025
ttettette

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Получилось уменьшить новые кнопки управления окном, спасибо участникам.
Заменил своё
* {
 -moz-appearance: none !important;
 font-size: 19px !important;
}
 
на такой же большой шрифт, но более красивое, что Мозилла придумывает, полупрозрачные меню и т.д.
 
*|*:root * { /*your font rules*/
//   font-family:sans-serif !important;
//   font-weight:500 !important;
   font-size:19px !important;
   text-shadow:none; !important;
}
 
Этот код увеличивает и кнопки управления окном, обратно их уменьшить получилось так:
 
@media (-moz-platform: windows) {
    /* revert to old titlebar buttons */
   .titlebar-button { & > .toolbarbutton-icon { display: inline-flex !important; font-size:9px !important;} font-size:9px !important; } font-size:9px !important;
    /* discard new titlebar buttons */
//    .titlebar-button { &::before { display: none !important; } }
}
 
первое "font-size:9px !important;" не сработало, я добавил ещё два теперь сработало, интересно которое - кнопки даже чуть меньше стали, совсем чуть-чуть. Лучше этот путь, чем прошлые возвращать - их же удалят, наверное, уже "before" назвали. Всем спасибо!

Всего записей: 118 | Зарегистр. 07-07-2013 | Отправлено: 17:10 02-07-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Анимация папок панели закладок
Скрипт

Всего записей: 9024 | Зарегистр. 14-09-2020 | Отправлено: 12:51 03-07-2025
chivilyov

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik

Цитата:
В некоторых меню большое расстояние между иконкой и пунктом меню, а также разъезжаются некоторые пункты (img1, img2, img3).

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

Всего записей: 1129 | Зарегистр. 21-02-2008 | Отправлено: 14:11 03-07-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Стили отступов для иконок с примерами. Не тестил. FF140+
Код

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 17:14 03-07-2025
alexagf



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Пытаюсь поменять иконку расширения
Родные стили:

Код:
#_ecb80162-dfbd-4d91-a8da-17b35ba4707a_-BAP {
--webextension-menupanel-image: image-set( url("moz-extension://52847cec-a919-418f-ae7f-703defe6264a/skin/logo32.png"), url("moz-extension://52847cec-a919-418f-ae7f-703defe6264a/skin/logo32.png") 2x );
  --webextension-menupanel-image-light: image-set( url("moz-extension://52847cec-a919-418f-ae7f-703defe6264a/skin/logo32.png"), url("moz-extension://52847cec-a919-418f-ae7f-703defe6264a/skin/logo32.png") 2x );
  --webextension-menupanel-image-dark: image-set( url("moz-extension://52847cec-a919-418f-ae7f-703defe6264a/skin/logo32.png"), url("moz-extension://52847cec-a919-418f-ae7f-703defe6264a/skin/logo32.png") 2x );
  --webextension-toolbar-image: image-set( url("moz-extension://52847cec-a919-418f-ae7f-703defe6264a/skin/logo16.png"), url("moz-extension://52847cec-a919-418f-ae7f-703defe6264a/skin/logo32.png") 2x );
  --webextension-toolbar-image-light: image-set( url("moz-extension://52847cec-a919-418f-ae7f-703defe6264a/skin/logo16.png"), url("moz-extension://52847cec-a919-418f-ae7f-703defe6264a/skin/logo32.png") 2x );
  --webextension-toolbar-image-dark: image-set( url("moz-extension://52847cec-a919-418f-ae7f-703defe6264a/skin/logo16.png"), url("moz-extension://52847cec-a919-418f-ae7f-703defe6264a/skin/logo32.png") 2x );
}

Заменяю иконки

Код:
#_ecb80162-dfbd-4d91-a8da-17b35ba4707a_-BAP {
  --webextension-menupanel-image: image-set( url("./logo32.png"), url("./logo32.png") 2x ) !important;
  --webextension-menupanel-image-light: image-set( url("./logo32.png"), url("./logo32.png") 2x ) !important;
  --webextension-menupanel-image-dark: image-set( url("./logo32.png"), url("./logo32.png") 2x ) !important;
  --webextension-toolbar-image: image-set( url("./logo16.png"), url("./logo32.png") 2x ) !important;
  --webextension-toolbar-image-light: image-set( url("./logo16.png"), url("./logo32.png") 2x ) !important;
  --webextension-toolbar-image-dark: image-set( url("./logo16.png"), url("./logo32.png") 2x ) !important;
}
И отображается пустое место.
Что не так? Кто подскажет?

Всего записей: 1469 | Зарегистр. 23-09-2001 | Отправлено: 17:54 03-07-2025
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
Стили отступов для иконок с примерами. Не тестил. FF140+
Код
Спасибо. С отступами всё хорошо, но нет полосы выбора.
 
Добавлено:
На отсутствие полосы выбора влияет этот стиль:
Код:
menupopup:not(.in-menulist) > :is(menu, menuitem):where([_moz-menuactive]:not([disabled="true"])) {
background-color: var(--panel-item-hover-bgcolor) !important;
border-radius: 2px !important;

Всего записей: 685 | Зарегистр. 04-08-2013 | Отправлено: 18:05 03-07-2025 | Исправлено: deannik, 21:42 03-07-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, про --panel-item-hover-bgcolor, начиная с FF138, уже нигде не упоминается

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 22:37 03-07-2025
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
--panel-item-hover-bgcolor, начиная с FF138, уже нигде не упоминается
Строку вообще убрать или заменить чем?

Всего записей: 685 | Зарегистр. 04-08-2013 | Отправлено: 22:44 03-07-2025
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161

Компьютерный форум Ru.Board » Компьютеры » Программы » Mozilla Firefox: стили userChrome.css и скрипты js


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2025

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru