Полезная информация

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№1377630-03-2024 14:22:24

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 125.0

Re: Настройка внешнего вида Firefox в userChrome.css

Dobrov пишет

вкладки снизу в несколько строк под #nav-bar -
можно сделать вкладки снизу без скрипта, только стилем, учитывая панель меню?

Не вижу такой возможности нет атрибутов в нужном месте или prefs, разве что панель меню ниже панели навигации, или постоянное автоскрытие панели меню, показать при наведении или Alt, F10.
Для вкладок в один ряд есть возможность сделать стилем.

Отсутствует

 

№1377701-04-2024 00:10:59

vending_machine
Участник
 
Группа: Members
Зарегистрирован: 10-01-2020
Сообщений: 549
UA: Firefox 115.0

Re: Настройка внешнего вида Firefox в userChrome.css

¿ Можно ли (и как) настроить цвет панели вкладок в приватном окне ?

Отсутствует

 

№1377801-04-2024 08:34:56

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1224
UA: Firefox 124.0

Re: Настройка внешнего вида Firefox в userChrome.css

vending_machine
https://forum.ru-board.com/topic.cgi?forum=5&topic=50760&start=1600#21

Отсутствует

 

№1377901-04-2024 10:08:58

vending_machine
Участник
 
Группа: Members
Зарегистрирован: 10-01-2020
Сообщений: 549
UA: Firefox 115.0

Re: Настройка внешнего вида Firefox в userChrome.css

xrun1 пишет

vending_machine
https://forum.ru-board.com/topic.cgi?forum=5&topic=50760&start=1600#21

Не работает.
Дело в том, что я уже менял цвет панели вкладок

скрытый текст
/*  панель вкладок и неактивные вкладки */
:root {
    --tab-selected-bgcolor: white !important;
    --lwt-selected-tab-background-color: white !important;
}
.tabbrowser-tab[selected="true"] .tab-label {
    color: black !important;
     text-shadow: none !important;
}
.tabbrowser-tab[selected="true"] .close-icon {
    color: black !important;
}
.tabbrowser-tab > .tab-stack > .tab-background:not([selected="true"], [multiselected]) {
    background-color: #3a3f69 !important;
}
.tabbrowser-tab:not([selected="true"], [multiselected]) .tab-label {
    color: white !important;
}
.tabbrowser-tab:not([selected="true"], [multiselected]) .close-icon {
    color: white !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"], [multiselected]) {
    background-color: #3a3f69 !important;
}
#TabsToolbar {
    background-color: #222c40 !important;
}

Можно ли как-то эти правила подружить с приватными ?

Отсутствует

 

№1378001-04-2024 10:47:47

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 207
UA: Firefox 124.0

Re: Настройка внешнего вида Firefox в userChrome.css

vending_machine, убрать последний селектор #TabsToolbar со стилем. Добавить правила, переключать темы. Смотреть как меняются цвета

"Firefox 124"

Выделить код

Код:

#navigator-toolbox {
	--toolbox-non-lwt-bgcolor: light-dark(black, pink);
	--lwt-accent-color: light-dark(orange, white);
}

:root[privatebrowsingmode] #navigator-toolbox {
	--toolbox-non-lwt-bgcolor: light-dark(yellow, green);
	--lwt-accent-color: light-dark(red, blue);
}

"Firefox 115"

Выделить код

Код:

:root[privatebrowsingmode][lwtheme-brighttext] #navigator-toolbox {
	--lwt-accent-color: yellow;
}

:root[privatebrowsingmode] #navigator-toolbox {
	--lwt-accent-color: green;
}

:root[lwtheme-brighttext] #navigator-toolbox {
	--lwt-accent-color: red;
}

#navigator-toolbox {
	--lwt-accent-color: blue;
}

Или более опытные подскажут

Отредактировано 6e73epo (01-04-2024 12:12:57)

Отсутствует

 

№1378101-04-2024 17:08:35

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1739
UA: Firefox 115.0

Re: Настройка внешнего вида Firefox в userChrome.css

У меня так:

Выделить код

Код:

:root[privatebrowsingmode="temporary"] #tabbrowser-tabs {
    background-color: цвет;
}


Win7

Отсутствует

 

№1378201-04-2024 18:41:56

vending_machine
Участник
 
Группа: Members
Зарегистрирован: 10-01-2020
Сообщений: 549
UA: Firefox 115.0

Re: Настройка внешнего вида Firefox в userChrome.css

Посмотрел на чистом профиле, все варианты рабочие, вариант 6e73epo всё же конфликтует с моими правилами для панели вкладок, но варианты kokoss и xrun1 конфликтуют с другими моими правилами, может потом разберусь с какими ибо долго перебирать.
Засим, всем спасибо.
----------
apd

В итоге:
1. Нашёл плохо закоментённый :root: в одних из правил по вкладкам
и удалил его
2. Вариант xrun1 перенёс в начало листа userChrome
и готово

Отредактировано vending_machine (02-04-2024 17:08:28)

Отсутствует

 

№1378301-04-2024 19:27:10

b0ttle
Участник
 
Группа: Members
Зарегистрирован: 22-10-2020
Сообщений: 182
UA: Firefox 124.0

Re: Настройка внешнего вида Firefox в userChrome.css

vending_machine
Может что-то вроде такой конструкций нужно, чтобы не конфликтовало:
@-moz-document url("chrome://browser/content/browser.xhtml") { ..... }
Хотя, наверно дело не в этом.

Отредактировано b0ttle (01-04-2024 19:32:35)

Отсутствует

 

№1378403-04-2024 04:14:16

YaPro100User
Участник
 
Группа: Members
Зарегистрирован: 30-03-2024
Сообщений: 15
UA: Firefox 124.0

Re: Настройка внешнего вида Firefox в userChrome.css

Здравствуйте. Подскажите пожалуйста код, что бы выровнять текст в этом меню (Файл, вид, журнал и.т.д по вертикали, сместить чуть ниже).  Firefox 124.0.1



4a3b9acb8c0bd92c952129e5490b4cf9.png

Отредактировано YaPro100User (03-04-2024 04:56:57)

Отсутствует

 

№1378503-04-2024 07:01:58

b0ttle
Участник
 
Группа: Members
Зарегистрирован: 22-10-2020
Сообщений: 182
UA: Firefox 124.0

Re: Настройка внешнего вида Firefox в userChrome.css

Отсутствует

 

№1378603-04-2024 08:10:05

YaPro100User
Участник
 
Группа: Members
Зарегистрирован: 30-03-2024
Сообщений: 15
UA: Firefox 124.0

Re: Настройка внешнего вида Firefox в userChrome.css

b0ttle, СПАСИБО уважаемый за подсказку. Использовал кусочек из этого кода, задача решена! :)

Отредактировано YaPro100User (05-04-2024 12:35:43)

Отсутствует

 

№1378705-04-2024 07:21:18

YaPro100User
Участник
 
Группа: Members
Зарегистрирован: 30-03-2024
Сообщений: 15
UA: Firefox 124.0

Re: Настройка внешнего вида Firefox в userChrome.css

Здравствуйте. Подскажите пожалуйста, возможно ли  перекрасить замок в адресной строке в зеленый цвет как было в старых версиях, с помощью стилей.


12f856fd7fdd841736e2d513a6809f02.jpeg

Отредактировано YaPro100User (05-04-2024 12:41:21)

Отсутствует

 

№1378805-04-2024 17:32:28

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1644
UA: Firefox 115.0

Re: Настройка внешнего вида Firefox в userChrome.css

YaPro100User
Если в 124 еще есть эта настройка, то так:
security.secure_connection_icon_color_gray = false

Отсутствует

 

№1378905-04-2024 17:45:16

YaPro100User
Участник
 
Группа: Members
Зарегистрирован: 30-03-2024
Сообщений: 15
UA: Firefox 124.0

Re: Настройка внешнего вида Firefox в userChrome.css

_zt пишет

Если в 124 еще есть эта настройка, то так:
security.secure_connection_icon_color_gray = false

Спасибо за ответ, но эта настройка уже давно не работает. (отключена)
А значок замка по видимому находится в файле omni.ja самой Mozilla Firefox. И его необходимо раскрасить. Щиток я знаю как. Не получается только замок.

Отредактировано YaPro100User (05-04-2024 17:49:56)

Отсутствует

 

№1379005-04-2024 22:07:54

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1739
UA: Firefox 115.0

Re: Настройка внешнего вида Firefox в userChrome.css

YaPro100User пишет

Спасибо за ответ, но эта настройка уже давно не работает. (отключена)

Она не отключена, а удалена!
Попробуйте так:

скрытый текст

Выделить код

Код:

#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon,
#identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon {
  fill: green;
}

#identity-box[pageproxystate="valid"].notSecure #identity-icon,
#identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon,
#identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon {
  fill: green;
}


Win7

Отсутствует

 

№1379105-04-2024 23:00:45

YaPro100User
Участник
 
Группа: Members
Зарегистрирован: 30-03-2024
Сообщений: 15
UA: Firefox 124.0

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss, Огромное спасибо. Ваш код работает.  :)


e4286646c71b3a351481ad70fa40dc80.jpeg

Отредактировано YaPro100User (06-04-2024 01:32:47)

Отсутствует

 

№1379206-04-2024 04:59:20

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1644
UA: Firefox 115.0

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss пишет

Она не отключена, а удалена!

Точно, забыл об этом.
   

kokoss пишет

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

Разве так не все замки красится будут - на http сайтах, на сайтах со смешанным содержимым и т.п.? Какой тогда смысл вообще этот замок оставлять? У меня так:

скрытый текст

Выделить код

Код:

#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon:not([lock-icon-gray]),
#identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon:not([lock-icon-gray]) {
    -moz-context-properties: fill !important;
    fill: #5FCD86 !important;
}
#identity-box[pageproxystate="valid"].weakCipher #identity-icon,
#identity-box[pageproxystate="valid"].mixedDisplayContent #identity-icon,
#identity-box[pageproxystate="valid"].mixedDisplayContentLoadedActiveBlocked #identity-icon,
#identity-box[pageproxystate="valid"].certUserOverridden #identity-icon,
#identity-box[pageproxystate="valid"].certErrorPage #identity-icon {
    -moz-context-properties: fill !important;
    fill: #C7D862 !important;
}

Vitaliy V. когда то сочинил.

Отредактировано _zt (06-04-2024 05:01:28)

Отсутствует

 

№1379306-04-2024 08:41:38

YaPro100User
Участник
 
Группа: Members
Зарегистрирован: 30-03-2024
Сообщений: 15
UA: Firefox 124.0

Re: Настройка внешнего вида Firefox в userChrome.css

_zt,  Ваще супер, забираю в коллекцию.
Ну а смысл зеленого замка - тут скорее дело в привычке.Радует глаз, однако.
Всем спасибо за помощь.

Отредактировано YaPro100User (06-04-2024 08:47:51)

Отсутствует

 

№1379406-04-2024 09:26:40

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1739
UA: Firefox 115.0

Re: Настройка внешнего вида Firefox в userChrome.css

_zt пишет

Разве так не все замки красится будут - на http сайтах,

Так речь не шла что бы работало только на https сайтах.
У меня так:
2024-04-06_091816.png


Win7

Отсутствует

 

№1379506-04-2024 10:37:58

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1644
UA: Firefox 115.0

Re: Настройка внешнего вида Firefox в userChrome.css

Раньше то разные цвета замка сигнализировали о разном состоянии сайта - http, https, смешанный контент, проблема с сертификатом.
ab3bbaf7f9ed3753ada099d686a82ba9.png

c877e2d9526d5d2460ab26775b2a4c2f.png

bf45a530e1eabb3fbccb87a46ade3406.png

Отсутствует

 

№1379611-04-2024 16:01:12

feadraug
Участник
 
Группа: Members
Зарегистрирован: 14-03-2009
Сообщений: 50
UA: Firefox 124.0

Re: Настройка внешнего вида Firefox в userChrome.css

Как на 124 версии уменьшить интервал между закладками *по вертикали? в выпадающих меню, всё как на планшет сейчас, а нужно компактно. На вин11 почему-то не срабатывает css :/

скрытый текст

/* изменить высоту закладок и элементов меню */
menupopup > menuitem, menupopup > menu {
    padding-block: 2px !important;
    padding-inline-start: 12px !important;
}

/* Первая часть кода изменяет межстрочные интервалы выпадающих меню закладок, вторая - главного меню, третья - системного меню. */
#PlacesToolbar menuitem, #PlacesToolbar menu {
    padding: 2px !important;
    min-height: 15px !important;
}
menupopup > menuitem {
    padding-block: 2px !important;
}

:root {
    --arrowpanel-menuitem-padding: 4px 8px !important;
}

upd: срабатывает, был косяк css

Отредактировано feadraug (11-04-2024 23:38:00)

Отсутствует

 

№1379711-04-2024 21:13:29

YaPro100User
Участник
 
Группа: Members
Зарегистрирован: 30-03-2024
Сообщений: 15
UA: Firefox 124.0

Re: Настройка внешнего вида Firefox в userChrome.css

feadraug, Попробуйте этот

скрытый текст

Выделить код

Код:

/* Растояние между вкладками */
.tabbrowser-tab
{
padding-left: 2px !important;
padding-right: 2px !important;
}

Отредактировано YaPro100User (12-04-2024 00:07:51)

Отсутствует

 

№1379812-04-2024 00:03:50

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1644
UA: Firefox 115.0

Re: Настройка внешнего вида Firefox в userChrome.css

feadraug
Вроде так.

скрытый текст

Выделить код

Код:

/* корень панели */
toolbarbutton.bookmark-item:not(.subviewbutton) {
  padding: var(--bookmark-block-padding) 4px !important;
}
/* меню закладок в главном меню и панели, недавние в гамбургере */
#bookmarksToolbarFolderPopup menu,
#bookmarksToolbarFolderPopup menu menupopup,
toolbarbutton.bookmark-item menuitem,
toolbarbutton.bookmark-item.subviewbutton {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

Только удалите свой блок, начиная с /* желтые значки папочек */ .

Отсутствует

 

№1379912-04-2024 11:46:28

feadraug
Участник
 
Группа: Members
Зарегистрирован: 14-03-2009
Сообщений: 50
UA: Firefox 124.0

Re: Настройка внешнего вида Firefox в userChrome.css

YaPro100User
_zt
Спасибо!

Отсутствует

 

№1380017-04-2024 09:01:42

qzqz72
Участник
 
Группа: Members
Зарегистрирован: 09-07-2023
Сообщений: 17
UA: Firefox 125.0

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss пишет
qzqz72 пишет

Как в 116 версии убрать пустое место между закрепленной вкладкой и не закрепленной ?

скрытый текст

Выделить код

Код:

#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
  margin-inline-start: 0px !important;
}

Add, пожалуйста!

Опять перестало работать (вроде начиная с v120, сейчас v125)
Пустое место появляется когда вкладки переходят в режим прокруки
screenshot_1.png

Текущий код такой

/* Убрать пустое место между закрепленной вкладкой и не закрепленной */
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
  margin-inline-start: 0px !important;
}

/* убрать стрелки прокрутки право-лево */
#scrollbutton-down, #scrollbutton-up {
        visibility: collapse !important;
}

:rolleyes:

Отредактировано qzqz72 (17-04-2024 09:08:08)

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]