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

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

№1362622-11-2023 15:52:09

Northtech
Участник
 
Группа: Members
Зарегистрирован: 16-04-2011
Сообщений: 261
UA: Firefox 120.0

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

xrun1
ох тыж, проглядел. Спасибо.

Отсутствует

 

№1362724-11-2023 10:32:08

Black_Monk
Участник
 
Группа: Members
Зарегистрирован: 18-02-2012
Сообщений: 194
UA: Firefox 120.0

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

Black_Monk пишет

Такое чувство, что в этом "нижнем" разделе текстовый блок с #file-menu имеется, а вот блок с /* Menubar */ забыли разместить... :/
Так-с, иконки убрал, закомментировав оба блока с #file-menu, а вот как пустые места убрать непонятно...

Специалисты, подскажите что дальше делать? Как убрать пустые места на месте удалённых иконок в Панели меню?
Вот этого блока, который в версиях до 120 [firefox] это делал, в новой версии leptonChrome.css конкретно для 120+ нет. :/

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

Выделить код

Код:

/* Menubar */
    @supports -moz-bool-pref("userChrome.icon.global_menubar") {
      #main-menubar > menu {
        background-position: var(--uc-menu-background-position) var(--context-menu-background-padding-default) center !important;
        padding-inline-start: calc(16px + var(--context-menu-background-padding-default)) !important;
        padding-inline-end: 3px;
      }
      #main-menubar > menu:first-child {
        background-position: var(--uc-menu-background-position)
          calc(3px + var(--context-menu-background-padding-default)) center !important;
        padding-inline-start: calc(19px + var(--context-menu-background-padding-default)) !important;
      }
      #main-menubar > menu menupopup {
        --menuitem-image: none; /* Prevent Image Inheritance */
      }
      @supports not -moz-bool-pref("userChrome.padding.global_menubar") {
        #main-menubar > menu {
          padding-block: 2px !important;
        }
      }

Отредактировано Black_Monk (24-11-2023 10:33:36)


Windows 10 LTSC

Отсутствует

 

№1362824-11-2023 13:08:18

noname2471
Участник
 
Группа: Members
Зарегистрирован: 09-12-2022
Сообщений: 4
UA: Firefox 120.0

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

С новым патчем (120.0) появились большие отступы между пунктами любых меню, подскажите как исправить.

Отсутствует

 

№1362924-11-2023 15:51:01

fuchsfan
Участник
 
Группа: Members
Зарегистрирован: 07-08-2023
Сообщений: 105
UA: Firefox 121.0

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

noname2471 пишет

С новым патчем (120.0) появились большие отступы между пунктами любых меню, подскажите как исправить.

скрытый текст
Войдите или зарегистрируйтесь, чтобы увидеть скрытый текст.

Отредактировано fuchsfan (24-11-2023 15:52:37)

Отсутствует

 

№1363026-11-2023 03:04:08

C181UMZ
Участник
 
Группа: Members
Откуда: Украина, Днепропетровск
Зарегистрирован: 19-03-2012
Сообщений: 26
UA: Firefox 120.0

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

Здравствуйте!
Здесь уважаемый 6e73epo помог мне изменить цвет боковой панели закладок/истории:

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
  #sidebar-box[lwt-sidebar] {
    --sidebar-background-color: red !important;
  }
}

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
               url("chrome://browser/content/places/historySidebar.xhtml") {
  window.sidebar-panel[lwt-sidebar] {
    --lwt-sidebar-background-color: green !important;
  }
}

Подскажите, пожалуйста: как изменить цвет самой панельки в которой слово "Закладки" и "История" (не знаю, как она называется, кажется sidebar-header или хз), в общем на скриншотах красным обрисовал ее:
скрин 1
скрин 2

Отсутствует

 

№1363126-11-2023 12:55:28

fuchsfan
Участник
 
Группа: Members
Зарегистрирован: 07-08-2023
Сообщений: 105
UA: Firefox 121.0

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

C181UMZ пишет

как изменить цвет самой панельки в которой слово "Закладки" и "История"

В конец добавьте это

Выделить код

Код:

#sidebar-header {
background: #991524 !important;
}

Отсутствует

 

№1363226-11-2023 13:02:36

C181UMZ
Участник
 
Группа: Members
Откуда: Украина, Днепропетровск
Зарегистрирован: 19-03-2012
Сообщений: 26
UA: Firefox 120.0

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

fuchsfan пишет
C181UMZ пишет

как изменить цвет самой панельки в которой слово "Закладки" и "История"

В конец добавьте это

Выделить код

Код:

#sidebar-header {
background: #991524 !important;
}

Спасибо за внимание! Добавлял, работает, только ломает встроенную светлую тему... Это, видно, какой-то устаревший код, находил его в гугле.

Отсутствует

 

№1363326-11-2023 13:27:10

fuchsfan
Участник
 
Группа: Members
Зарегистрирован: 07-08-2023
Сообщений: 105
UA: Firefox 121.0

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

C181UMZ
Посмотрел, не, не ломает. У вас, похоже, имеется конфликтующий стиль, попробуйте его вычислить, отключая по очереди.

Отсутствует

 

№1363426-11-2023 14:05:16

C181UMZ
Участник
 
Группа: Members
Откуда: Украина, Днепропетровск
Зарегистрирован: 19-03-2012
Сообщений: 26
UA: Firefox 120.0

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

fuchsfan, может я чего-то не так сделал или не туда вписал? Вот только что сделал новый чистый профиль и вписал туда только это:

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

Выделить код

Код:

/* Цвет боковой панели */

@-moz-document url("chrome://browser/content/browser.xhtml") {
  #sidebar-box[lwt-sidebar] {
    --sidebar-background-color: #2b2a33 !important;
  }
}

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
               url("chrome://browser/content/places/historySidebar.xhtml") {
  window.sidebar-panel[lwt-sidebar] {
    --lwt-sidebar-background-color: #2b2a33 !important;
  }
}

/* Цвет заголовка боковой панели, где слово "Закладки" (Ломает встроенную светлую тему */
#sidebar-header {
background-color: #2b2a33 !important;
}

больше вообще ничего.
Скрин темной темы (всё работает)
Скрин светлой темы.

Отсутствует

 

№1363526-11-2023 15:27:14

fuchsfan
Участник
 
Группа: Members
Зарегистрирован: 07-08-2023
Сообщений: 105
UA: Firefox 121.0

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

C181UMZ
Так цвет вашей панельки соответствует цвету, вписанному в этой строке

Выделить код

Код:

background-color: #2b2a33 !important;

Подберите цвет, который подойдет под обе темы. Если вы о том, чтобы этот цвет менялся в зависимости от светлой\темной темы, то я так не могу.

Отредактировано fuchsfan (26-11-2023 15:28:05)

Отсутствует

 

№1363626-11-2023 15:48:20

C181UMZ
Участник
 
Группа: Members
Откуда: Украина, Днепропетровск
Зарегистрирован: 19-03-2012
Сообщений: 26
UA: Firefox 120.0

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

fuchsfan пишет

чтобы этот цвет менялся в зависимости от светлой\темной темы, то я так не могу

угу, именно об этом.
Всё равно, спасибо за попытку помочь! :)
Помогли на github, может кому-то пригодится:

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

Выделить код

Код:

/* Цвет заголовка боковой панели" */
#sidebar-header
{
    background-color: light-dark(#FFFFFF, #2b2a33) !important;
}

Встроенные темная и белая темы не ломаются, другими не пользуюсь. :)

Отредактировано C181UMZ (26-11-2023 16:52:30)

Отсутствует

 

№1363726-11-2023 17:26:25

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

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

C181UMZ
Подсмотрел в стилях Aris-t2, как он применяет натстройки для конкретной темы. Только для тёмной темы изменяется боковая панель.

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

Выделить код

Код:

@media (prefers-color-scheme: dark) {
  #sidebar-header, .sidebar-panel {
    background-color: #2b2a33 !important;
  }
}


Это вместо того стиля, что был у Вас.

Отсутствует

 

№1363826-11-2023 17:48:44

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

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

C181UMZ, Firefox 120? Если фон всего бокса боковой панели менять (заголовок + тело), то можно обойтись одним стилем без тех, что раньше приводил

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
  #sidebar-box {
    --sidebar-background-color: light-dark(Field, #2b2a33);
  }
}

Отсутствует

 

№1363926-11-2023 20:46:52

C181UMZ
Участник
 
Группа: Members
Откуда: Украина, Днепропетровск
Зарегистрирован: 19-03-2012
Сообщений: 26
UA: Firefox 120.0

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

6e73epo пишет

Firefox 120?

да.

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
  #sidebar-box {
    --sidebar-background-color: light-dark(Field, #2b2a33);
  }
}

только что проверил, заголовок изменился, сама боковая панель нет...


xrun1 пишет

Подсмотрел в стилях Aris-t2, как он применяет натстройки для конкретной темы. Только для тёмной темы изменяется боковая панель.

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

Выделить код

Код:

@media (prefers-color-scheme: dark) {
  #sidebar-header, .sidebar-panel {
    background-color: #2b2a33 !important;
  }
}

а вот это сработало и при смене тем меняются и заголовок, и панель.
Всем спасибо за помощь! :)

Отсутствует

 

№1364026-11-2023 21:34:49

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

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

C181UMZ пишет

только что проверил, заголовок изменился, сама боковая панель нет...

Это если темная тема включена. Я устал возиться с lwt в стилях, поэтому включил системную тему и все стало намного проще

Отредактировано 6e73epo (26-11-2023 21:35:33)

Отсутствует

 

№1364128-11-2023 01:49:04

Kero
Участник
 
Группа: Members
Зарегистрирован: 09-11-2012
Сообщений: 221
UA: Firefox 52.0

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

не подскажите как сделать чтоб отображались всегда версии расширений в фф68 ?
пробовал стили от Aris-t2 но ни один из его не отображал или отображал криво.
если знаете то может и знаете что бы отображались и при extensions.htmlaboutaddons.enabled  false

ещё, возможно у кого-то есть  чёткая связка основного набора для запуска xiaoxiaoflood и его styloaix.uc.js который работает на фф68. Очень тяжело было подобрать рабочий вариант его основных скриптов но вот styloaix вообще ни один так и не запустился, скачал все что у него лежат.
это в том случаи если может кто помнит или пользовался когда-то.

Отсутствует

 

№1364228-11-2023 16:42:46

fuchsfan
Участник
 
Группа: Members
Зарегистрирован: 07-08-2023
Сообщений: 105
UA: Firefox 121.0

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

Kero пишет

не подскажите как сделать чтоб отображались всегда версии расширений в фф68 ?

Такой допотопной у меня и в бекапах нет. Есть код, который работал в v78

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

Выделить код

Код:

/* userContent.css Tweak Firefox */
/* Показать версии дополнений */

@-moz-document  url-prefix("chrome://mozapps/content/extensions/") {
  
*|*.addon-name-link[title] {
    font-size: 0 !important;
    display: flex !important;
    flex-direction: row !important;
}

*|*.addon-name-link[title]::after {
    display: block !important;
    content: attr(title) !important;
    font-size: calc(1rem + 4px) !important;
    line-height: calc(1em + 6px) !important;
}
}

Отредактировано fuchsfan (28-11-2023 16:45:59)

Отсутствует

 

№1364328-11-2023 17:10:33

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

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

Kero пишет

не подскажите как сделать чтоб отображались всегда версии расширений в фф68 ?

https://github.com/Aris-t2/CustomCSSfor … r_fx68.css


Win7

Отсутствует

 

№1364429-11-2023 02:27:07

Kero
Участник
 
Группа: Members
Зарегистрирован: 09-11-2012
Сообщений: 221
UA: Firefox 52.0

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

fuchsfan, kokoss
Спасибо, такое сработало, только выключеные не отображает и при extensions.htmlaboutaddons.enabled  false тоже не отображает.
А без extensions.htmlaboutaddons.enabled  false  не отображает ID расширений.:/
забавно что из некоторых полных наборов Aris-t2 отображалось криво или вообще не.

Отсутствует

 

№1364529-11-2023 08:57:55

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

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

Kero пишет

Спасибо, такое сработало, только выключеные не отображает и при extensions.htmlaboutaddons.enabled  false тоже не отображает.

Этот код и не должен отображать версии отключенных расширений!


Win7

Отсутствует

 

№1364630-11-2023 12:08:30

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 360
UA: Firefox 102.0

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

Подскажите пожалуйста, как поузить панель вкладок? По поиску не нашел

Отсутствует

 

№1364730-11-2023 12:54:25

fuchsfan
Участник
 
Группа: Members
Зарегистрирован: 07-08-2023
Сообщений: 105
UA: Firefox 121.0

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

amid525 пишет

Подскажите пожалуйста, как поузить панель вкладок?

Пробуйте в about:config установить browser.compactmode.show = true потом ПКМ на панели табов > Настройка панели инструментов > Density (в самом низу) > Compact (not supported).

Отредактировано fuchsfan (30-11-2023 16:34:05)

Отсутствует

 

№1364830-11-2023 13:27:23

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 360
UA: Firefox 102.0

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

fuchsfan
Сделал как сказали, но там пишет - компакт не поддерживается. Но дело наверное не в этом, т.к в других браузерах, например waterfox, floop тоже пишет не поддерживается, но панель вкладок, кнопок  -  уже на 3мм. В ранних мазиллах 88+\- тоже узкие

Отредактировано amid525 (30-11-2023 13:29:06)

Отсутствует

 

№1364930-11-2023 14:50:23

3.0.1
Участник
 
Группа: Members
Зарегистрирован: 08-06-2023
Сообщений: 66
UA: Firefox 120.0
Веб-сайт

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

amid525
Так выбрать и осталось не поддерживаемый компактный режим

Прочее:
about:config>browser.uidensity=1
Высота вкладок и адресной строки: 1 - компактное; 0 - обычное; 2 - большое
+ ESR Lepton Photon Style + Решение бага для Windows
Включение плавающей полосы прокрутки: числовые значения
ui.useOverlayScrollbars=1
widget.non-native-theme.scrollbar.style=5 (стиль Windows 11)

Отредактировано 3.0.1 (30-11-2023 15:24:50)


Addons EdBEllEnceFM Канал: Edence96  Исполнить: Bellence89,7 & Ellence97 и возможно ещё Ence94

Отсутствует

 

№1365030-11-2023 16:41:50

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 360
UA: Firefox 102.0

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

3.0.1 Спасибо!:beer:

Отсутствует

 

Board footer

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