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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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

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

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-селекторов элементов интерфейса встроенными средствами браузера

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



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

Цитата:
лучше так:
Согласен, оговорился я.
 
Ещё вариант:
Код:
@-moz-document url("about:newtab") {
.activity-stream { background: #d6d6d6 !important; }
}
 
@-moz-document url-prefix("http://"), url-prefix("https://") {
a:link { color: blue !important; }
a:visited { color: red !important; }
a:hover { color: aqua !important; }
a:active { color: crimson !important; }
}
Когда-то в сети нашел.
 
Да, за ссылку спасибо!

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 00:01 11-03-2024 | Исправлено: grom17, 00:08 11-03-2024
gutasiho

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

Всего записей: 8861 | Зарегистр. 14-09-2020 | Отправлено: 11:25 17-03-2024 | Исправлено: gutasiho, 11:45 17-03-2024
deannik

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

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 15:33 17-03-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik
Оба решения точно есть в теме, и не один раз, в т.ч. в моих постах.

Всего записей: 8861 | Зарегистр. 14-09-2020 | Отправлено: 15:43 17-03-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, в about:config browser.display.windows.non_native_menus = 0

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 17:26 17-03-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
в about:config browser.display.windows.non_native_menus = 0  
Там =0= и установлен.
gutasiho
Цитата:
Оба решения точно есть в теме, и не один раз, в т.ч. в моих постах.
На первое время нашёл. Спасибо.

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 17:31 17-03-2024 | Исправлено: deannik, 18:46 17-03-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, я смотрел на чистом профиле в 115.6.0 esr и параметр, про который писал, сразу делает то, что нужно: и меню компактные и фон при наведении синеватый.

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 19:20 17-03-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
я смотрел на чистом профиле в 115.6.0 esr и параметр, про который писал, сразу делает то, что нужно: и меню компактные и фон при наведении синеватый.  
В 115.8.0esr — да, в 123.0.1 — не работает. Моя ошибка, не указал сразу версию FF. Вроде всё получилось, но не могу найти как изменить фон контекстного меню, сделать немного серым.

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 19:25 17-03-2024 | Исправлено: deannik, 19:30 17-03-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, по умолчанию в браузе так. Меняй что хочешь

Код:
menupopup {
  --panel-background: Menu;
  --panel-color: MenuText;
  --panel-border-radius: 4px;
  --panel-border-color: ThreeDShadow;
  --panel-shadow-margin: 0px;
  --panel-shadow: 0 0 var(--panel-shadow-margin) hsla(0,0%,0%,.2);
  --color-canvas: var(--panel-background);
}

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 20:02 17-03-2024 | Исправлено: Death_INN, 22:09 17-03-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik
Код:
/* цвет фона и текста контекстного меню */
menupopup {
    --panel-background: #F4F6F8 !important;        /* цвет фона */
    --panel-border-color: gray !important;        /* цвет границы (none - граница не видна) */
    --panel-color: black !important;            /* цвет текста */
}

Всего записей: 8861 | Зарегистр. 14-09-2020 | Отправлено: 20:57 17-03-2024
Death_INN

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

Цитата:
и удалите пунктирную рамку на кнопке Remove

Не вижу пунктира, вижу точки. Начни с этого, а если что лишнее где прихватит в других меню, то разберемся

Код:
.dialog-button-box > button:focus-visible {
  --default-focusring: none;
}

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 21:21 17-03-2024 | Исправлено: Death_INN, 22:19 17-03-2024
deannik

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

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 21:47 17-03-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, так делай как gutasiho писал, тогда стили будут распространяться на многие menupopup. Свое сообщение поправил. Тени не знаю как, с какой версии скрин?

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 22:09 17-03-2024 | Исправлено: Death_INN, 22:10 17-03-2024
kokoss19

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

Цитата:
Как полностью убрать закругление углов?


Код:
@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --arrowpanel-border-radius: 0 !important;
}
}
 

вроде везде, по крайней мере в FF 115
 
Добавлено:
gutasiho

Цитата:
измените цвет текста для этого пункта

ID пункта -> #identity-popup-clear-sitedata-button


----------
Win7 / FF115

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 23:40 17-03-2024
grom17



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

Цитата:
Как полностью убрать закругление углов?

У меня так работает FF123.0.1 (64-разрядный)
Код:
/* Отключить все закругления углов (только firefox настройки) */
@-moz-document url-prefix("about:"),  
url-prefix("chrome:"),  
url-prefix("moz-extension:"),  
url-prefix("moz-icon:"),  
url-prefix("app:"),  
url-prefix("resource:")  
{* {border-radius: 0 !important;}} /* 0 = отключить закругление, 1 = включить закругление */

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 01:44 18-03-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
Тени не знаю как, с какой версии скрин?
115.8.0esr, работает со 115.0.2esr (userChrome.css). Взято здесь. Какой именно код это делает не знаю?

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 08:45 18-03-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19
Цитата:
ID пункта -> #identity-popup-clear-sitedata-button
Это я выяснил еще до того, как задавал вопрос, и это у меня работало только в userContent.css и только до перезапуска браузера: применил изменения в userContent без перезапуска, эффект есть. Перезапустил браузер - эффект пропал, применил изменения... и далее по кругу.
Сегодня вспомнил о неких граблях, когда некоторые коды не работают через импорт или если находятся в конце файла userChrome.css, поместил код в начало userChrome.css, и теперь он заработал нормально.
Спасибо, решено.
Death_INN
Цитата:
Не вижу пунктира, вижу точки. Начни с этого,
Спасибо, нормально.
 
Добавлено:
deannik
Фоны конт. меню всех уровней вложенности одинаковые, скрин с v115 Win8.1. v123 Win10 аналогично.

Для определения куска кода, отвечающего за конкретный эффект, можно удалять коды по одному.

Всего записей: 8861 | Зарегистр. 14-09-2020 | Отправлено: 09:52 18-03-2024 | Исправлено: gutasiho, 11:12 18-03-2024
Death_INN

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

Цитата:
Сегодня вспомнил о неких граблях, когда некоторые коды не работают через импорт или если находятся в конце файла userChrome.css, поместил код в начало userChrome.css, и теперь он заработал нормально.

Точно нет таких кодов, которые не работают из импортированного файла
Часто, перемещение одного кода в начало user*.css ломает другой код и это не сразу можно увидеть. Желательно выяснить причину.
 
deannik

Цитата:
Какой именно код это делает не знаю

Никакой, наверное. Сообщение выше все таки актуально для темной темы, так что меняй значения
 
--panel-shadow-margin: 4px;
--panel-shadow: 0 0 var(--panel-shadow-margin) hsla(0,0%,0%,.2);
 
поставишь 14px и сразу увидишь разницу, что делает, а прозрачность цвета тут по умолчанию .2

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 15:26 18-03-2024 | Исправлено: Death_INN, 15:57 18-03-2024
zimzq

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Samotek
Цитата:
еще и с панелью задач?

Здесь видел подобное, скачивать лучше отсюда.
user.js - поиск - userChrome.autohide,..
about:config - добавить одно из них, через boolean.
Некоторые из настроек:
// user_pref("userChrome.autohide.navbar", true);
// user_pref("userChrome.autohide.bookmarkbar", true);
 
Что-то подобное видел у aris-t2(может нет, не разбирался, по идее должно быть), ucf(если разберетесь, постигнете дао).
 
P.S. Мне похоже делать нечего, раз так запарился, перенеся в нужную тему. Показалось, что кто-то на меня обиделся.

Всего записей: 12 | Зарегистр. 26-02-2024 | Отправлено: 00:41 20-03-2024 | Исправлено: zimzq, 01:05 20-03-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Автоскрытие панели закладок. Отлично работает, не ломает отображение при мультирядной панели табов.
Автоскрытие боковой панели.

Всего записей: 8861 | Зарегистр. 14-09-2020 | Отправлено: 10:42 20-03-2024 | Исправлено: gutasiho, 10:43 20-03-2024
Открыть новую тему     Написать ответ в эту тему

Страницы: 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

Компьютерный форум 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