Mozilla Firefox: стили userChrome.css и скрипты js - [50] :: Программы :: Компьютерный форум 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

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

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

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

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette, ничего ты не сделаешь. Автору напиши, чтобы цветную иконку забацал, тогда она будет норм. отображаться на светлых и темных темах. Или сам замени иконку на свою или цвета в дефолтной поменяй, но это уже в теме по потрошениям расширений. Однако и это на 100% не поможет, ибо если имеется подменю, то в нем некоторые иконки (не цветные) тоже будут темного цвета.

Всего записей: 3813 | Зарегистр. 24-10-2002 | Отправлено: 16:05 22-02-2024
Maxim_um

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, большое спасибо, разобрался.
У меня было открыто более 65 вкладок, потому плюсик не появлялся, но если открыть "новое окно", где вкладок нет, там оба плюса были на месте (сдева - новый, который нельзя переместить, справа - обычный, который можно переместить), правда настроить в новом окне панель инструментов невозможно, потому пришлось все вкладки сохранить в закладки и настроить всё из основного окна.
 
Из старых настроек есть код
Код:
#identity-box {
  padding-inline-end: 4px ;
  margin-inline-end: 4px ;
}
но я не могу понять, где и что он меняет и, соотв., нужен ли он.

Всего записей: 1518 | Зарегистр. 11-11-2008 | Отправлено: 16:54 22-02-2024 | Исправлено: Maxim_um, 16:54 22-02-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В таких случаях менял обе иконки на свою (две одинаковых, но с разными именами, как у оригиналов), которая одинаково контрастно видна в обеих темах.
 
Добавлено:
Maxim_um
По очереди измени цифры с 4 на 16 или 20, и поймешь, что это (типа сдвиг вправо-влево). Или удали весь блок и проверь эффект.

Всего записей: 8451 | Зарегистр. 14-09-2020 | Отправлено: 16:55 22-02-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Maxim_um, промежуток между крайним левым положением курсора и иконкой (блоком) в адресной панели. Я бы удалил этот код

Всего записей: 3813 | Зарегистр. 24-10-2002 | Отправлено: 17:21 22-02-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
kokoss19
Ссылка на ваш пост, но что-то у меня не работает.
Может как-то по другому можно это сделать?

Всего записей: 1557 | Зарегистр. 12-10-2002 | Отправлено: 17:44 22-02-2024 | Исправлено: grom17, 17:46 22-02-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Код точно рабочий. Не туда вставляете, не там смотрите, с чем-то конфликтует.

Всего записей: 8451 | Зарегистр. 14-09-2020 | Отправлено: 18:29 22-02-2024
kokoss19

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

Цитата:
Может как-то по другому можно это сделать?

Можно использовать без !important
а этот код [?] тоже не работает? Если нет, то я вас не правильно понял.

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

Всего записей: 2173 | Зарегистр. 16-07-2018 | Отправлено: 18:58 22-02-2024
grom17



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

Цитата:
а этот код тоже не работает?
К сожалению у меня не сработал.
 

А так, (по удалял методом тыка) по крайней мере, у меня работает.
Код:
@-moz-document url-prefix("chrome:"), url-prefix("about:") {
/* меню --> */
:root {
    --v-menupopup-item-min-height: 24px;
    --v-menupopup-item-padding-inline: 8px;
    --v-menupopup-text-inline-start: 4px;
    --v-menupopup-icon-fill-opacity: 1;
    --v-arrowpanel-color: var(--menu-color, var(--arrowpanel-color, FieldText));
    --v-arrowpanel-background: var(--menu-background-color, var(--arrowpanel-background, Field));
    --v-arrowpanel-border-color: var(--menu-border-color, var(--arrowpanel-border-color, ThreeDShadow));
    --v-panel-separator-color: var(--menu-border-color, var(--panel-separator-color, ThreeDShadow));
    --v-arrowpanel-dimmed: var(--menuitem-hover-background-color, var(--arrowpanel-dimmed, color-mix(in srgb, currentColor 20%, transparent)));
    --v-arrowpanel-dimmed-further: var(--menuitem-hover-background-color, var(--arrowpanel-dimmed-further, color-mix(in srgb, currentColor 10%, transparent)));
}
 
menupopup :is(menu,menuitem,menucaption) {
    appearance: none !important;
    min-height: var(--v-menupopup-item-min-height) !important;
    padding: 0px var(--v-menupopup-item-padding-inline) !important;
}
menupopup .menu-text {
    appearance: none !important;
    padding-inline-start: var(--v-menupopup-text-inline-start) !important;
    margin-inline-start: 16px !important;
menupopup .menu-iconic-left > .menu-iconic-icon,
menupopup .menu-right > image {
    width: 16px !important;
    height: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
}
:where(:not(#ContentSelectDropdown)) > menupopup :is(menu,menuitem,menucaption) {
    color: var(--v-arrowpanel-color) !important;
}
/* <-- меню */
}

gutasiho

Цитата:
Не туда вставляете, не там смотрите, с чем-то конфликтует.
Возможно, покопаюсь ещё.
Вставляю сюда: side_panel там всё касаемо Боковой панели.
 
Добавлено:
Как-то так:

Всего записей: 1557 | Зарегистр. 12-10-2002 | Отправлено: 20:16 22-02-2024 | Исправлено: grom17, 20:21 22-02-2024
kokoss19

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

Цитата:
К сожалению у меня не сработал.  

Значит неправильно понял.  

Цитата:
Вставляю сюда: side_panel там всё касаемо Боковой панели.  

Этот код не для боковой панели, а для панели меню. Для боковой в виде скрипта

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

Всего записей: 2173 | Зарегистр. 16-07-2018 | Отправлено: 20:43 22-02-2024
grom17



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

Цитата:
Этот код не для боковой панели, а для панели меню.

Извиняюсь, моя невнимательность. Всё получилось! Спасибо!

Всего записей: 1557 | Зарегистр. 12-10-2002 | Отправлено: 21:11 22-02-2024
kokoss19

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

Цитата:
Редактирование значков (убрать - добавить лупу

Может так:

Код:
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon {
    list-style-image: url("chrome://branding/content/about-logo.svg") !important;
}

 
add, или такую иконку -> ("chrome://global/skin/icons/defaultFavicon.svg")

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

Всего записей: 2173 | Зарегистр. 16-07-2018 | Отправлено: 21:35 22-02-2024 | Исправлено: kokoss19, 22:18 22-02-2024
sam_yura



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
После обновления до Firefox 123.0 перестал работать этот скрипт:
 
 

Код:
/*Удаление статус панели */
 
#statuspanel-label {
  -moz-appearance: none !important;
  -moz-window-shadow: none !important;
  background: #00000094 !important;
  color: #ffffff !important;
  opacity: 0.90 !important;
}
 
statuspanel[type="overLink"],
#statuspanel[type="overLink"] {
  right: 0;
  display: inline;
}
 
.tab-label::before {
  counter-increment: tab-counter;
  content: counter(tab-counter) " - ";
}
 

Всего записей: 86 | Зарегистр. 19-10-2006 | Отправлено: 01:12 23-02-2024 | Исправлено: sam_yura, 01:28 23-02-2024
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
sam_yura
Для удаления/изменения статус-панели достаточно этого [?]. И это работает (statuspanel[type=status] убрал у себя, пусть при загрузке сайта "моргает").
Что делают остальные пункты в Вашем стиле я без понятия.

Всего записей: 927 | Зарегистр. 26-12-2009 | Отправлено: 02:20 23-02-2024 | Исправлено: xrun1, 02:22 23-02-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
sam_yura, это не скрипт, а стили. Никакого удаления статус панели в коде не вижу. Каким боком здесь счетчик?

Всего записей: 3813 | Зарегистр. 24-10-2002 | Отправлено: 02:38 23-02-2024
sam_yura



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

Цитата:
это не скрипт, а стили. Никакого удаления статус панели в коде не вижу. Каким боком здесь счетчик?  

Уж не помню, откуда выдрал этот стиль, но он работал.

Цитата:
Для удаления/изменения статус-панели достаточно этого. И это работает (statuspanel[type=status] убрал у себя, пусть при загрузке сайта "моргает").

Увы, к сожалению, не работает

Всего записей: 86 | Зарегистр. 19-10-2006 | Отправлено: 07:56 23-02-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
sam_yura
Цитата:
Увы, к сожалению, не работает
Давно на всех версиях использую это
Код:
#statuspanel[type=status], #statuspanel[type=overLink] {
    display: none !important;
    font-size: 0px !important;
    transition: none !important;
    opacity: 0 !important;
}

Всего записей: 8451 | Зарегистр. 14-09-2020 | Отправлено: 08:31 23-02-2024
sam_yura



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

Код:
/* Убрать всплывающий адрес ссылки слева внизу */
#statuspanel-label {
    display: none !important;
}
 
Этот заработал! Всем спасибо за наводку.
Всех мужиков с 23 февраля!
 
Добавлено:
gutasiho
Убрал все свои каракули, поставил твой стиль, всё полностью устраивает. Спасибо.

Всего записей: 86 | Зарегистр. 19-10-2006 | Отправлено: 08:35 23-02-2024
Smallette

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
автору писали уже на гитхабе об этой проблеме и не раз еще в 2021 году, но он заболтил на это дело, валит все на проблемы в самом ФФ.
причем у него в расширении лежит светлая иконка, но переключение не происходит.

Всего записей: 390 | Зарегистр. 01-11-2006 | Отправлено: 09:57 23-02-2024
Farby

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
  • Smallette (15:25 22-02-2024 UTC+3 [?])
    Цитата:
    Вот так не работает

    А если вот так: для UUID 7f9fd5ee-aa3a-41f6-99d2-23f56742f81f
    Undo Close Tab.css [?]

    ----------
    Жизнь иногда такое выкидывает, что хочется подобрать...

  • Всего записей: 811 | Зарегистр. 22-10-2002 | Отправлено: 10:43 23-02-2024
    gutasiho

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

    Всего записей: 8451 | Зарегистр. 14-09-2020 | Отправлено: 11:16 23-02-2024 | Исправлено: gutasiho, 13:47 23-02-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

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