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

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

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

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

Всего записей: 7671 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 09:49 30-08-2024
unter_officer



Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
kokoss19
Цитата:
а ему нужно между тремя...!

Где брал уже не помню. Подключил в UCF на FF 115, вроде в первом приближении работает, но основательно не тестировал: Подробнее...

----------
«The Truth Is Out There»

Всего записей: 309 | Зарегистр. 03-08-2008 | Отправлено: 11:36 20-01-2024
kokoss19

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
unter_officer
Я используютакой вариант...


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

Всего записей: 2114 | Зарегистр. 16-07-2018 | Отправлено: 18:02 20-01-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
fakel33 pangasiys
Цитата:
без вспышки белого (т.н. стробоскоп) окрашивают пустой фон открываемой страницы в неяркий, не режущий глаз цвет.
a\ Ничего секретного, этот работает
b\ + та часть, что для userContent.css
Кажется, лучше всего а + b, когда в них назначены одинаковые или близкие цвета. На youtube, который грузится не мгновенно, это не стробоскоп, а переключение на родной background страницы сайта. Я так предполагаю. Возможно, есть что-то получше.

Всего записей: 7671 | Зарегистр. 14-09-2020 | Отправлено: 15:55 23-01-2024 | Исправлено: gutasiho, 16:02 23-01-2024
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
попробовал и просто а\ и а\+b\  и всё равно вот например когда заходишь на https://e.mail.ru то этих белых вспышок даже несолько подряд ((((( наверно всё таки эти белые вспышкки неизличимы, они ка рак  у человека (((  хныык (((((

Всего записей: 6693 | Зарегистр. 05-06-2012 | Отправлено: 16:11 23-01-2024
kokoss19

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

Цитата:
и всё равно вот например когда заходишь на https://e.mail.ru то этих белых вспышок даже несолько подряд

Какую тёмную тему используйте ?

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

Всего записей: 2114 | Зарегистр. 16-07-2018 | Отправлено: 16:18 23-01-2024
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19
я использую тёмную тему которая в 122 версии, там 4 темы встроено и вот я тёмную юзаю и ещё + расширение Website Dimmer настроено тоже чтоб всё тёмное было

Всего записей: 6693 | Зарегистр. 05-06-2012 | Отправлено: 16:33 23-01-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys
Стопудово у тебя конфликт интересов, т.к. даже твоя страница у меня открывается без стробоскопа, что в v122.0, что в v115.7.0esr.

Всего записей: 7671 | Зарегистр. 14-09-2020 | Отправлено: 16:40 23-01-2024
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
может быть потому что у меня ось 8.1 и в ней стоит контрастная тёмная тема - а
 
Добавлено:
контрасная ЧЁРНАЯ тема

Всего записей: 6693 | Зарегистр. 05-06-2012 | Отправлено: 16:43 23-01-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys
Может быть. 115 я смотрел на 8.1 со сторонней не темной темой.

Всего записей: 7671 | Зарегистр. 14-09-2020 | Отправлено: 16:46 23-01-2024
fakel33



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Попытался на https://discord.com/channels/. Видимо это сам сайт настроен белый - темный. Увы не удалились.
Использую FF 115.6.0 + стандартная темная тема. Windows 10 x64 LTSC 1809 режим приложения светлый в настройках параметров.

Всего записей: 1202 | Зарегистр. 22-08-2003 | Отправлено: 16:58 23-01-2024 | Исправлено: fakel33, 17:04 23-01-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Но упомянутые в той теме темы оформления делают это лучше, или почти лучше.

Всего записей: 7671 | Зарегистр. 14-09-2020 | Отправлено: 17:31 23-01-2024 | Исправлено: gutasiho, 17:36 23-01-2024
Death_INN

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

Цитата:
я использую тёмную тему

А я системную тему. Она будет темной, если в винде темная и светлой, если в винде светлая. Рекомендую в стилях по изменению начального фона цвет сменить, например, на красный, чтобы картина яснее была

Всего записей: 3548 | Зарегистр. 24-10-2002 | Отправлено: 17:32 23-01-2024 | Исправлено: Death_INN, 17:39 23-01-2024
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
да нет, у меня тема в 8.1 контрасная ЧЁРНАЯ и вот если я её в фарефоксе применю то у меня все сайты будут с чёрным фоном и синими буквами и всё, все остальных цветов не будет видно, так что ладно, буду жмурится от белых вспышек но зато все сайты будут раскрашены как должны быть - вот
 
Добавлено:
....к сожалению в восьмёрке нету тёмной темы как в десятке, только контрасная чёрная

Всего записей: 6693 | Зарегистр. 05-06-2012 | Отправлено: 20:23 23-01-2024
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Новые версии - минное поле CSS.
В 122-й отвалился стиль

Код:
:root[tabsintitlebar] {
  --toolbox-non-lwt-bgcolor: rgb(0,209,234) !important; /* цвет фона активного окна */
  --toolbox-non-lwt-bgcolor-inactive: rgb(215,0,242) !important; /* цвет фона неактивного окна */
}

Активное окно красит нормально, а при неактивном красит ещё и табы. Можно поправить?
UPD: С настройкой browser.theme.windows.accent-color-in-tabs.enabled = true точно также красит табы. Значит, поправить нельзя? Гадёныши.

Всего записей: 824 | Зарегистр. 26-12-2009 | Отправлено: 14:41 25-01-2024 | Исправлено: xrun1, 14:48 25-01-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1
У мну по факту в 122 ничего не отвалилось. На предмет неактивного таба, предположительно, если в коде ниже задать тот же цвет, что для активного цвета, то вроде визуально и цвет акт\неакт не должен поменяться.
Код:
/* userChrome.css Tweak Firefox v122.0 */
/* цвет фона панели табов, когда Firefox не в фокусе */
#TabsToolbar:-moz-window-inactive {
    color: #ff0000 !important;        /* цвет текста панели табов, когда Firefox не в фокусе */
    background: #509D81 !important;    /* цвет фона панели табов, когда Firefox не в фокусе */
}

 
Добавлено:
Тоже на тему акт\неакт
Код:
/* userChrome.css Tweak Firefox v122.0 */
/* (Не)прозрачность панели табов, когда Firefox не в фокусе */
:root[tabsintitlebar] #titlebar:-moz-window-inactive {
    opacity: 0.6 !important;        /* уровень непрозрачности панели табов */
    color: #ff0000 !important;        /* цвет текста панели табов, когда Firefox не в фокусе */
}

Всего записей: 7671 | Зарегистр. 14-09-2020 | Отправлено: 15:13 25-01-2024
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Я немного о другом.
Скрин
В том стиле менялся только цвет, где показано стрелками. А табы в неактивном окне оставались той же раскраски. Теперь неактивное окно раскрашивает (затемняет) и сами табы.

Всего записей: 824 | Зарегистр. 26-12-2009 | Отправлено: 17:18 25-01-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1, может дело в переменной --inactive-titlebar-opacity

Всего записей: 3548 | Зарегистр. 24-10-2002 | Отправлено: 00:36 26-01-2024
xrun1



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

Цитата:
--inactive-titlebar-opacity

А можно подробнее для неискушённых юзеров? Как мне её посмотреть/изменить?

Всего записей: 824 | Зарегистр. 26-12-2009 | Отправлено: 08:19 26-01-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1, добавить ее к двум другим переменным в своем "отвалившемся" стиле или может так прокатит

Код:
#navigator-toolbox {
  --toolbox-non-lwt-bgcolor: rgb(0,209,234);
  &:-moz-window-inactive {
    --inactive-titlebar-opacity: 1;
    --toolbox-non-lwt-bgcolor-inactive: rgb(215,0,242);
  }
}


Всего записей: 3548 | Зарегистр. 24-10-2002 | Отправлено: 10:36 26-01-2024
gutasiho

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

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

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