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

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

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

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


Просьба публикуемые коды заключать в тэг [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
Также не забываем про такую строку в 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.
 
Полезные ссылки
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG

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



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
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; }
}
Когда-то в сети нашел.
 
Да, за ссылку спасибо!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Всего записей: 458 | Зарегистр. 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);
}

Всего записей: 3066 | Зарегистр. 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;            /* цвет текста */
}

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

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

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

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

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

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

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

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

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

Всего записей: 3066 | Зарегистр. 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

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



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
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 = включить закругление */

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

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

Всего записей: 458 | Зарегистр. 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 аналогично.

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

Всего записей: 6435 | Зарегистр. 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

Всего записей: 3066 | Зарегистр. 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
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Автоскрытие панели закладок. Отлично работает, не ломает отображение при мультирядной панели табов.
Автоскрытие боковой панели.

Всего записей: 6435 | Зарегистр. 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

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

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru