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

В мире Mozilla происходит много интересных событий. Но вам не нужно постоянно посещать новостные сайты, чтобы быть в курсе всех изменений. Зайдите на ленту новостей Mozilla Россия.

№1247622-10-2022 01:05:43

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

LGS пишет

Еще бы контекстное меню закрасить... и прозрачности добиться (opacity: 0.Х !important;)

Недавно подправлял этот код, в силу своих способностей, для 108 [nightly] и [windows] 10, в 106 тоже работает

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

Выделить код

Код:

menupopup {
  --panel-border-radius: 0 !important;
  --panel-padding: 1px 0 !important;
  --panel-background: rgba(10,10,15,0.5) !important;
  --panel-color: white !important;
  --panel-border-color: #919191 !important;
}
:is(menu[_moz-menuactive="true"], menuitem[_moz-menuactive="true"]):not(#context-navigation > .menuitem-iconic,#main-menubar > menu), 
#context-navigation > .menuitem-iconic[_moz-menuactive="true"] > .menu-iconic-left > .menu-iconic-icon {
  background-color: #91C9F7 !important;
  color: #000000 !important;
}
:is(menu[_moz-menuactive="true"][disabled="true"], menuitem[_moz-menuactive="true"][disabled="true"]):not(#context-navigation > .menuitem-iconic), 
#context-navigation > .menuitem-iconic[_moz-menuactive="true"][disabled="true"] > .menu-iconic-left > .menu-iconic-icon {
  background-color: rgba(224, 224, 230, 0.6) !important;
}

А прозрачность тут делается с RGBA.
Вписал в код взамен своего непрозрачного, - rgba(10,10,15,0.5) В тот код для меню тоже можно --arrowpanel-background: rgba(10,10,15,0.5) !important; сделать или свой rgba подобрать, 0.5 - величина прозрачности.
Только что-то она с виду получается разная у конт. меню и у гамбургер-подобных меню.

Отредактировано sandro79 (22-10-2022 01:13:54)

Отсутствует

 

№1247722-10-2022 12:29:36

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 2129
UA: Firefox 78.0

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

sandro79 пишет

Только что-то она с виду получается разная у конт. меню и у гамбургер-подобных меню.

Для гамбургер-подобных получается два элемента с background'ом.


Один — <panelview>
chrome://browser/skin/customizableui/panelUI-shared.css
panelview {
  background: var(--arrowpanel-background);
}


А другой — <slot>
chrome://global/skin/popup.css
:is(panel, menupopup)::part(content) {
  background: var(--panel-background);
}
--panel-background здесь зеркалится с --arrowpanel-background
chrome://global/skin/global-shared.css
:is(menupopup, panel)[type=arrow] {
  --panel-background: var(--arrowpanel-background);
}


Вот они и накладываются, что-то типа как на скриншоте,
небольшая тёмная вертикальная полоска на стыке двух менюшек «Инструментов».

Отсутствует

 

№1247822-10-2022 12:47:40

LGS
Участник
 
Группа: Members
Зарегистрирован: 17-09-2022
Сообщений: 97
UA: Firefox 106.0

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

sandro79

sandro79 пишет

в 106 тоже работает

Спасибо, работает на 106, 102esr, 91esr, но со своими особенностями: стили из комплекта icons_in_menu (background_menu.css, icons_in_menu.css), подключенные в UCF,  душат код для контекстного меню, поэтому приходится или галку в настройках  ucf отключать:
https://forum.ru-board.com/topic.cgi?fo … art=1480#2
или мне такой код

скрытый текст
@media (-moz-windows-non-native-menus) {
    :root {
        --menu-background-color: aqua !important;
    }
  подсказали, чтобы галку не отключать, но тогда он контекстное красит в цвет выпадающих списков главного меню (без @media (-moz-windows-non-native-menus) { тоже срабатывает).
  Чтобы с RGBA не возиться, сделал общую прозрачность для меню, гамбургера и контекстного:
скрытый текст
/* Прозрачность */
#main-menubar menupopup,
#appMenu-popup,
menupopup {
   opacity: 0.7 !important;
}   
   
Не знаю,  по науке это правильно или нет, но, вроде, работает:
скрытый текст
Menu-2.1666431540.png

Отсутствует

 

№1247922-10-2022 14:11:04

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

Dumby пишет

Для гамбургер-подобных получается два элемента с background'ом

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

LGS пишет

стили из комплекта icons_in_menu (background_menu.css, icons_in_menu.css)... или мне такой код

Не знаю, значит "такой код" с :root используйте.

Не знаю,  по науке это правильно или нет, но, вроде, работает

На мой дилетантский взгляд, это неправильно.
Вы убавьте ещё opacity и посмотрите что станет с текстом, иконками, стрелками в меню, они и так у вас уже помутнели. aqua с прозрачностью 0.7 - rgba(0, 255, 255, 0.7)
HTML Цвета

Сейчас на семёрке экспериментировал
Image_002.png

Выделить код

Код:

menupopup {
  appearance: none !important;
  background-color: rgba(0, 255, 255, 0.7) !important;
}

Отсутствует

 

№1248022-10-2022 15:13:50

LGS
Участник
 
Группа: Members
Зарегистрирован: 17-09-2022
Сообщений: 97
UA: Firefox 91.0

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

sandro79

sandro79 пишет

это неправильно

Совсем неправильно, хоть и работает. RGBA, если не лениться, дает корректный результат.
Тоже провел эксперимент на семерке, там, вроде, проще, но без "такого кода" все равно не обойтись (чтобы иконки не отключать). Но с КМ дает работать как с самостоятельной настройкой:

скрытый текст
Menu-3.1666439935.png

Выделить код

Код:

:root {
        --menu-background-color: unset !important;
}

/* Прозрачность *//*
#main-menubar menupopup,
#appMenu-popup, 
menupopup {
   opacity: 0.7 !important;
}       
                
/* Гамбургер */
#appMenu-popup {    /* appMenu-popup или :root для всех меню */
  --arrowpanel-background: rgba(0,255,255,0.3) !important;
  --arrowpanel-color: black !important;
  --arrowpanel-border-color: white !important;
  --panel-separator-color: white !important;
  --panel-description-color: gold !important;
  --panel-disabled-color: gold !important;
  --panel-shortcut-color: var(--arrowpanel-color) !important;
  --button-color: var(--arrowpanel-color) !important;
}
 
/* Контекстное меню */
menupopup {
  appearance: none !important;
  background-color: rgba(0, 255, 255, 0.7) !important;
}

/* Изменение цвета фона боковой панели */
#sidebar-box {
    background-color: aqua !important;
}
#sidebar-header {
    background-color: aqua !important;
}
#sidebar-search-container {
    background-color: aqua !important;
}

Отредактировано LGS (22-10-2022 15:22:40)

Отсутствует

 

№1248122-10-2022 17:39:11

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

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

LGS
У себя делаю так > background_menu.css + в используемой теме в файле manifest.json в строке "popup": ... меняю цвет и фон... становится прозрачный.


Win7

Отсутствует

 

№1248222-10-2022 22:12:06

Skarm
Пытливый Лис
 
Группа: Members
Зарегистрирован: 24-11-2008
Сообщений: 196
UA: Firefox 107.0

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

Уже давно

об этом спрашивал... Пришлось анг форумы шарить...
Сейчас такой Код
скрытый текст

Выделить код

Код:

:root {
  --arrowpanel-background: #f0f7ff  !important;
  --arrowpanel-border-color: #4bc9fe !important;
}
menupopup, popup {
  --menuitem-hover-background-color: #91C9F7 !important;
  --panel-color: #FFFFFF !important;
  --panel-background: #3C3C41 !important;
   opacity: .7 !important;
}
:is(menu[_moz-menuactive="true"], menuitem[_moz-menuactive="true"]):not(#context-navigation > .menuitem-iconic,#main-menubar > menu), 
#context-navigation > .menuitem-iconic[_moz-menuactive="true"] > .menu-iconic-left > .menu-iconic-icon {
  background-color: #91C9F7 !important;
  color: #000000 !important;
}


Можете выбирать свои цвета.


Чего–то требует душа, успев за день натрудиться.
И ночь, хозяйкой, не спеша, читает браузером страницу.

Отсутствует

 

№1248323-10-2022 13:23:37

f480185
Участник
 
Группа: Members
Зарегистрирован: 05-04-2012
Сообщений: 155
UA: Firefox 51.0

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

Возможно модифицировать плеер который используется в функции "Картинка в картинке" через userChrome.css
Добавив функционалу кнопки  громкости и перемотки.

Отсутствует

 

№1248423-10-2022 14:09:44

Neytrino
Участник
 
Группа: Extensions
Зарегистрирован: 05-02-2006
Сообщений: 161
UA: Firefox 106.0

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

Я тут нашёл такие штуки:

Выделить код

Код:

@function lightness($color, $lightnessMultiplier){
  $color: str-replace($color, 'var(');
  $color: str-replace($color, ')');
  $color-h: var(#{$color+'-h'});
  $color-s: var(#{$color+'-s'});
  $color-l: var(#{$color+'-l'});
  @return hsl($color-h, $color-s, calc(#{$color-l} * #{$lightnessMultiplier}));
}

.component {
  background-color: lightness(var(--color-primary), 1.2);
}
Выделить код

Код:

@function saturation($color, $saturationMultiplier){
  $color: str-replace($color, 'var(');
  $color: str-replace($color, ')');
  $color-h: var(#{$color+'-h'});
  $color-s: var(#{$color+'-s'});
  $color-l: var(#{$color+'-l'});
  @return hsl($color-h, calc(#{$color-s} * #{$saturationMultiplier}), $color-l);
}

.component {
  background-color: saturation(var(--color-primary), 1.2);
}

Они должны менять яркость и контрастность цветовой переменной. А как теперь всю эту красоту заюзать в userChrome.css? Ну т.е. я вставил код функции а начало листа и там где мне надо - попытался вызвать, и нифига...


© уважением Neytrino.

Отсутствует

 

№1248523-10-2022 16:07:01

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

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

Нет прозрачности. Не помню, но вроде нет фона для меню кнопки Pocket. Все меню для "гамбургера" и прочие прописаны раздельно, там же кнопки "назад".
Внутри есть старый стиль Vitaliy V. v2 с 3-мя моими правками (ссылка есть, стиля на сайте нет). Новый у меня есть, но разбираться с ним не стал.
Наверняка есть неактуальные параметры и косяки. Периодически правился, если что-то переставало работать. С комментариями, может кому-то пригодится.

мой background_menu

Выделить код

Код:

/* Фон в меню */
#PanelUI-fxa, /* Меню из кнопки Аккаунт Firefox */
#PanelUI-fxa-menu-account-panel, /* Настройки Аккаунта */
#PanelUI-sendTabToDevice, /* Отправить 1 вкладку на устройство из кнопки синхронизации */
#pageActionPanelMainView, /* Меню ... */
#allTabsMenu-allTabsView, /* Кнопка "Открытые вкладки" */
#allTabsMenu-containerTabsView, /* Управление контейнерами */
#widget-overflow-mainView, /* Кнопка III\ = "Другие инструменты..." и кнопка в меню  #overflowMenu-customize-button,*/
#PanelUI-panicView, /* Забыть */
#appMenu-libraryView, /* Кнопка "Просмотр истории, сохранённых закладок и многого другого" */
/* #appMenu-mainView, /* Меню бутерброда */
#appMenu-protonMainView, /* 93-я, новое Меню бутерброда */
#appMenu-libraryView,  /* Библиотека */
#PanelUI-bookmarks, /* Закладки */
#PanelUI-bookmarkingTools, /* Инструменты закладок */
#PanelUI-history, /* Журнал */
#appMenu-library-recentlyClosedTabs, /* Недавно закрытые вкладки */
#appMenu-library-recentlyClosedWindows, /* Недавно закрытые окна */
#PanelUI-downloads, /* Загрузки */
#PanelUI-remotetabs, /* Облачные вкладки */
#appmenu-moreTools, /* Меню бутерброда  --> Другие инструменты */
/* #appMenu-moreView, /* Ещё */
#PanelUI-whatsNew, /* Что нового */
#PanelUI-characterEncodingView, /* Кодировка текста */
#PanelUI-helpView, /* Справка */
#PanelUI-developer, /* Веб-разработка */
/* #PanelUI-developerItems /* Веб-разработка - старая, пока работает */
#PanelUI-developer-tools, /* меню кнопки разработчика */
#protections-popup-tp-switch-section, /* Значок щита вначале адресной строки */
#protections-popup-mainView
#tracking-protection-container,
#protections-popup-footer,
#protections-popup-cookiesView, /* Сторонние куки */
#protections-popup-trackersView, /* Отслеживающее содержимое */
#identity-popup-mainView, /* Информация о сайте */
#identity-popup-securityView, /* Защита сайта */
#identity-popup-trackersView, /* Трекеры */
#identity-popup-cookiesView, /* Куки и данные сайтов */
#downloadsPanel-mainView, /* Кнопка загрузки */
#BMB_bookmarksPopup .subviewbutton, /* Кнопка "Показать ваши закладки" */
#customization-container, #customization-panelWrapper > .panel-arrowcontent, /* Персонализация и расширенное меню */
#protections-popup-siteNotWorkingView, /* Значок щита. Сайт не работает? */
#permission-popup-mainView, /* Значок "Разрешения для страницы" */
#protections-popup-sendReportView, /* Значок щита. Сайт был исправен? Отправьте сообщение */

panelview[id^="PanelUI-webext-"] /* Расширения */

{ background: lavender !important; }

/* Кнопки "Назад" в меню */
#PanelUI-fxa > box:nth-child(1), /* Меню из кнопки Аккаунт Firefox */
#PanelUI-fxa-menu-account-panel > box:nth-child(1), /* Настройки Аккаунта */
#PanelUI-sendTabToDevice > box:nth-child(1), /* Отправить 1 вкладку на устройство из кнопки Аккаунт Firefox */
#allTabsMenu-containerTabsView > box:nth-child(1), /* Управление контейнерами */
#PanelUI-panicView > box:nth-child(1), /* Забыть */
#appMenu-libraryView > box:nth-child(1),  /* Библиотека */
#PanelUI-bookmarks > box:nth-child(1), /* Закладки */
#PanelUI-bookmarkingTools > box:nth-child(1), /* Инструменты закладок */
#PanelUI-history > box:nth-child(1), /* Журнал */
#appMenu-library-recentlyClosedTabs > box:nth-child(1), /* Недавно закрытые вкладки */
#appMenu-library-recentlyClosedWindows > box:nth-child(1), /* Недавно закрытые окна */
#PanelUI-downloads > box:nth-child(1), /* Загрузки */
#PanelUI-remotetabs > box:nth-child(1), /* Облачные вкладки */
#appmenu-moreTools > box:nth-child(1), /* Другие инструменты */
/* #appMenu-moreView > box:nth-child(1), /* Ещё */
#PanelUI-whatsNew > box:nth-child(1), /* Что нового */
#PanelUI-characterEncodingView > box:nth-child(1), /* Кодировка текста */
#PanelUI-developer > box:nth-child(1), /* Веб-разработка */
#PanelUI-helpView > box:nth-child(1), /* Справка */
#protections-popup-cookiesView > box:nth-child(1), /* Сторонние куки */
#protections-popup-trackersView > box:nth-child(1), /* Отслеживающее содержимое */
#identity-popup-securityView > box:nth-child(1), /* Защита сайта */
#identity-popup-trackersView > box:nth-child(1), /* Трекеры */
#identity-popup-cookiesView > box:nth-child(1), /* Куки и данные сайтов */
#protections-popup-siteNotWorkingView > .panel-header, /* Значок щита. Сайт не работает? */
#protections-popup-sendReportView > .panel-header, /* Значок щита. Сайт был исправен? Отправьте сообщение */
#permission-popup-mainView-panel-header, /* Заголовок значка "Разрешения для страницы" */
panelview[id^="PanelUI-webext-"], /* конкретно для расширения http://forum.mozilla-russia.org/viewtopic.php?pid=786466#p786466 */
#placesContext_openBookmarkContainer\:tabs, /* Открыть все закладки */
menuitem.openintabs-menuitem[label="Открыть всё во вкладках"]

{ color: red !important; font-weight: bold !important; }

/* Верхний и нижний треугольник в выпадающем меню */
.panel-arrow {
  fill: lavender !important;
/*  stroke: lavender !important; Убирает бордюр, некрасиво */
}

/* Подсветка иконок */
image.tab-icon-image[src^="http"], image[src^="moz-anno:favicon:"], .menu-iconic-icon
{
  filter: url('data:image/svg+xml;,<svg xmlns="http://www.w3.org/2000/svg"><filter id="s"><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 -0.2125 -0.7154 -0.0721 1 0" /><feMorphology operator="dilate" radius="1"/><feComponentTransfer><feFuncA type="gamma" offset="0" amplitude="1" exponent="2"/></feComponentTransfer><feGaussianBlur stdDeviation="0.5"/><feComposite in="SourceGraphic" operator="over"/></filter></svg>#s') !important;
}

/* Меню боковой панели и звёздочки в адресной строке https://forum.mozilla-russia.org/viewtopic.php?pid=784757#p784757 */
#sidebarMenu-popup, #editBookmarkPanel {
  --arrowpanel-background: lavender !important;
  --arrowpanel-color: black !important;
}
#editBMPanel_namePicker {
  background-color: #FFD700 !important;
  padding: 4px !important;
}

/* Выпадающие списки строк адресной и поиска https://forum.mozilla-russia.org/viewtopic.php?pid=782403#p782403 */
#urlbar:not(:-moz-lwtheme) > .urlbarView {
    --autocomplete-popup-background: lavender !important;
    --autocomplete-popup-color: black !important;
}
#PopupSearchAutoComplete:not(:-moz-lwtheme) {
    --panel-background: lavender !important;
    --panel-color: black !important;
}
.searchbar-separator {
    appearance: none !important;
    visibility: collapse !important;
}
#urlbar:not(:-moz-lwtheme) > .urlbarView {
    margin-inline: 1px !important;
    margin-bottom: 1px !important;
    padding-inline: 6px; /* не обязательно */
/*    border: none !important; */
    width: calc(100% - 2px) !important;
    border-bottom-left-radius: var(--toolbarbutton-border-radius, 5px) !important;
    border-bottom-right-radius: var(--toolbarbutton-border-radius, 5px) !important;
    color: var(--autocomplete-popup-color) !important;
    background: var(--autocomplete-popup-background) !important;
}
/* SELECTED ITEM - в меню кнопки гамбургера и 3-х точек */
popup menu:not([disabled="true"])[_moz-menuactive="true"],
menupopup menu:not([disabled="true"])[_moz-menuactive="true"],
menuitem:not([disabled="true"])[_moz-menuactive="true"],
autorepeatbutton:not([disabled="true"]):hover, 
splitmenu-menuitem:not([disabled="true"])[_moz-menuactive="true"],
panel[type="arrow"] .subviewbutton:not([disabled="true"]):hover,
panel[type="arrow"] toolbarbutton:not([disabled="true"]):hover, 
panel[type="arrow"] button:not([disabled="true"]):hover {
/* системный цвет заголовка окна и шрифта
background: -moz-win-accentcolor !important;
    color: -moz-win-accentcolortext !important; */
    background: blue !important;
    color: white !important;
    border-radius: 0px !important;
}
#protections-popup-multiView toolbarseparator {
    margin: 0 !important; /* В значке щита в адресной строке сепараторы */
}
/* Заголовок "Информация о сайте" https://forum.mozilla-russia.org/viewtopic.php?pid=786820#p786820
  и заголовок кнопки щита */
#identity-popup-mainView-panel-header, #protections-popup-mainView-panel-header {
    background-color: blue !important;
    color: white !important;
}
/* убирает светлые края в секции с переключателем */
#protections-popup-tp-switch-section {
    margin: 0 !important;
}
/* и треугольник к этому же; убрал, т.к. блокирует раскраску других треугольников
#identity-popup[mainviewshowing][side="top"] {
    --v-panel-arrow-background: blue;
}
#protections-popup[mainviewshowing][side="top"] {
    --v-panel-arrow-background: #0A51BF;
}
image.panel-arrow[part="arrow"] {
    fill: var(--v-panel-arrow-background, var(--arrowpanel-background, Field)) !important;
} */
/* выделение в выпадающем списке панели закладок https://forum.mozilla-russia.org/viewtopic.php?pid=784702#p784702
    не работает без другого стиля, установил Vitaliy V. v2 https://forum.mozilla-russia.org/viewtopic.php?pid=764365#p764365 со своими правками */
@-moz-document url-prefix("chrome:"), url-prefix("about:") {
/* меню --> */
:root {
    --v-menupopup-item-min-height: 22px; /* было 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)); /* в стиле Vitaliy V. */
    --v-arrowpanel-background: lavender;
    --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)));
    --v-svg-filter-fill: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill");
}
:root:-moz-lwtheme {
    --v-arrowpanel-color: var(--arrowpanel-color, FieldText);
    --v-arrowpanel-background: var(--arrowpanel-background, Field);
    --v-arrowpanel-border-color: var(--arrowpanel-border-color, ThreeDShadow);
    --v-panel-separator-color: var(--panel-separator-color, ThreeDShadow);
    --v-arrowpanel-dimmed: var(--arrowpanel-dimmed, color-mix(in srgb, currentColor 20%, transparent));
    --v-arrowpanel-dimmed-further: var(--arrowpanel-dimmed-further, color-mix(in srgb, currentColor 10%, transparent));
}
:root[lwt-sidebar] {
    --v-arrowpanel-color: var(--lwt-sidebar-text-color, FieldText);
    --v-arrowpanel-background: var(--lwt-sidebar-background-color, Field);
    --v-arrowpanel-border-color: color-mix(in srgb, currentColor 20%, transparent);
    --v-panel-separator-color: color-mix(in srgb, currentColor 20%, transparent);
    --v-arrowpanel-dimmed: color-mix(in srgb, currentColor 20%, transparent);
    --v-arrowpanel-dimmed-further: color-mix(in srgb, currentColor 10%, transparent);
}
:root:is(.theme-light,.theme-dark) {
    --v-arrowpanel-color: var(--theme-arrowpanel-color, FieldText);
    --v-arrowpanel-background: var(--theme-arrowpanel-background, Field);
    --v-arrowpanel-border-color: var(--theme-arrowpanel-border-color, color-mix(in srgb, currentColor 20%, transparent));
    --v-panel-separator-color: var(--theme-arrowpanel-separator, color-mix(in srgb, currentColor 20%, transparent));
    --v-arrowpanel-dimmed: var(--theme-arrowpanel-dimmed, color-mix(in srgb, currentColor 20%, transparent));
    --v-arrowpanel-dimmed-further: var(--theme-arrowpanel-dimmed-further, color-mix(in srgb, currentColor 10%, transparent));
}
menupopup {
    appearance: none !important;
    padding: 0 !important;
    border: 1px solid var(--v-arrowpanel-border-color) !important;
    border-radius: 0 !important;
    background: var(--v-arrowpanel-background) !important;
    color: var(--v-arrowpanel-color) !important;
    --panel-background: transparent !important;
    --panel-color: var(--v-arrowpanel-color) !important;
    --panel-border-color: transparent !important;
    --panel-border-radius: 0px !important;
    --nested-margin: 0px !important;
    box-shadow: none !important;
    --v-panel-padding: 0;
    --v-panel-background: transparent;
    --v-panel-border-width: 0;
    --v-panel-margin: 0;
    --v-panel-arrowbox-display: none;
}
menupopup:where(:not([side])) {
    margin: 0 !important;
}
menupopup > menu > menupopup {
    margin-inline-start: 0 !important;
    margin-top: -1px !important;
}
:where(#BMB_bookmarksPopup) {
    margin-top: -4px !important;
}
panel[type="arrow"].panel-no-padding {
    --v-panel-padding: 0;
}
.panel-arrowcontainer > .panel-arrowcontent {
    padding: var(--v-panel-padding, var(--arrowpanel-padding)) !important;
    background: var(--v-panel-background, var(--arrowpanel-background)) !important;
    border-radius: 0 !important;
    border-width: var(--v-panel-border-width, 1px) !important;
    margin: var(--v-panel-margin, 4px) !important;
}
.panel-arrowcontainer > .panel-arrowbox {
    display: var(--v-panel-arrowbox-display, -moz-box);
}
hbox[flex="1"][part="innerbox"] {
    border-width: 0 !important;
    margin-top: 0 !important;
}
scrollbox[flex="1"][part="scrollbox"] {
    padding-top: 0 !important;
}
arrowscrollbox.menupopup-arrowscrollbox {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}
menupopup menuseparator {
    appearance: none !important;
    height: 3px !important;
    min-height: 3px !important;
    max-height: 3px !important;
    border: none !important;
    margin: 0 !important;
    padding-inline: 0 !important;
    padding-block: 1px !important;
}
menupopup menuseparator::before {
    content: "" !important;
    display: inline-block !important;
    position: static !important;
    padding: 0 !important;
    margin: 0 !important;
    -moz-box-flex: 1 !important;
    border: none !important;
    border-top: 1px solid var(--v-panel-separator-color) !important;
}
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-iconic-left {
    appearance: none !important;
    margin: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: var(--v-menupopup-text-inline-start) !important;
    visibility: visible !important;
    min-width: 16px !important;
    width: 16px !important;
    padding: 0 !important;
}
#context-navigation:not([hidden]) {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    min-width: 0px !important;
}
#context-navigation > .menuitem-iconic {
    width: auto !important;
    flex-grow: 1 !important;
    -moz-box-pack: center !important;
}
#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
    background-color: transparent !important;
}
menupopup .menu-iconic-text {
    appearance: none !important;
    padding-inline-start: 0 !important;
    margin-inline-start: 0 !important;
}
menupopup .contentSelectDropdown-ingroup .menu-iconic-text {
    margin-inline-start: 16px !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;
}
menupopup menuitem:is([type="checkbox"],[type="radio"]) > .menu-iconic-left > .menu-iconic-icon,
menupopup .menu-right > image {
/*    display: -moz-inline-box !important;
    visibility: visible !important;
    -moz-context-properties: fill, fill-opacity;
    fill: currentColor !important;
    fill-opacity: var(--v-menupopup-icon-fill-opacity);
    color: var(--v-arrowpanel-color) !important;
*/
    display: -moz-box !important;
    visibility: visible !important;
    filter: var(--v-svg-filter-fill) !important;
    fill: currentColor !important;
    fill-opacity: 1 !important;
    color: inherit !important;
}
menupopup .menu-right {
    appearance: none !important;
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='M 6,13 11,8 6,3' style='fill:none;stroke:rgb(177,177,179);stroke-width:1;'/></svg>") !important;
    -moz-image-region: auto !important;
    width: 16px !important;
    height: 16px !important;
    padding: 0px !important;
}
menupopup :is(menu,menuitem,menucaption) {
    color: var(--v-arrowpanel-color);
}
:where(:not(#ContentSelectDropdown)) > menupopup :is(menu,menuitem,menucaption) {
    color: var(--v-arrowpanel-color) !important;
}
menupopup :is(menu,menuitem)[_moz-menuactive="true"] {
    background: var(--v-arrowpanel-dimmed);
}
:where(:not(#ContentSelectDropdown)) > menupopup :is(menu,menuitem)[_moz-menuactive="true"] {
/*    background: var(--v-arrowpanel-dimmed) !important; */
    background: blue !important;
    color: white !important;
}
menupopup :is(menu,menuitem)[_moz-menuactive="true"]:active {
    background: var(--v-arrowpanel-dimmed-further);
}
:where(:not(#ContentSelectDropdown)) > menupopup :is(menu,menuitem)[_moz-menuactive="true"]:active {
    background: var(--v-arrowpanel-dimmed-further) !important;
}
:where(:not(#ContentSelectDropdown)) > menupopup :is(menu,menuitem,menucaption):is([disabled="true"],[disabled="true"]:active) {
    opacity: 0.6 !important;
    background: none !important;
}
menupopup menuitem[type="checkbox"] > .menu-iconic-left {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><rect x='.5' y='.5' width='15' height='15' style='fill:none;stroke:rgb(177,177,179);stroke-width:1;opacity:.15;'/></svg>") !important;
    -moz-image-region: auto !important;
}
menupopup menuitem[type="checkbox"][checked="true"] > .menu-iconic-left {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><g><rect x='.5' y='.5' width='15' height='15' style='fill:none;stroke:rgb(177,177,179);stroke-width:1;opacity:.15;'/><path d='M 3,7 7,11 13,5' style='fill:none;stroke:rgb(177,177,179);stroke-width:1;'/></g></svg>") !important;
}
menupopup menuitem[type="radio"] > .menu-iconic-left {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><circle cx='8' cy='8' r='7.5' style='fill:none;stroke:rgb(177,177,179);stroke-width:1;opacity:.15;'/></svg>") !important;
    -moz-image-region: auto !important;
}
menupopup menuitem[type="radio"][checked="true"] > .menu-iconic-left {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><g><circle cx='8' cy='8' r='7.5' style='fill:none;stroke:rgb(177,177,179);stroke-width:1;opacity:.15;'/><circle cx='8' cy='8' r='4.5' style='fill:none;stroke:rgb(177,177,179);stroke-width:1;'/></g></svg>") !important;
}
menupopup:-moz-locale-dir(rtl) .menu-right > image {
    transform: scaleX(-1) !important;
}
/* <-- меню */
/* добавил https://forum.mozilla-russia.org/viewtopic.php?pid=784702#p784702 */
:not(#ContentSelectDropdown) > menupopup .bookmark-item[_moz-menuactive="true"]:not([disabled="true"]) {
    background: blue !important;
    color: white !important;
}
/* моя правка для панели закладок: цвет фона, как у меня в боковой панели и такая же высота */
#personal-bookmarks :is(menu.menu-iconic,menuitem.bookmark-item) {
    background-color: #A8E4A0 !important;
     --v-menupopup-item-min-height: 18px;
}
/* высота выпадающего списка в панели закладок, края и скругление фона названий закладок */
#PlacesToolbar menupopup {
    max-height: 600px;
}
#PlacesToolbar menu, #PlacesToolbar menuitem {
    margin-left: 0px !important; /* убрать левый край */
    margin-right: 0px !important; /* убрать правый край */
    border-radius: 0px !important;
}
}
/* Сжимает меню бутерброда и в библиотеке делает, как у меня в боковой панели https://forum.mozilla-russia.org/viewtopic.php?pid=764382#p764382 */
#BMB_bookmarksPopup .subviewbutton,
panelview .subviewbutton {
    min-height: 18px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

Отсутствует

 

№1248623-10-2022 21:08:17

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

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

xrun1 пишет

мой background_menu

Рекомендую этот > https://forum.mozilla-russia.org/viewtopic.php?pid=801284#p801284


Win7

Отсутствует

 

№1248724-10-2022 11:56:10

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

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

kokoss
Я его тогда скачал и посмотрел, когда Вы выложили. Визуальных отличий от своего не обнаружил, а вот косячок увидел. Разбираться, что в стиле не так, могу только "методом тыка". А т.к. тыкать надо много, поэтому менять не стал.

мой старый с иконками

Ваш новый без

Отсутствует

 

№1248824-10-2022 12:21:55

LGS
Участник
 
Группа: Members
Зарегистрирован: 17-09-2022
Сообщений: 97
UA: Firefox 106.0

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

xrun1

xrun1 пишет

может кому-то пригодится

Пригодился, спасибо. Удачно зашел на 106, практически без правок. Ну, если только цвет на свой вкус поменять и прозрачности добавить, не стал даже этого делать. Подключаю через StyloaiX от xiaoxiaoflood - быстро и красиво.

Отсутствует

 

№1248924-10-2022 14:03:12

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

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

LGS пишет

если только цвет на свой вкус поменять

оффтоп
Нельзя менять цвет с таким душевным названием!:) https://colorscheme.ru/color-names.html
Image001_2022-10-24_13-10.png

Отсутствует

 

№1249024-10-2022 16:33:16

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 228
UA: Firefox 106.0

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

А как убрать тень, что-ли, между двумя бордюрами
2022-10-24_183132.jpg

Отсутствует

 

№1249127-10-2022 02:06:03

kazarin
Участник
 
Группа: Members
Зарегистрирован: 23-11-2016
Сообщений: 83
UA: Firefox 102.0

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

momo2000

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

Выделить код

Код:

menupopup {
  --windows-panel-box-shadow: unset !important;
}

Отсутствует

 

№1249228-10-2022 02:14:52

Пандёнок
Участник
 
Группа: Extensions
Зарегистрирован: 04-11-2008
Сообщений: 5543
UA: Firefox 106.0

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

Индикатор масштаба в адресной строке — на редкость бесполезная функция. Настроить масштаб через этот индикатор нельзя, зато сбросить легко, если случайно зацепить индикатор или попытаться открыть настройку таким образом.

Выделить код

Код:

/* Скрыть масштаб в адресной строке */
:root:not([uidensity="touch"]) #urlbar-zoom-button {
    display: none !important;
}

(Получилось.)

Отсутствует

 

№1249328-10-2022 09:08:25

Duche
Участник
 
Группа: Members
Зарегистрирован: 07-02-2016
Сообщений: 208
UA: Firefox 105.0

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

Добрый день. Почините пожалуйста два кода для FF105 ,по моему перестали работать.

Выделить код

Код:

/* Проскакивание белого фона  */
@-moz-document url-prefix("chrome://browser/content/browser.x") {
       #tabbrowser-tabpanels, tabbrowser#content, .browserContainer > .browserStack > browser {
        -moz-appearance: none !important;
        background: #696969 !important;
        background-color: #696969 !important;
    }
}
/* Цвет при загрузке страницы */
@-moz-document url-prefix("chrome://browser/content/browser.x") {
      #tabbrowser-tabpanels, tabbrowser#content,
:-moz-any(#tabbrowser-tabpanels, tabbrowser#content) .browserStack > browser {
    -moz-appearance: none !important;
    background:  #696969 !important;
}
}

Отсутствует

 

№1249428-10-2022 10:15:11

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

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

Duche
Я использую такой код:

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

Выделить код

Код:

#tabbrowser-tabpanels {
  background-color: var(--uc-light-bkgnd-color, rgba(28, 27, 34, 0.7)) !important;
}


Win7

Отсутствует

 

№1249528-10-2022 12:49:47

Duche
Участник
 
Группа: Members
Зарегистрирован: 07-02-2016
Сообщений: 208
UA: Firefox 105.0

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

kokoss пишет

Я использую такой код:

Спасибо.Попробовал , всё равно проскакивает на долю секунды белый цвет.Есть смутные подозрения что дело в скорости работы системы . Появился, на мой взгляд, долгий отклик системы на события (микро задержки) . FF почему то стал долго запускаться (30-40 сек), после первого включения ноутбука. Буду думать. Ещё раз спасибо.
P.S. Забыл спросить ,для общего развития почему цвет в RGBA а не HEX, может RGBA быстрее в обработке системой. У меня все цвета в HEX.

Отредактировано Duche (28-10-2022 13:54:55)

Отсутствует

 

№1249628-10-2022 14:31:05

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

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

Duche пишет

всё равно проскакивает на долю секунды белый цвет.

Надо сделать цвет пустой страницы тот же.
В userContent.css

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

Выделить код

Код:

@-moz-document url("about:blank") {

:root {
    background:  #696969 !important;
}

}

Отсутствует

 

№1249728-10-2022 22:01:48

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

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

vending_machine пишет

Надо сделать цвет пустой страницы тот же.
В userContent.css
скрытый текст

Этот стиль затрагивает плеер на rezka.ag, вероятно ещё где нибудь.


Win7

Отсутствует

 

№1249829-10-2022 21:06:14

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

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

У меня так, вроде VitalyV когда-то предложил.

Выделить код

Код:

@-moz-document url("about:blank") {
    body:empty {
        background: #696969 !important;
    }
}

еще там это есть

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
    body {
        background: #696969 !important;
    }
    body[lwt-newtab-brighttext] {
        background: #696969 !important;
    }
}

но :root наверное надежней.
   
И непонятно какое отношение имеет rezka.ag к about:blank, адреса то разные. Проверить не получается. ))

Отредактировано _zt (29-10-2022 21:11:36)

Отсутствует

 

№1249929-10-2022 21:36:41

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

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

_zt пишет

И непонятно какое отношение имеет rezka.ag к about:blank, адреса то разные.

Мне тоже не понятно какое отношение about:blank имеет к плееру rezka.ag, но затрагивает > скрин


Win7

Отсутствует

 

№1250030-10-2022 00:28:15

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

kokoss пишет

Этот стиль затрагивает плеер на rezka.ag, вероятно ещё где нибудь.

Чтоб не влиял, нужно стиль для about:blank добавить сюда и включить здесь, и соответствующий чекбокс в настройках user_chrome_files
Или фикс-костыль для rezka.ag отсюда. Правда досконально не тестировал, но плеер картинку показывает.

Отсутствует

 

Board footer

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