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

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

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

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
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

Всего записей: 8135 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 09:49 30-08-2024
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;
  }
}

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

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

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

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

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

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

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

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

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

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

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

Никакие!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

   

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

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

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

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

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

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

Цитата:
В user.js

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

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

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

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

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