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

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

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

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
Или так (не снижает безопасность!):
Код:
security.browser_xhtml_csp.enabled = true
security.browser_xhtml_csp.report-only = true (в v141.0+ этот параметр упразднен, заменен на security.csp.reporting.enabled. Логика работы не изменилась.)
3\ v139+: если некоторые скрипты JS не работают, можете сделать так (снижает безопасность!):
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

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

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

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
falcon1598, я поставил разные яркие цвета, чтобы было видно где они проскакивают и можно было заменить на свой нужный цвет. И тестить надо только со стилями, которые дал, чтобы исключить переопределение цветов сторонними стилями, особенно разными мега наборами. Рекомендую еще сделать запись видео с экрана, чтобы покадрово потом прокрутить и увидеть как меняются цвета
 
Smallette, код для Sidebery в userContent.css. Будет мигать красным, изменишь на свой цвет. Если мигает до красного цвета, то это уже интерфейс. Значит в UserChrome.css добавить код, что ниже, и если проскакивает, то заменить на свой цвет

Код:
@-moz-document url("chrome://browser/content/webext-panels.xhtml") {
  #webextpanels-window {
    background-color: green !important;
  }
}

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 10:10 26-11-2024 | Исправлено: Death_INN, 10:44 26-11-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho [?]
Цитата:
Есть, для userContent.css, в этой или основной теме точно выложен пару раз. С ним не мигает
Пока не нашёл. Намекните по какой фразе/слову искать?
kokoss19 [?], спасибо, но Ваш код работает также с миганием.

Всего записей: 670 | Зарегистр. 04-08-2013 | Отправлено: 11:27 26-11-2024
gutasiho

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

Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 11:39 26-11-2024
falcon1598

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Скажите пожалуйста, какие конкретно версии FF серии 115.x.x не имеют бага со стробоскопом?
Или они все багованные?

Всего записей: 509 | Зарегистр. 07-02-2017 | Отправлено: 11:59 26-11-2024
kokoss19

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

Цитата:
но Ваш код работает также с миганием.

Ааа, вы про мерцание, тогда попробуйте этот [?] код.
falcon1598

Цитата:
какие конкретно версии FF серии 115.x.x не имеют бага со стробоскопом?  

Никакие!

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

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 12:24 26-11-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
falcon1598, если подложечный стробоскоп, то он стилями не исправляется. Иногда помогает отключение ускорения или кручение настроек gfx.webrender*, например, gfx.webrender.dcomp-win.enabled = false
Разрабы постоянно что-то меняют от версии к версии. То подложка белая, то темная. Вот уже на нескольких последних версиях она темная, что меня радует, т.к. темная тема. Но еще зависит от конфига оборудования

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 12:26 26-11-2024
Smallette

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
вставил код в оба файла - мигание Sidebery пропало, спасибо.

Всего записей: 402 | Зарегистр. 01-11-2006 | Отправлено: 12:41 26-11-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19
Цитата:
Ааа, вы про мерцание...
Вот про это. Белая задержка перед загрузкой изображения и мелькание белым цветом открытия новой вкладки.
Цитата:
тогда попробуйте этот [?] код
Не помогает. Замена в коде цвета тоже. Отключение аппаратного ускорения и gfx.webrender.dcomp-win.enabled = false тоже нет. В общем писец.)

Всего записей: 670 | Зарегистр. 04-08-2013 | Отправлено: 15:21 26-11-2024 | Исправлено: deannik, 15:23 26-11-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, у тебя не пашет в userChrome.css стиль с переменной  --tabpanel-background-color, иначе мелькал бы красный цвет при открытии новой вкладки. Какой-то другой стиль его перебивает. Однако изменение цвета не поможет. Какие настройки стоят в about:preferences#home ? Не выбирай там нигде Пустую страницу, потому что это обман.
Для проверки, после открытия этой якобы пустой страницы жми F12 и в консоли введи location. Вместо ожидаемой about:blank ты увидишь about:newtab

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 18:56 26-11-2024 | Исправлено: Death_INN, 19:12 26-11-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, на видео только стиль от kokoss19, с Вашим [?] мелькает красный (ff.mp4).
Цитата:
Какие настройки стоят в about:preferences#home
Настройки

Всего записей: 670 | Зарегистр. 04-08-2013 | Отправлено: 19:23 26-11-2024 | Исправлено: deannik, 19:24 26-11-2024
Death_INN

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

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

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, пытаюсь, но после перезагрузки настройки слетают на Пустую страницу. Прописано видимо в user.js, но не найду какая именно настройка.

Всего записей: 670 | Зарегистр. 04-08-2013 | Отправлено: 20:07 26-11-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, только если browser.newtabpage.enabled = true. Разрабы убрали прямую возможность, так что либо так, либо скрипт

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 21:04 26-11-2024
deannik

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

Всего записей: 670 | Зарегистр. 04-08-2013 | Отправлено: 21:45 26-11-2024
Death_INN

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

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 22:27 26-11-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
По стробоскопу. Похоже, что у меня сделано так, и стробоскопа нет совсем, поэтому к проблеме стробоскопа последний раз я обращался года полтора назад, с тех пор от версии к версии ничего не менял.
Код:
/* userChrome.css */
#tabbrowser-tabpanels {
    background: #425989 !important;
}

Код:
/* userContent.css */
@-moz-document url("about:blank") {
    body:empty {
        background: #425989 !important;
    }
}
@-moz-document url("about:newtab"), url("about:home") {
    body {
        background: #425989 !important;
    }
body[lwt-newtab-brighttext] {
        background: var(--newtab-background-color, #425989) !important;
    }
}

Код:
user_pref("browser.display.background_color", "#202020");

   

Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 22:29 26-11-2024 | Исправлено: gutasiho, 11:42 27-11-2024
falcon1598

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

Цитата:
user_pref("browser.display.background_color", "#202020");  

А что с этим делать? В какой файл вставлять?

Всего записей: 509 | Зарегистр. 07-02-2017 | Отправлено: 09:10 27-11-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
falcon1598
В user.js или в about:config
Код:
browser.display.background_color = #202020

Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 10:55 27-11-2024
falcon1598

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

Цитата:
В user.js

Все сделал, как вы и написали. Не работает этот способ. Мелькание присутствует в полном объеме. Цвет вместо черного сменился на светло-фиолетовый, вот и вся разница.

Всего записей: 509 | Зарегистр. 07-02-2017 | Отправлено: 11:41 27-11-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
falcon1598
Сочувствую, помочь не могу, на моем скрине видно, что у меня работает. Да, все три компоненты у меня используются одновременно. Не исключаю, что у меня еще что-то присутствует, но вроде бы нет.

Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 11:46 27-11-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

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