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

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

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

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 [?]
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\ Начиная с v139.0, разрешить использование скриптов JS в about:config:
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

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

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



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Привет
Надо с помощью стилей css решить целый комплекс задач  
 
 1 Убрать из списка меню браузера пункты Правка и Вид
 
 2 Сами пункты меню должны быть белого цвета на черном фоне
 
 3  Сдеоать более узкими полосы закладок, а то как видно на скрине они огромные по горизонтали так-то
 
 
 4 Сделать цвет непросмотренных ссылок белым - сейчас он мутно-серый, что при темной теме непросматриваемо
 
 В самом браузере нужные цвета выставил в насройках  

нос цветами ссылок не все как надо
 
 Если не затруднительно  все враз в одном user css файле, который потом в папку профиля можно было б просто закинуть
 
Добавлено:
xrun1
блин! Я тольк сейчас ваш пост  увидел!
 
 
Добавлено:
А то не ясно ге тут надо usercontent а где userchrome

Всего записей: 731 | Зарегистр. 20-01-2017 | Отправлено: 18:23 10-12-2023
MAX63ru



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Решил потихоньку перебираться с версии 102.15.1 ESR на версию 115.5.0 ESR (Win10 x64). В userChrome.css использовал код для скрытия контура на активной вкладке:

Код:
/* Remove white border of active tab */
.tab-background:is([selected], [multiselected]):-moz-lwtheme
{
  outline: unset !important;
}

На 102.15.1 всё работало отлично:
 

 
На версии 115.5.0 код не срабатывает:
 

 
Что в нём надо поменять, чтобы было как прежде?

Всего записей: 9239 | Зарегистр. 14-04-2012 | Отправлено: 19:14 10-12-2023 | Исправлено: MAX63ru, 19:22 10-12-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
MAX63ru
Код:
/* Классический вид табов - убрать закругление углов */
.tab-background {
    border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important;  
    margin-block: 1px 0 !important;
}
/* Активный таб - цвет фона */
.tab-background[selected] {
    background-color: transparent !important;
    box-shadow: inset 0px 0px 40px 0px #008c69 !important;
}
/* Верхняя граница активного таба */
.tab-background[selected="true"] {
  border-top-style: solid !important;
  border-top-width: 3px !important;
  border-top-color: orange !important;
}

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 19:42 10-12-2023
MAX63ru



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Не то. Мне просто нужно, чтобы на активной вкладке не было нижнего контура (черты) между панелью вкладок и панелью инструментов, как на приведённом скрине 102.15.1. С Вашим кодом черта остаётся.

Всего записей: 9239 | Зарегистр. 14-04-2012 | Отправлено: 19:53 10-12-2023 | Исправлено: MAX63ru, 20:07 10-12-2023
newTrampos

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здарова всем. Подскажите, установил вот такую цветовую тему с сайта Мозилы:

1 Вопрос: Можно ли, если да, то каким стилем сделать, чтоб сами страницы стали такого же цвета, как закладки и панель закладок, и шрифты соответственно такого же цвета - светло-серые как на скрине.  
2 Вопрос: Что прописать в стиле, чтоб на активной вкладке, сверху появилась оранжевая полоска в пару пикселей толщиной, слишком уж они неразличимы.

Всего записей: 497 | Зарегистр. 29-03-2016 | Отправлено: 20:09 10-12-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
MAX63ru, в настройках, темы, какая тема включена?

Всего записей: 3800 | Зарегистр. 24-10-2002 | Отправлено: 20:10 10-12-2023
MAX63ru



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

Цитата:
в настройках, темы, какая тема включена?

Стояла тема Breeze Light. Переключился на Светлую - контур исчез. Хотя на версии 102.15.1 его и с темой Breeze Light не было.

Всего записей: 9239 | Зарегистр. 14-04-2012 | Отправлено: 20:17 10-12-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
MAX63ru, сотри ":-moz-lwtheme"

Всего записей: 3800 | Зарегистр. 24-10-2002 | Отправлено: 20:24 10-12-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
MAX63ru
Цитата:
С Вашим кодом черта остаётся.
Я смотрел в v115.5.0, черты нет, в т.ч. со сторонней темой оформления, которую использую.
newTrampos
Цитата:
2 Вопрос: Что прописать в стиле, чтоб на активной вкладке, сверху появилась оранжевая полоска  
Над вашим постом два поста вверх не оранжевая?

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 20:29 10-12-2023
MAX63ru



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

Цитата:
сотри ":-moz-lwtheme"  

Стёр. Черта осталась.

Всего записей: 9239 | Зарегистр. 14-04-2012 | Отправлено: 20:34 10-12-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
newTrampos
Цитата:
1 Вопрос: Можно ли, если да, то каким стилем сделать, чтоб сами страницы стали такого же цвета, как закладки и панель закладок,
Что-либо из "ночного режима", расширение, скрипт, а то замахаешься.
 

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 20:38 10-12-2023 | Исправлено: gutasiho, 20:41 10-12-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
MAX63ru, значит оставить ":-moz-lwtheme" и попробовать outline: none !important; Если не поможет, то смотреть в инспекторе, что там накуролесила тема Breeze Light

Всего записей: 3800 | Зарегистр. 24-10-2002 | Отправлено: 20:58 10-12-2023
newTrampos

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

Цитата:
Что-либо из "ночного режима", расширение, скрипт, а то замахаешься.  

Мне на Floorp (на ESR 115 слеплен) не нашел в нем ночного режима, а расширение как на вашем скрине, чтоб так же по цветам было - не подскажете где нарыть ?

Всего записей: 497 | Зарегистр. 29-03-2016 | Отправлено: 21:12 10-12-2023
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
а мне не расширение а скрипт ночного режима пжлста

Всего записей: 6812 | Зарегистр. 05-06-2012 | Отправлено: 21:27 10-12-2023
kokoss19

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

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

Всего записей: 2166 | Зарегистр. 16-07-2018 | Отправлено: 23:36 10-12-2023
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19
ну впринципе норм но нужно кое-где цвета подправить, потом займусь редактированием под мой вкус, а так БЛАГОДАРЮ ОЧЕНЬ!

Всего записей: 6812 | Зарегистр. 05-06-2012 | Отправлено: 01:02 11-12-2023
Smallette

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

Всего записей: 382 | Зарегистр. 01-11-2006 | Отправлено: 09:33 11-12-2023
gutasiho

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

Цитата:
Мне на Floorp (на ESR 115 слеплен) не нашел в нем ночного режима, а расширение как на вашем скрине, чтоб так же по цветам было - не подскажете где нарыть ?
Скрин от скрипта. Расширения поиск по dark или night. Dark Reader, Night Mode Eye Guard , Dark mode / night reader, Dark Mode.
Обсуждение расширений в другой теме.

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 10:07 11-12-2023 | Исправлено: gutasiho, 10:07 11-12-2023
newTrampos

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette
https://addons.mozilla.org/ru/firefox/addon/arc-dark-theme-we/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search
gutasiho
Благодарю Мне результат норм. Осталось выяснить, как добавить "бордюр" сверху в пару пикселей оранжевого цвета.

Всего записей: 497 | Зарегистр. 29-03-2016 | Отправлено: 13:36 11-12-2023 | Исправлено: newTrampos, 13:52 11-12-2023
Rapunzi



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
http://forum.ru-board.com/topic.cgi?forum=5&topic=51202&start=620#lt [?]
Нашел свой старый набор стилей - нет в нем только первого пункта, а жаль

Всего записей: 731 | Зарегистр. 20-01-2017 | Отправлено: 14:08 11-12-2023
Открыть новую тему     Написать ответ в эту тему

Страницы: 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

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