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

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

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

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

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



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

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

Всего записей: 700 | Зарегистр. 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 код не срабатывает:
 

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

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

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



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

Всего записей: 8675 | Зарегистр. 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, в настройках, темы, какая тема включена?

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



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

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

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

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

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

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

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

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



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

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

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

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

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

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

Всего записей: 3436 | Зарегистр. 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
а мне не расширение а скрипт ночного режима пжлста

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

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

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

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



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

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

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

Всего записей: 305 | Зарегистр. 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.
Обсуждение расширений в другой теме.

Всего записей: 7330 | Зарегистр. 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
Нашел свой старый набор стилей - нет в нем только первого пункта, а жаль

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

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