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

Общайтесь со знакомыми и друзьями в нашем сообществе в Facebook.

№1252608-11-2022 21:02:28

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

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

sandro79, хорошо! Но мультиселект почему-то синим выделяет...


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

Отсутствует

 

№1252708-11-2022 21:19:13

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

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

Neytrino пишет

Но мультиселект почему-то синим выделяет...

Точно, там уже outline накладывается. Добавьте тогда ещё outline: none !important;

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

Выделить код

Код:

#tabbrowser-tabs .tab-background:is([selected="true"], [multiselected]) {
  border: 1px solid AccentColor;
  box-shadow: none !important;
  outline: none !important;
}

Отсутствует

 

№1252808-11-2022 22:00:46

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

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

sandro79, теперь шикардос, ещё раз спасибо!


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

Отсутствует

 

№1252909-11-2022 08:11:03

Orchello
Участник
 
Группа: Members
Откуда: Братск
Зарегистрирован: 24-10-2022
Сообщений: 20
UA: Firefox 102.0
Веб-сайт

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

Всем привет. С кнопками вкладок немножко разобрался, а вот дальше никак, чё-то... Подскажете —
toolbar.png

Всё, сделал. Почти что сам (-: Теперь обе панельки по высоте стали как кнопки вкладок в чистом FF. Мб, чуть больше.

Отредактировано Orchello (10-11-2022 18:39:07)

Отсутствует

 

№1253009-11-2022 12:24:14

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

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

Firefox 106, Win7 Aero. Возможно ли чисто стилями изменить кнопки свертывания, свертывания в окно и закрытия на маковские?

Отсутствует

 

№1253109-11-2022 13:58:49

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

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

6e73epo
Наверное, возможно. Был стиль от Vitaliy V., которого теперь по ссылке нет. У меня он немного модифицированный, цвет при наведении жёлтый и фон синий, но как было просто закомментировано, разберётесь. Иконки маковские сами подставьте.

Замена кнопок управления окном

Выделить код

Код:

/* Замена кнопок управления окном https://forum.mozilla-russia.org/viewtopic.php?pid=765572#p765572 */
@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --v-titlebar-button-vert-padding: 6px; /* 5px */
    --v-titlebar-button-horizont-padding: 6px; /* 10px */
    --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");
    --v-titlebar-min-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><line stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges' x1='1' y1='5.5' x2='11' y2='5.5'/></svg>");
    --v-titlebar-max-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='1.5' width='9' height='9'/></svg>");
    --v-titlebar-maximized-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='3.5' width='7' height='7'/><polyline points='3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5'/></svg>");
    --v-titlebar-close-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><path stroke='black' stroke-width='.9' fill='none' d='M1,1 l 10,10 M1,11 l 10,-10'/></svg>");
    --v-titlebar-button-image-height: 12px;
    --v-titlebar-button-image-width: 12px;
    --v-titlebar-button-background-hover: rgba(0, 0, 0, .12);
    --v-titlebar-button-background-active: rgba(0, 0, 0, .22);
    --v-titlebar-close-background-hover: rgb(227, 27, 93);
    --v-titlebar-close-background-active: rgb(191, 22, 78);
}

:root:-moz-lwtheme-brighttext,
toolbar[brighttext] {
    --v-titlebar-button-background-hover: rgba(255, 255, 255, .22);
    --v-titlebar-button-background-active: rgba(255, 255, 255, .12);
}

:root {
    background-color: -moz-Dialog !important;
    color: -moz-DialogText !important;
}

@media (-moz-windows-glass), (-moz-os-version: windows-win8) {
    :root {
        -moz-appearance: none !important;
        appearance: none !important;
        background-color: ActiveCaption !important;
        color: CaptionText !important;
    }

    :root:-moz-window-inactive {
        background-color: InactiveCaption !important;
        color: InactiveCaptionText !important;
    }

    vbox#appcontent {
        -moz-appearance: none !important;
        appearance: none !important;
    }
}

@media (-moz-windows-glass: 0) and (-moz-os-version: windows-win7) {
    :root {
        background-color: ActiveCaption !important;
        color: CaptionText !important;
    }

    :root:-moz-window-inactive {
        background-color: InactiveCaption !important;
        color: InactiveCaptionText !important;
    }
}

:root:-moz-lwtheme {
    --v-lwt-accent-color-for-lwtheme: var(--lwt-accent-color, rgb(227, 228, 230));
    background-color: var(--v-lwt-accent-color-for-lwtheme) !important;
    color: var(--lwt-text-color, rgb(24, 25, 26)) !important;
}

:root:-moz-lwtheme-brighttext {
    --v-lwt-accent-color-for-lwtheme: var(--lwt-accent-color, rgb(12, 12, 13));
    color: var(--lwt-text-color, rgb(249, 249, 250)) !important;
}

:root:-moz-lwtheme:-moz-window-inactive {
    background-color: var(--lwt-accent-color-inactive, var(--v-lwt-accent-color-for-lwtheme)) !important;
}

@media (-moz-windows-accent-color-in-titlebar) {
    :root[tabsintitlebar]:not(:-moz-lwtheme):not(:-moz-window-inactive),
    :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) {
        background-color: -moz-win-accentcolor !important;
        color: -moz-win-accentcolortext !important;
    }
}

:root[tabsintitlebar]:not([inDOMFullscreen]) #titlebar {
    visibility: hidden !important;
}

:root[tabsintitlebar]:not([inDOMFullscreen]):not([chromehidden~="menubar"]) #titlebar > #toolbar-menubar,
:root[tabsintitlebar]:not([inDOMFullscreen]):not([chromehidden~="toolbar"]) #titlebar > #TabsToolbar {
    visibility: visible;
}

:root[sizemode="normal"] #titlebar {
    -moz-appearance: none !important;
    appearance: none !important;
}

.titlebar-buttonbox-container {
    -moz-box-align: start !important;
}

.titlebar-buttonbox {
    -moz-appearance: none !important;
    appearance: none !important;
    -moz-box-align: start !important;
    -moz-box-pack: end !important;
    margin: 0 !important;
    padding: 0 !important;
}

:root[data-l10n-id="browser-main-window-mac"] .titlebar-buttonbox:-moz-locale-dir(ltr) {
    -moz-box-direction: reverse !important;
}

:root[sizemode="normal"] #navigator-toolbox {
    border-top: none !important;
    padding-top: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

:root[tabsintitlebar][sizemode="normal"] #toolbar-menubar {
    margin-top: 0 !important;
}

#toolbar-menubar {
    text-shadow: inherit !important;
}

#main-menubar {
    text-shadow: inherit !important;
    background-color: transparent !important;
    color: inherit !important;
    border-radius: 0 !important;
}

#toolbar-menubar,
#TabsToolbar {
    color: inherit !important;
    background-image: none !important;
}

#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
    background-color: transparent !important;
}

:root[tabsintitlebar] #TabsToolbar .tab-label {
    opacity: 1 !important;
}

#TabsToolbar:-moz-lwtheme {
    --lwt-toolbarbutton-icon-fill: currentColor !important;
}

.titlebar-buttonbox > :is(.titlebar-min,.titlebar-max,.titlebar-restore,.titlebar-close),
#minimize-button, #restore-button, #close-button {
    display: -moz-box !important;
    -moz-appearance: none !important;
    appearance: none !important;
    margin: 0 !important;
    padding: var(--v-titlebar-button-vert-padding) var(--v-titlebar-button-horizont-padding) !important;
    color: var(--lwt-toolbarbutton-icon-fill, inherit) !important;
    background-color: transparent !important;
}

:root:not([sizemode="maximized"]) .titlebar-buttonbox > .titlebar-restore[tooltiptext],
:root[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max[tooltiptext] {
    display: none !important;
}

#window-controls {
    -moz-box-align: start !important;
}

.titlebar-buttonbox > :is(.titlebar-min,.titlebar-max,.titlebar-restore,.titlebar-close) > .toolbarbutton-icon,
:is(#minimize-button,#restore-button,#close-button) > .toolbarbutton-icon {
    filter: var(--v-svg-filter-fill) !important;
    fill: currentColor !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    height: var(--v-titlebar-button-image-height) !important;
    width: var(--v-titlebar-button-image-width) !important;
}

.titlebar-buttonbox > .titlebar-min,
#minimize-button {
    list-style-image: var(--v-titlebar-min-image) !important;
    -moz-image-region: auto !important;
}

.titlebar-buttonbox > .titlebar-max {
    list-style-image: var(--v-titlebar-max-image) !important;
    -moz-image-region: auto !important;
}

:root[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max,
.titlebar-buttonbox > .titlebar-restore,
#restore-button {
    list-style-image: var(--v-titlebar-maximized-image) !important;
    -moz-image-region: auto !important;
}

.titlebar-buttonbox > :is(.titlebar-min,.titlebar-max,.titlebar-restore):hover,
:is(#minimize-button,#restore-button):hover {
/*    background-color: var(--v-titlebar-button-background-hover) !important; */
    background-color: blue !important;
    color: yellow !important;
}

.titlebar-buttonbox > :is(.titlebar-min,.titlebar-max,.titlebar-restore):hover:active,
:is(#minimize-button,#restore-button):hover:active {
/*    background-color: var(--v-titlebar-button-background-active) !important; */
    background-color: blue !important;
    color: yellow !important;
}

.titlebar-buttonbox > .titlebar-close,
#close-button {
    list-style-image: var(--v-titlebar-close-image) !important;
    -moz-image-region: auto !important;
}

.titlebar-buttonbox > .titlebar-close:hover,
#close-button:hover {
    background-color: var(--v-titlebar-close-background-hover) !important;
    color: yellow !important;
}

.titlebar-buttonbox > .titlebar-close:hover:active,
#close-button:hover:active {
    background-color: var(--v-titlebar-close-background-active) !important;
    color: yellow !important;
}
}

Отсутствует

 

№1253209-11-2022 18:23:33

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

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

Orchello

Выделить код

Код:

:root {
    --tab-border-radius: 3px !important;
    --tab-block-margin: 0px !important;
}

#urlbar-container,
#search-container {
    padding: 1px 0 !important;
    margin: 0 1px !important;
}

Отредактировано kokoss (09-11-2022 21:40:19)


Win7

Отсутствует

 

№1253309-11-2022 20:32:50

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

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

Добрый день. Случайно заменил интересный артефакт. К кнопкам приложений не работает padding , кнопки браузера и CB реагируют на padding а кнопки приложений нет, размер увеличивают те и те . кнопки приложений с большим  padding а остальные кромки не имеют .

Отсутствует

 

№1253410-11-2022 00:03:10

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

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

Duche
Ничего толком не понял. Вы размер иконок дополнений увеличить хотите? Так можно

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

Выделить код

Код:

#navigator-toolbox .webextension-browser-action > .toolbarbutton-badge-stack {
  transform: scale(1.4);	 
  padding: 2px !important; 
  margin-inline: 3px !important;  
}

Отредактировано sandro79 (10-11-2022 00:18:33)

Отсутствует

 

№1253510-11-2022 06:56:21

Orchello
Участник
 
Группа: Members
Откуда: Братск
Зарегистрирован: 24-10-2022
Сообщений: 20
UA: Firefox 102.0
Веб-сайт

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

kokoss пишет

#urlbar-container,
#search-container {
    padding: 1px 0 !important;
    margin: 0 1px !important;
}

Спасибо.

Отсутствует

 

№1253610-11-2022 09:09:20

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

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

Orchello
А что >

Выделить код

Код:

:root {
    --tab-border-radius: 3px !important;
    --tab-block-margin: 0px !important;
}

у вас не работает ?


Win7

Отсутствует

 

№1253710-11-2022 11:20:31

Orchello
Участник
 
Группа: Members
Откуда: Братск
Зарегистрирован: 24-10-2022
Сообщений: 20
UA: Firefox 102.0
Веб-сайт

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

kokoss пишет

:root {
    --tab-border-radius: 3px !important;
    --tab-block-margin: 0px !important;
}

Это у меня уже было написано.

Отсутствует

 

№1253810-11-2022 12:01:37

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

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

sandro79 пишет

Ничего толком не понял

Да я и сам, не понял что случилась . Иконки я увеличил нормально , но иконки почему-то начали ломать "панель инструментов" и "urlbar" ,решил уменьшить margin-top , margin-bottom и padding с "-", а тут такое. Потом нашёл , тщательно проверив весь FG_userChrome ,случайно испортил этот код......

Выделить код

Код:

/* toolbarbutton[class="bookmark-item"] > .toolbarbutton-text {
  display: none !important;
}
toolbarbutton[class="bookmark-item"] > .toolbarbutton-icon {
  -moz-margin-end: 0px !important;
}

Отсутствует

 

№1253911-11-2022 08:34:38

m_nikolay
Участник
 
Группа: Members
Зарегистрирован: 01-02-2019
Сообщений: 61
UA: Firefox 102.0

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

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

скрытый текст
PB6s0cW.png

5GRC3fv.png

Спасибо и всяческого всем добра

FF версии 102 ESR

Отредактировано m_nikolay (13-11-2022 07:47:58)


Dem wird befohlen, der sich nicht selber gehorchen kann.
Приказывают тому, кто сам себе не умеет повиноваться.
Фридрих Ницше.

Отсутствует

 

№1254011-11-2022 09:08:18

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

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

m_nikolay
https://forum.mozilla-russia.org/viewto … 35#p802435


2022-11-11_111911.png

Отредактировано kokoss (11-11-2022 11:25:26)


Win7

Отсутствует

 

№1254111-11-2022 10:46:57

m_nikolay
Участник
 
Группа: Members
Зарегистрирован: 01-02-2019
Сообщений: 61
UA: Firefox 91.0

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

kokoss
Я это уже пробовал-безрезультатно. Использую последний стиль Виталия. На 91 версии все было нормально, а в 102 появился этот промежуток. Как жалко что Виталий ушел, только он один полностью держал тему :(


Dem wird befohlen, der sich nicht selber gehorchen kann.
Приказывают тому, кто сам себе не умеет повиноваться.
Фридрих Ницше.

Отсутствует

 

№1254211-11-2022 12:35:17

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

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

m_nikolay пишет

Я это уже пробовал-безрезультатно. Использую последний стиль Виталия.

Этот код рабочий! Какой стиль используйте... ?


Win7

Отсутствует

 

№1254311-11-2022 14:54:41

m_nikolay
Участник
 
Группа: Members
Зарегистрирован: 01-02-2019
Сообщений: 61
UA: Firefox 91.0

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

Да, рабочий, подтверждаю. Но для меня не подходит, потому что я использую компактный режим.
Стиль такой:

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

Выделить код

Код:

@namespace html url("http://www.w3.org/1999/xhtml");

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --v-tabs-min-height: 26px;
    --v-tabs-tab-max-width: 180px;
    --v-tabs-border-inactive-color: color-mix(in srgb, currentColor 25%, transparent);
    --tabs-border-color: rgb(71, 36, 11) !important;           
    --tab-border-radius: 0px !important;
    --tab-shadow-max-size: 0px !important;
    --tab-block-margin: 0px !important;
    --proton-tab-block-margin: 0px !important;
    --space-above-tabbar: 0px !important;
    --v-newtab-button-width: 26px;
    --v-placeholder-post-tabs: 20px;
    --toolbarbutton-border-radius: 0px !important;
    --toolbarbutton-outer-padding: 1px !important;
    --bookmark-block-padding: 1px !important;
    --toolbarbutton-inner-padding: 4px !important;
    --toolbar-start-end-padding: var(--toolbarbutton-outer-padding) !important;
    --v-main-menubar-min-height: 20px;
    --v-main-menubar-min-width: 15px;
    --v-main-menubar-color: rgb(255, 255, 255);
    --v-main-menubar-background-color: rgb(71, 36, 11);         
    --v-main-menubar-background-color-hover: rgb(23, 139, 255);
    --v-main-menubar-background-color-active: rgb(0, 89, 232);
    --v-textbox-border-radius: 0px;
    --urlbar-min-height: 24px !important;
    --urlbar-icon-padding: 3px !important;
    --urlbar-container-padding: 0px !important;
    --urlbar-icon-border-radius: 0px !important;
    --v-textbox-padding: 1px;
    --v-textbox-margin: 1px;
    --focus-outline-width: 1px !important;
    --arrowpanel-menuitem-margin: 0px !important;
    --arrowpanel-menuitem-padding-block: 4px !important;
    --arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) 8px !important;
    --arrowpanel-menuitem-border-radius: 0px !important;
    --panel-separator-margin: 4px 0px !important;
    --panel-subview-body-padding: 4px 0 !important;
    --arrowpanel-border-radius: 0px !important;
    --arrowpanel-padding: 10px !important;
    --v-titlebar-button-vert-padding: 5px;
    --v-titlebar-button-horizont-padding: 10px;
    --v-titlebar-button-image-height: 12px;
    --v-titlebar-button-image-width: 12px;
    --v-titlebar-button-background-hover: var(--button-hover-bgcolor, color-mix(in srgb, currentColor 20%, transparent));
    --v-titlebar-button-background-active: var(--button-active-bgcolor, color-mix(in srgb, currentColor 10%, transparent));
    --v-titlebar-close-background-hover: rgb(227, 27, 93);
    --v-titlebar-close-background-active: rgb(191, 22, 78);
    --v-titlebar-button-fill-opacity: .85;
    --v-titlebar-close-fill-opacity: .85;
}
:root[uidensity="compact"] { /* компактный режим */
    --v-tabs-min-height: 26px;
    --v-tabs-tab-max-width: 180px;
    --v-newtab-button-width: 26px;
    --toolbarbutton-outer-padding: 1px !important;
    --bookmark-block-padding: 1px !important;
    --toolbarbutton-inner-padding: 4px !important;
    --v-main-menubar-min-height: 20px;
    --v-main-menubar-min-width: 15px;
    --urlbar-min-height: 24px !important;
    --urlbar-icon-padding: 3px !important;
    --v-textbox-padding: 1px;
    --v-textbox-margin: 1px;
}
:root[uidensity="touch"] { /* мобильный режим */
    --v-tabs-min-height: 41px;
    --v-tabs-tab-max-width: 225px;
    --v-newtab-button-width: 40px;
    --toolbarbutton-outer-padding: 2px !important;
    --bookmark-block-padding: 2px !important;
    --toolbarbutton-inner-padding: 9px !important;
    --v-main-menubar-min-height: 26px;
    --v-main-menubar-min-width: 21px;
    --urlbar-min-height: 34px !important;
    --urlbar-icon-padding: 7px !important;
    --v-textbox-padding: 4px;
    --v-textbox-margin: 6px;
    --v-titlebar-button-vert-padding: 7px;
    --v-titlebar-button-horizont-padding: 14px;
}
:root:-moz-lwtheme { /* Рамка панели поиска */
    --toolbar-field-border-color: transparent !important;
    --toolbar-field-focus-border-color: rgb(139, 69, 19) !important;                                          
}
:root[lwtheme-mozlightdark] { /* для встроенных - системной, темной, светлой тем */
    --arrowpanel-border-color: color-mix(in srgb, currentColor 25%, transparent) !important;
    --toolbar-field-background-color: color-mix(in srgb, currentColor 10%, transparent) !important;
    --toolbar-field-border-color: color-mix(in srgb, currentColor 10%, transparent) !important;
}
/* ************************************************ */

#titlebar,
#tabbrowser-tabs {
    --tab-min-height: var(--v-tabs-min-height) !important;
}
#TabsToolbar {
    background-color: transparent !important;
}
#tabbrowser-tabs .tabbrowser-tab {
    border: none !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    padding-inline: 0px !important;
}
#tabbrowser-tabs .tabbrowser-tab .tab-icon-overlay {
    padding: 0 !important;
}
#tabbrowser-tabs .tab-close-button {
    -moz-context-properties: fill, fill-opacity !important;
    list-style-image: url("./svg/close.svg") !important;
    color: inherit !important;
    fill: currentColor !important;
    fill-opacity: 0 !important;
    height: 20px !important;
    width: 20px !important;
    padding: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: -6px !important;
}
#tabbrowser-tabs .tabbrowser-tab:not([pinned="true"],:hover) .tab-close-button {
    display: none !important;
}
#tabbrowser-tabs .tabbrowser-tab:not([pinned="true"]) .tab-content {
    padding-inline: 6px !important;
}
#tabbrowser-tabs .tabbrowser-tab::after,
#tabbrowser-tabs .tabbrowser-tab::before {
    border: none !important;
    border-left: 1px solid var(--v-tabs-border-inactive-color) !important;
    opacity: 1 !important;
    margin: 0 !important;
    transition: none !important;
}
#tabbrowser-tabs:not([movingtab]) .tabbrowser-tab:is([beforeselected-visible],[before-multiselected])::after,
#tabbrowser-tabs .tabbrowser-tab:is([visuallyselected="true"],[multiselected="true"])::before,
#tabbrowser-tabs .tabbrowser-tab:is([visuallyselected="true"],[multiselected="true"])::after {
    border-color: var(--tabs-border-color) !important;
}
#tabbrowser-tabs .tabbrowser-tab::after,
#tabbrowser-tabs[positionpinnedtabs] .tabbrowser-tab[pinned="true"] + .tabbrowser-tab:not([pinned="true"])::before,
#tabbrowser-tabs[movingtab] .tabbrowser-tab[visuallyselected="true"]::before,
:root[tabsintitlebar][data-l10n-id="browser-main-window-mac"] #TabsToolbar .tabbrowser-tab[first-visible-tab]::before {
    content: "" !important;
    display: block !important;
}
#tabbrowser-tabs[positionpinnedtabs] .tabbrowser-tab[pinned] {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
}
#tabbrowser-tabs .tab-background {
    border: none !important;
    border-top: 1px solid var(--v-tabs-border-inactive-color) !important;
    box-shadow: none !important;
}
#tabbrowser-tabs .tab-background > .tab-context-line {
    border-radius: 0 !important;
    margin: 0 !important;
}
#tabbrowser-tabs .tab-background > .tab-bottom-line {
    margin-bottom: 1px !important;
}
#tabbrowser-tabs .tabbrowser-tab .tab-background:is([selected="true"],[multiselected="true"]) {
    border-color: var(--tabs-border-color) !important;
}
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) .tabbrowser-tab[first-visible-unpinned-tab] {
    margin-inline-start: 0px !important;
}
#tabbrowser-tabs .tabbrowser-tab .tab-label-container {
    height: auto !important;
}
#tabbrowser-tabs .tabbrowser-tab .tab-label {
    line-height: 1.25em !important;
    height: 1.25em !important;
    margin-block: 0 !important;
}
#tabbrowser-tabs .tabbrowser-tab .tab-secondary-label {
    margin-block: -0.25em 0 !important;
}
#tabbrowser-tabs .tabbrowser-tab .tab-icon-sound-label {
    line-height: 1.25em !important;
    height: 1.25em !important;
    margin-block: 0 !important;
}
#TabsToolbar #tabs-newtab-button {
    margin: 0 !important;
    background: none !important;
    border: none !important;
}
#TabsToolbar #tabs-newtab-button > .toolbarbutton-icon {
    border: none !important;
    border-radius: 0 !important;
}
#TabsToolbar #tabs-newtab-button {
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: none !important;
    -moz-box-align: stretch !important;
    list-style-image: none !important;
    -moz-context-properties: fill, fill-opacity;
    fill: var(--lwt-toolbarbutton-icon-fill, currentColor);
    fill-opacity: var(--toolbarbutton-icon-fill-opacity);
}
#TabsToolbar #tabs-newtab-button > .toolbarbutton-icon {
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    width: var(--v-newtab-button-width) !important;
    list-style-image: none !important;
    background-color: transparent !important;
    background-image: url("./svg/add.svg") !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    background-position: center !important;
}
#TabsToolbar #new-tab-button {
    list-style-image: url("./svg/add.svg") !important;
}
#TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"],[multiselected="true"]),
#TabsToolbar #tabs-newtab-button:hover > .toolbarbutton-icon {
    background-color: color-mix(in srgb, currentColor 10%, transparent) !important;
}
#tabbrowser-tabs .tabbrowser-tab .tab-line {
    transform: none !important;
    transition: none !important;
}
#tabbrowser-tabs .tabbrowser-tab:hover .tab-background > .tab-line:not([selected="true"],[multiselected="true"]) {
    background-color: var(--v-tabs-border-inactive-color) !important;
    opacity: 1 !important;
}
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-text,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack {
    background-color: transparent !important;
}
#TabsToolbar .toolbarbutton-1:not([disabled="true"],[checked],[open],:active):hover {
    background-color: var(--toolbarbutton-hover-background) !important;
}
#TabsToolbar .toolbarbutton-1:not([disabled="true"]):is([open],[checked],:hover:active) {
    background-color: var(--toolbarbutton-active-background) !important;
}
#TabsToolbar :is(.titlebar-placeholder,.titlebar-spacer)[type="pre-tabs"] {
    width: 0px !important;
    border: none !important;
}
#TabsToolbar :is(.titlebar-placeholder,.titlebar-spacer)[type="post-tabs"] {
    width: var(--v-placeholder-post-tabs) !important;
    border: none !important;
}
#TabsToolbar .toolbarbutton-1 {
    margin-block: 0px !important;
}
:root[uidensity="compact"] .tab-drop-indicator-box .tab-drop-indicator {
    height: 24px !important;
    width: auto !important;
}
toolbarbutton#scrollbutton-down, toolbarbutton#scrollbutton-up {
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: var(--toolbarbutton-inner-padding) calc(var(--toolbarbutton-inner-padding) / 2) !important;
}
#navigator-toolbox[style*="--tabs-border-color: rgba(0, 0, 0, 0);"] {
    --tabs-border-color: inherit !important;
}
#nav-bar:not([tabs-hidden="true"]) {
    box-shadow: 0px -1px 0px 0px var(--tabs-border-color) !important;
}
#identity-icon-box,
#identity-box {
    max-width: calc(30px + 15em) !important;
}
#searchbar .searchbar-search-icon {
    margin-inline-start: 6px !important;
}
#urlbar-search-splitter {
    min-width: 6px !important;
    width: 6px !important;
    margin: 0 -3px !important;
}
:root:not([uidensity="touch"]) #urlbar-zoom-button {
    margin-block: 0 !important;
}
#urlbar-container,
#search-container {
    padding: var(--v-textbox-padding) 0 !important;
    margin: 0 var(--v-textbox-margin) !important;
}
#urlbar-background, #searchbar {
    box-shadow: none !important;
    border-width: 1px !important;
    background-clip: border-box !important;
    border-radius: var(--v-textbox-border-radius) !important;
}
#urlbar, #searchbar {
    min-height: var(--urlbar-min-height) !important;
    font-size: 1em !important;
    box-shadow: none !important;
    -moz-box-align: stretch !important;
}
#urlbar:not([breakout]),
#searchbar {
    margin: 0 !important;
}
#urlbar:not([focused]) html|input#urlbar-input,
#searchbar:not(:focus-within) html|input.searchbar-textbox {
    mask-image: linear-gradient(to left, transparent, black 3ch);
    mask-repeat: no-repeat;
}
#urlbar:not([focused]):-moz-locale-dir(rtl) html|input#urlbar-input,
#searchbar:not(:focus-within):-moz-locale-dir(rtl) html|input.searchbar-textbox {
    mask-image: linear-gradient(to right, transparent, black 3ch);
}
:root:not([uidensity="compact"]) #back-button {
    padding-block: var(--toolbarbutton-outer-padding) !important;
    padding-inline-start: var(--toolbarbutton-outer-padding) !important;
    padding-inline-end: 0 !important;
}
:root:not([uidensity="compact"]) #back-button > .toolbarbutton-icon {
    width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    padding: var(--toolbarbutton-inner-padding) !important;
}
:root toolbarbutton html|*.toolbarbutton-badge {
    margin-top: calc(-1 * var(--toolbarbutton-inner-padding)) !important;
    margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important;
    border-radius: calc(var(--toolbarbutton-border-radius) - 2px) !important;
}
:is(#reload-button,#stop-button) > :is(.toolbarbutton-icon,.toolbarbutton-animatable-box) {
   translate: none !important;
}
#alltabs-popup .alltabs-item {
    box-shadow: none !important;
}
toolbar[type="menubar"] {
    padding-block: 0 !important;
}
#main-menubar > menu {
    appearance: none !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    color: inherit !important;
    padding-block: 0 !important;
    min-height: var(--v-main-menubar-min-height, 20px) !important;
    height: 1.25em !important;
}
#main-menubar > menu:not([disabled="true"]):is(:hover,[_moz-menuactive="true"]) {
    background: var(--toolbarbutton-hover-background, color-mix(in srgb, currentColor 20%, transparent)) !important;
}
#main-menubar > menu:not([disabled="true"]):is([open="true"],[checked="true"],:hover:active) {
    background: var(--toolbarbutton-active-background, color-mix(in srgb, currentColor 10%, transparent)) !important;
}
#PersonalToolbar {
    padding: 0 !important;
}
#personal-toolbar-empty-description,
#PersonalToolbar .toolbarbutton-1,
toolbarbutton.bookmark-item:not(.subviewbutton) {
    margin: var(--toolbarbutton-outer-padding) !important;
}
toolbarbutton.close-icon,
toolbarbutton.findbar-find-previous, toolbarbutton.findbar-find-next,
html|input.findbar-textbox {
    border-radius: 0 !important;
}
findbar > .findbar-container {
    overflow: hidden;
}


Спасибо за отклик и желание помочь, а то в предыдущем посте забыл поблагодарить. Не взыщите.:)


Dem wird befohlen, der sich nicht selber gehorchen kann.
Приказывают тому, кто сам себе не умеет повиноваться.
Фридрих Ницше.

Отсутствует

 

№1254411-11-2022 15:55:38

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

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

m_nikolay пишет

Стиль такой:
скрытый текст

С этим стилем тоже зазора нет, кстати код взят из этого стиля.
Add, проверьте только с этим стилем.

Отредактировано kokoss (11-11-2022 16:55:27)


Win7

Отсутствует

 

№1254511-11-2022 17:42:32

m_nikolay
Участник
 
Группа: Members
Зарегистрирован: 01-02-2019
Сообщений: 61
UA: Firefox 102.0

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

kokoss
Спасибо, разобрался. все дело было в параметре

Выделить код

Код:

#tabbrowser-tabs .tabbrowser-tab .tab-label-container {
    height: auto !important;                                             
}

удалил его и кнопка вкладки увеличилась до границы окна.

немного не то, что хотел (хотел уменьшить высоту панели вкладок для удаления промежутка), ну да ладно. Еще раз спасибо за помощь, всего вам наилучшего :)


Dem wird befohlen, der sich nicht selber gehorchen kann.
Приказывают тому, кто сам себе не умеет повиноваться.
Фридрих Ницше.

Отсутствует

 

№1254611-11-2022 18:23:33

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

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

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


Win7

Отсутствует

 

№1254711-11-2022 18:46:59

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

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

xrun1 пишет

Был стиль от Vitaliy V., которого теперь по ссылке нет. У меня он немного модифицированный, цвет при наведении жёлтый и фон синий, но как было просто закомментировано, разберётесь

Замена кнопок управления окном

Выделить код

Код:

/* Замена кнопок управления окном https://forum.mozilla-russia.org/viewtopic.php?pid=765572#p765572 */
@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --v-titlebar-button-vert-padding: 6px; /* 5px */
    --v-titlebar-button-horizont-padding: 6px; /* 10px */
    --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");
    --v-titlebar-min-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><line stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges' x1='1' y1='5.5' x2='11' y2='5.5'/></svg>");
    --v-titlebar-max-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='1.5' width='9' height='9'/></svg>");
    --v-titlebar-maximized-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='3.5' width='7' height='7'/><polyline points='3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5'/></svg>");
    --v-titlebar-close-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><path stroke='black' stroke-width='.9' fill='none' d='M1,1 l 10,10 M1,11 l 10,-10'/></svg>");
    --v-titlebar-button-image-height: 12px;
    --v-titlebar-button-image-width: 12px;
    --v-titlebar-button-background-hover: rgba(0, 0, 0, .12);
    --v-titlebar-button-background-active: rgba(0, 0, 0, .22);
    --v-titlebar-close-background-hover: rgb(227, 27, 93);
    --v-titlebar-close-background-active: rgb(191, 22, 78);
}

:root:-moz-lwtheme-brighttext,
toolbar[brighttext] {
    --v-titlebar-button-background-hover: rgba(255, 255, 255, .22);
    --v-titlebar-button-background-active: rgba(255, 255, 255, .12);
}

:root {
    background-color: -moz-Dialog !important;
    color: -moz-DialogText !important;
}

@media (-moz-windows-glass), (-moz-os-version: windows-win8) {
    :root {
        -moz-appearance: none !important;
        appearance: none !important;
        background-color: ActiveCaption !important;
        color: CaptionText !important;
    }

    :root:-moz-window-inactive {
        background-color: InactiveCaption !important;
        color: InactiveCaptionText !important;
    }

    vbox#appcontent {
        -moz-appearance: none !important;
        appearance: none !important;
    }
}

@media (-moz-windows-glass: 0) and (-moz-os-version: windows-win7) {
    :root {
        background-color: ActiveCaption !important;
        color: CaptionText !important;
    }

    :root:-moz-window-inactive {
        background-color: InactiveCaption !important;
        color: InactiveCaptionText !important;
    }
}

:root:-moz-lwtheme {
    --v-lwt-accent-color-for-lwtheme: var(--lwt-accent-color, rgb(227, 228, 230));
    background-color: var(--v-lwt-accent-color-for-lwtheme) !important;
    color: var(--lwt-text-color, rgb(24, 25, 26)) !important;
}

:root:-moz-lwtheme-brighttext {
    --v-lwt-accent-color-for-lwtheme: var(--lwt-accent-color, rgb(12, 12, 13));
    color: var(--lwt-text-color, rgb(249, 249, 250)) !important;
}

:root:-moz-lwtheme:-moz-window-inactive {
    background-color: var(--lwt-accent-color-inactive, var(--v-lwt-accent-color-for-lwtheme)) !important;
}

@media (-moz-windows-accent-color-in-titlebar) {
    :root[tabsintitlebar]:not(:-moz-lwtheme):not(:-moz-window-inactive),
    :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) {
        background-color: -moz-win-accentcolor !important;
        color: -moz-win-accentcolortext !important;
    }
}

:root[tabsintitlebar]:not([inDOMFullscreen]) #titlebar {
    visibility: hidden !important;
}

:root[tabsintitlebar]:not([inDOMFullscreen]):not([chromehidden~="menubar"]) #titlebar > #toolbar-menubar,
:root[tabsintitlebar]:not([inDOMFullscreen]):not([chromehidden~="toolbar"]) #titlebar > #TabsToolbar {
    visibility: visible;
}

:root[sizemode="normal"] #titlebar {
    -moz-appearance: none !important;
    appearance: none !important;
}

.titlebar-buttonbox-container {
    -moz-box-align: start !important;
}

.titlebar-buttonbox {
    -moz-appearance: none !important;
    appearance: none !important;
    -moz-box-align: start !important;
    -moz-box-pack: end !important;
    margin: 0 !important;
    padding: 0 !important;
}

:root[data-l10n-id="browser-main-window-mac"] .titlebar-buttonbox:-moz-locale-dir(ltr) {
    -moz-box-direction: reverse !important;
}

:root[sizemode="normal"] #navigator-toolbox {
    border-top: none !important;
    padding-top: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
}

:root[tabsintitlebar][sizemode="normal"] #toolbar-menubar {
    margin-top: 0 !important;
}

#toolbar-menubar {
    text-shadow: inherit !important;
}

#main-menubar {
    text-shadow: inherit !important;
    background-color: transparent !important;
    color: inherit !important;
    border-radius: 0 !important;
}

#toolbar-menubar,
#TabsToolbar {
    color: inherit !important;
    background-image: none !important;
}

#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
    background-color: transparent !important;
}

:root[tabsintitlebar] #TabsToolbar .tab-label {
    opacity: 1 !important;
}

#TabsToolbar:-moz-lwtheme {
    --lwt-toolbarbutton-icon-fill: currentColor !important;
}

.titlebar-buttonbox > :is(.titlebar-min,.titlebar-max,.titlebar-restore,.titlebar-close),
#minimize-button, #restore-button, #close-button {
    display: -moz-box !important;
    -moz-appearance: none !important;
    appearance: none !important;
    margin: 0 !important;
    padding: var(--v-titlebar-button-vert-padding) var(--v-titlebar-button-horizont-padding) !important;
    color: var(--lwt-toolbarbutton-icon-fill, inherit) !important;
    background-color: transparent !important;
}

:root:not([sizemode="maximized"]) .titlebar-buttonbox > .titlebar-restore[tooltiptext],
:root[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max[tooltiptext] {
    display: none !important;
}

#window-controls {
    -moz-box-align: start !important;
}

.titlebar-buttonbox > :is(.titlebar-min,.titlebar-max,.titlebar-restore,.titlebar-close) > .toolbarbutton-icon,
:is(#minimize-button,#restore-button,#close-button) > .toolbarbutton-icon {
    filter: var(--v-svg-filter-fill) !important;
    fill: currentColor !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    height: var(--v-titlebar-button-image-height) !important;
    width: var(--v-titlebar-button-image-width) !important;
}

.titlebar-buttonbox > .titlebar-min,
#minimize-button {
    list-style-image: var(--v-titlebar-min-image) !important;
    -moz-image-region: auto !important;
}

.titlebar-buttonbox > .titlebar-max {
    list-style-image: var(--v-titlebar-max-image) !important;
    -moz-image-region: auto !important;
}

:root[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max,
.titlebar-buttonbox > .titlebar-restore,
#restore-button {
    list-style-image: var(--v-titlebar-maximized-image) !important;
    -moz-image-region: auto !important;
}

.titlebar-buttonbox > :is(.titlebar-min,.titlebar-max,.titlebar-restore):hover,
:is(#minimize-button,#restore-button):hover {
/*    background-color: var(--v-titlebar-button-background-hover) !important; */
    background-color: blue !important;
    color: yellow !important;
}

.titlebar-buttonbox > :is(.titlebar-min,.titlebar-max,.titlebar-restore):hover:active,
:is(#minimize-button,#restore-button):hover:active {
/*    background-color: var(--v-titlebar-button-background-active) !important; */
    background-color: blue !important;
    color: yellow !important;
}

.titlebar-buttonbox > .titlebar-close,
#close-button {
    list-style-image: var(--v-titlebar-close-image) !important;
    -moz-image-region: auto !important;
}

.titlebar-buttonbox > .titlebar-close:hover,
#close-button:hover {
    background-color: var(--v-titlebar-close-background-hover) !important;
    color: yellow !important;
}

.titlebar-buttonbox > .titlebar-close:hover:active,
#close-button:hover:active {
    background-color: var(--v-titlebar-close-background-active) !important;
    color: yellow !important;
}
}

Замечательно, спасибо! Единственная проблема, что hover background измененных кнопок мерцает при наведении мыши, когда главное меню показывается через Alt, а браузер в режиме maximized

Отсутствует

 

№1254811-11-2022 21:04:50

m_nikolay
Участник
 
Группа: Members
Зарегистрирован: 01-02-2019
Сообщений: 61
UA: Firefox 102.0

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

kokoss пишет

Попробуйте для вкладок этот стиль

Спасибо, это то, что мне было нужно. Теперь получилось, как хотел. Вы мне очень помогли.
Всего вам самого хорошего :)


Dem wird befohlen, der sich nicht selber gehorchen kann.
Приказывают тому, кто сам себе не умеет повиноваться.
Фридрих Ницше.

Отсутствует

 

№1254911-11-2022 21:12:14

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

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

m_nikolay пишет

Спасибо, это то, что мне было нужно.

Пожалуйста, тоже его использую.


Win7

Отсутствует

 

№1255012-11-2022 01:11:45

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

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

6e73epo
Действительно, мерцает. :) Я меню никогда не пользуюсь, горячие клавиши +F4 у меня открывает боковую панель. Помочь не могу, в стилях почти ничего не понимаю. :(

Отсутствует

 

Board footer

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