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

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

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

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

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1
У меня не зависит. Исправил, нашел конфликтующий стиль, методом "почти половинного разбиения" , в папке с CSS создал номерные папки 1, 2, 3... и в них поочередно перемещал по десятку стилей, отключая их таким образом. Это оказался tabs_multi-row_by_MrOtherGuy.css. Теперь стиль скролла работает везде, при высоте выпадающего меню 910px.
Проблема - не смог получить в горизонтальной прокрутке градиентного цвета полосы прокрутки и отображения стрелок, ни в режиме 1, ни в режиме 2.
 

Всего записей: 8934 | Зарегистр. 14-09-2020 | Отправлено: 08:49 28-09-2025 | Исправлено: gutasiho, 11:48 28-09-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Не, у меня и страница, когда увеличиваю до невообразимых размеров и фрейм внутри показывают горизонталь с кнопками.
Поторопился, скриншот делал на 142.0.1. На 143-ей тоже без кнопок.
   
Для теста, скриншот отсюда.
P.S. Я пользуюсь, как базой, скриптами от Aris-t2 (частично правленые и не все). + свои, + чужие, но принцип ариса сохранил: всё разложено по темам и папкам. Поэтому переименовал папку - нашёл косяк.
P.P.S. Никак не переползу на 143-ю, всё правлю скрипты... стили... Это просто так, оффтоп - пожаловался и вроде легче стало.
 
Добавлено:
Кстати, у меня в том скрипте, только вариант 2 (кнопки скачаны) работает.

Всего записей: 1014 | Зарегистр. 26-12-2009 | Отправлено: 12:33 28-09-2025 | Исправлено: xrun1, 12:46 28-09-2025
Death_INN

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

Цитата:
Проблема - не смог получить в горизонтальной прокрутке градиентного цвета полосы прокрутки и отображения стрелок, ни в режиме 1, ни в режиме 2

Скрипт у ся не применял и не буду, но скорее всего стрелки блокируются CSP, если заданы как data:image/svg
У себя в стилях наблюдал аналогичное поведение, например, на странице about:config. Как только жму "Show All" - горизонтальные стрелки пропадают. Вышел из положения легко. Прямоугольники сделал через линейный градиент, а треугольники из них оформил через полигоны. Главное, что не потребовалось никаких внешних svg

Всего записей: 3971 | Зарегистр. 24-10-2002 | Отправлено: 15:38 28-09-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
скорее всего стрелки блокируются CSP,
Не то, проверял.
 

Всего записей: 8934 | Зарегистр. 14-09-2020 | Отправлено: 15:50 28-09-2025 | Исправлено: gutasiho, 16:42 28-09-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, каким образом проверял? Не всегда о такой блокировке будет инфа в консоли. Пока стрелки для вертикальной прокрутки не блочатся.
Способов решения много. Один уже подсказал. Недостаток в том, что клик вне полигона не действует. И это решаемо, но у меня прокрутка чисто для красоты, на стрелки не нажимаю, ибо давно привык к бутонам, да и скролл колесом мыши пока никто не отменял.

Всего записей: 3971 | Зарегистр. 24-10-2002 | Отправлено: 20:27 28-09-2025
Lagris

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Есть мысли как поменять фоновый цвет окна в "Инструментах браузера" (Browser Toolbox)?
Тема светлая. Вот такой кусок кода глобально влияет на about: с исключениями (вертикальная черта), и как-то на chrome:, но я не разобрался, что этими косыми палками задается - исключения или включения. Надо туда "Инструменты" втиснуть, или, может, каким-то другим стилем фон раскрасить.

Всего записей: 1398 | Зарегистр. 26-08-2007 | Отправлено: 20:57 28-09-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
А как часто горизонтальный скролл видишь? Я редко, перетерплю. Но, вообще, это дело принципа - кнопки должны быть!

Всего записей: 1014 | Зарегистр. 26-12-2009 | Отправлено: 21:38 28-09-2025
Andrewnews

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите пожалуйста можно ли в коде Vitaliy в скрипте  sidebar_tabs.js сделать заголовки (закладки, история и т.д) в две строки, а то получается что уже места не хватает в одну строку. Приходится сокращать названия в lable. Vitaliy не откликается на запросы.

Всего записей: 41 | Зарегистр. 06-10-2008 | Отправлено: 22:11 28-09-2025
Death_INN

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

Цитата:
Есть мысли как поменять фоновый цвет окна в "Инструментах браузера" (Browser Toolbox)?

фона тела? их куча и меняются при наведении, после клика и прочего. Можешь рассмотреть --theme-body-background

Цитата:
Вот такой кусок кода

вертикальная черта - это перечисление (или)
?! - исключения
 
xrun1
путь к иконке покажи, который не пашет

Всего записей: 3971 | Зарегистр. 24-10-2002 | Отправлено: 22:25 28-09-2025 | Исправлено: Death_INN, 22:26 28-09-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Пути одинаковые, что к вертикальным, что к горизонтальным.

Код:
  let ProfilePathChrome = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome'));
...
    scrollbar[vertical] > scrollbarbutton[type="increment"] {
      background-image: url("${ProfilePathChrome}/svg/down.svg") !important;
    }
    scrollbar[horizontal] > scrollbarbutton[type="decrement"] {
      background-image: url("${ProfilePathChrome}/svg/left.svg") !important;
    }
 

Всего записей: 1014 | Зарегистр. 26-12-2009 | Отправлено: 05:12 29-09-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1, а если удалить [horizontal]? Поправил сообщение Может к след. версии добавят или не будут - не знаю

Всего записей: 3971 | Зарегистр. 24-10-2002 | Отправлено: 05:35 29-09-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Без [horizontal] кнопки появились. Что касается thumb, то он есть с [horizontal], трогать не стал. Спасибо.
UPD: Явный косяк мозилловцев. Всё должно быть единообразно, как говорили мне в армии.
 
Добавлено:
Andrewnews
Автор читает форумы, следите за обновлениями.
P.S. Но я бы надеяться не стал, слишком частное пожелание, как мне кажется. Но автору, конечно, виднее.
Напишите на том форуме со своей мотивацией просьбы.

Всего записей: 1014 | Зарегистр. 26-12-2009 | Отправлено: 06:08 29-09-2025 | Исправлено: xrun1, 06:10 29-09-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Очень даже перфектно, класс! Спс.
xrun1
Цитата:
Что касается thumb, то он есть с [horizontal], трогать не стал.
Если потрогать, разблокируется градиентный цвет тумбов.

Всего записей: 8934 | Зарегистр. 14-09-2020 | Отправлено: 10:01 29-09-2025
Lagris

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

Цитата:
вертикальная черта - это перечисление (или)
?! - исключения  

Понял.

Цитата:
Можешь рассмотреть --theme-body-background

Рассмотрел, стилем не пошло. Полез в omni.ja ковыряться, там все муторно, много зависимостей. Для примера - devtools/skin/light-theme.scc:

Код:
@import url(chrome://devtools/skin/variables.css);
@import url(chrome://devtools/skin/common.css);
@import url(chrome://devtools/skin/toolbars.css);
@import url(chrome://devtools/skin/tooltips.css);

С тестовым красным цветом вид не очень:
 
Плюнул и забил.

Всего записей: 1398 | Зарегистр. 26-08-2007 | Отправлено: 11:32 29-09-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Lagris, норм все стилем идет. И почему бы не рассмотреть темную тему? devtools.theme = dark

Всего записей: 3971 | Зарегистр. 24-10-2002 | Отправлено: 11:47 29-09-2025
Lagris

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

Цитата:
норм все стилем идет

Каким? Я этот
юзал content_xhtml.css из FullTheme.zip от Vitaly, подключенный в UCF:
https://github.com/VitaliyVstyle/VitaliyVstyle.github.io/tree/main/UserChromeFiles/FullTheme
 

Цитата:
И почему бы не рассмотреть темную тему? devtools.theme = dark

Меня тоже эта мысль посещала. Переключался на темную тему для проверки как инструменты и консоль выглядят - вроде ничего. Осталось стиль для светлой темы приспособить...

Всего записей: 1398 | Зарегистр. 26-08-2007 | Отправлено: 12:15 29-09-2025 | Исправлено: Lagris, 15:02 29-09-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Lagris при devtools.theme = dark на светлой теме инструменты будут темными
content_xhtml.css не для chrome://devtools/. Хочешь стилизовать инструменты - подключай свой файл с агент правами через config.js

Всего записей: 3971 | Зарегистр. 24-10-2002 | Отправлено: 15:34 29-09-2025
Lagris

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

Цитата:
Хочешь стилизовать инструменты - подключай свой файл с агент правами через config.js

Блин, как все просто оказалось:


Всего записей: 1398 | Зарегистр. 26-08-2007 | Отправлено: 17:31 29-09-2025 | Исправлено: Lagris, 17:32 29-09-2025
xrun1



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

Цитата:
Если потрогать, разблокируется градиентный цвет тумбов.

Я в скрипте всё, что можно поставил в unset. Согласен, что красиво. Но наш стиль - строгая классика!

Всего записей: 1014 | Зарегистр. 26-12-2009 | Отправлено: 23:10 29-09-2025
kc_duke

Junior Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Всем привет. Нужна помощь. Можно как-то убрать сочетание Ctrl+B для панели закладок? Дело в том что я привык его использовать для Paste ang Go. Сам плагин Paste an Go умеет назначать себе сочетание клавиш, но ff его перехватывает. И раньше dorando keyconfig его успешно переназначал, но в версиях 140+ что-то сломалось и keyconfig отключен и не даёт включить. Штудирование гитхаба xiaoxiaoflood ничего не дало.  
 Версия FF 140.3.1esr (64-разрядный)

Всего записей: 81 | Зарегистр. 15-11-2006 | Отправлено: 05:06 30-09-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

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