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

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

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
AnTul

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

----------
Василий Великий: «Кто смотрит на зло без отвращения, тот скоро будет смотреть на него с удовольствием».

Всего записей: 5660 | Зарегистр. 13-07-2004 | Отправлено: 16:34 27-10-2023 | Исправлено: AnTul, 16:38 27-10-2023
xrun1



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

Цитата:
При использовании системной темы Firefox использовать акцентный цвет Windows (как Google Chrome) в качестве цвета фона верхних панелей вместо серого цвета
Код:
widget.windows.titlebar-accent.enabled = true

Как-то убого с этой настройкой. Долгое время пользовался стилем, который теперь не работает.

Код:
#main-window:not(:-moz-lwtheme) {
    background-color: rgb(0,209,234) !important; /* цвет фона активного окна */
}
   
#main-window:-moz-window-inactive:not(:-moz-lwtheme) {
    background-color: rgb(215,0,242) !important; /* цвет фона неактивного окна */
}

Работал, хотя и с глюками. Но не менял цвет активной вкладки и цвета свои задавались... Теперь мне придётся менять цвет вкладки. Ещё и свои значки кнопок домой, вперёд/назад слетели, кнопка-бутерброд уползла влево. Всё как обычно: обновление = ковыряние стилей.
P.S. Ещё увеличился интервал между пунктами в меню-бутерброда. Скриншоты;
было стало
Что поправить в стиле?

Код:
#BMB_bookmarksPopup .subviewbutton,
panelview .subviewbutton {
    min-height: 18px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

 
Добавлено:
UPD; Хотел спросить и забыл. Можно реанимировать 1-й стиль, не хочу пользоваться настройкой (надо искать и править стили, муторно)?
 
Добавлено:
AnTul
Брать стиль Aris-t2 для multi-row и на чистом профиле редактировать и проверять.
У меня тоже много чего отвалилось.

Всего записей: 925 | Зарегистр. 26-12-2009 | Отправлено: 17:11 27-10-2023
kokoss19

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

Код:
@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --arrowpanel-menuitem-padding-block: 2px !important;
}
}

 


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

Всего записей: 2166 | Зарегистр. 16-07-2018 | Отправлено: 18:05 27-10-2023
gutasiho

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

Код:
/* Активный таб - цвет шрифта */
.tabbrowser-tab[selected] {
    color: red !important;
}
 
/* Активный таб - цвет фона */
.tab-background[selected] {
    background-color: transparent !important;
    box-shadow: inset 0px 0px 40px 0px #BFD4EE !important;
}

Цитата:
Всё как обычно: обновление = ковыряние стилей.
Давно не ковырял, в основном все гладко от версии к версии. За цвета панелей решил, что проще подобрать тему оформления, так и сделал. А цвет верт. тулбара меняю под цвет темы.

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 18:49 27-10-2023
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19
У Aris-t2 в самом конце его userChrome.css есть строка

Цитата:
[!] Create a "my_userChrome.css" file and add own/custom code to it.

У меня в 119 всё, что находится в этом файле импортом не применяется. Вставил напрямую в конец userChrome.css, так заработало.
А вот 1-й стиль из поста выше не заработал даже так. Видимо, прибили такую возможность с новой настройкой.
Непонятно, почему импорт не срабатывает, но хоть так.

Всего записей: 925 | Зарегистр. 26-12-2009 | Отправлено: 18:52 27-10-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Коды в папке CSS, из нее импорт в userChrome.css.

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



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

Цитата:
Коды в папке CSS

Это понятно. Всё работало до 119-й. А тут непонятно почему перестало. Перенёс в userChrome.css.
Нашёл свою ошибку.
Заменил цвет активной вкладки

Код:
/* selected tab ****************************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected] .tab-content {
  background: #F0F0F4 !important;
}

Спасибо на наводку, куда копать.

Всего записей: 925 | Зарегистр. 26-12-2009 | Отправлено: 19:16 27-10-2023 | Исправлено: xrun1, 22:29 27-10-2023
Lagris

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

Цитата:
увеличился интервал между пунктами в меню-бутерброда

У меня в 119 такой стиль работает:

Код:
/* Отступ значков в меню "гамбургер", межстрочный интервал */
.subview-subheader,
panelview .toolbarbutton-1,
.subviewbutton:not(#appMenu-fxa-status2),
.widget-overflow-list .toolbarbutton-1 {
  margin: 0px !important;
  padding: 1px !important;
      min-height: 19px !important;
    max-height: 18px !important;
  margin-inline-start: 4px !important;
}
 
 
Но он подгружается менеджером стилей StyloaiX от xiaoxiaoflood. В userChrome.css не пробовал.
 
 
Добавлено:

Цитата:
В userChrome.css не пробовал

Проверил - работает.

Всего записей: 1291 | Зарегистр. 26-08-2007 | Отправлено: 19:38 27-10-2023
kokoss19

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

Цитата:
/* цвет фона неактивного окна */  

Попробуйте так:

Код:
#TabsToolbar .tabbrowser-tab > .tab-stack > .tab-background:not([selected],[multiselected]) {
    background-color: red;
}

 
Add, или такой вариант:

Код:
#TabsToolbar .tabbrowser-tab > .tab-stack > .tab-background:not([selected],[multiselected]) {
    background-color: red !important;
}
#TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected],[multiselected]) {
    background-color: blue !important;
}


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

Всего записей: 2166 | Зарегистр. 16-07-2018 | Отправлено: 21:46 27-10-2023 | Исправлено: kokoss19, 21:52 27-10-2023
xrun1



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

Код:
#private-browsing-indicator-with-label {
    order: -1 !important;
    margin-inline: auto !important;
}
#private-browsing-indicator-with-label > label {
    display: none !important;
}

Вроде всё допилил, красота - страшная сила!
P.S. Кто пользуется стилями Aris-t2 обратите внимание, свеженький urlbar_restore_visible_border.css.

Всего записей: 925 | Зарегистр. 26-12-2009 | Отправлено: 22:45 27-10-2023
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
тут вот был скрипт перевода на русский страниц сайта, не знаете ещё вот как-бы убрать верхнюю белую полосу после перевода, чтобы при переводе её не было - а?

Всего записей: 6812 | Зарегистр. 05-06-2012 | Отправлено: 06:57 28-10-2023
gutasiho

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

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 08:38 28-10-2023
gutasiho

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

Цитата:
И можно ли их опустить в самый низ? Чтобы ниже их была уже страница.
Этот скрипт работает так, как кам хочется.

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



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
у меня нету расширений блокировщиков рекламы СОВСЕМ, и ставить их не  буду НИКОГДА, где-то  видел скрипт есть но вот где - забыл

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Все же настройка цвета через CSS практичнее, чем новая встроенная фича
Код:
/* Цвет фона панелей инструментов (эффект на все 4 верхние панели) */
#navigator-toolbox {
    background-color: #6B8C3D !important;
}
/* Цвет текста панели меню */
.menubar-text, #toolbar-menubar .toolbarbutton-text, .tabbrowser-tab .tab-label {
    color: black !important;
}
/* Цвет текста панели меню при наведении */
#main-menubar menu:hover .menubar-text {
    color: white !important;
}

 
C раздельной настройкой цвета, возможно, будет работать в v115 [?] Оптимально получается, если включить встроенную Light тему.

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 16:19 28-10-2023 | Исправлено: gutasiho, 16:20 28-10-2023
DeZz



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
подскажите настройку\строку в user_pref для: "скрыть кнопку Обзор firefox" (слева от влкадок)
 
 

Всего записей: 1286 | Зарегистр. 23-01-2006 | Отправлено: 16:37 28-10-2023 | Исправлено: DeZz, 16:39 28-10-2023
GPT007

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

Цитата:
у меня нету расширений блокировщиков рекламы СОВСЕМ, и ставить их не  буду НИКОГДА

Интересуюсь почему ? Может тоже раз и навсегда откажусь )

Всего записей: 177 | Зарегистр. 04-09-2023 | Отправлено: 16:53 28-10-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
DeZz
Код:
browser.tabs.firefox-view = false

Код:
browser.tabs.firefox-view-next = false
А почему не просто утащить ее с панели инструментов?
GPT007
Цитата:
Интересуюсь почему ?
Для кайфу - так приятно наблюдать кучу мельтешащих попапов и тормоза при открытии страниц.

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 18:01 28-10-2023 | Исправлено: gutasiho, 18:09 28-10-2023
xrun1



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

Цитата:
убрать верхнюю белую полосу после перевода

Попробовал в Stylus, вроде работает.

Код:
/* Строка перевода от google сверху */
#gt-nvframe {
    display: none;
}

Всего записей: 925 | Зарегистр. 26-12-2009 | Отправлено: 18:21 28-10-2023
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GPT007
Цитата:
Интересуюсь почему ? Может тоже раз и навсегда откажусь )
у меня блокировка рекламы происходит с помощью не расширения а поставленного на роутер AdGuardHome, страницы открываются МГНОВЕННО без задержек, попробуй мож тебе тож понравится - хе
 
 
Добавлено:
xrun1
у меня не сработал этот код - хныыык

Всего записей: 6812 | Зарегистр. 05-06-2012 | Отправлено: 18:36 28-10-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