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

Acid Crash · №7151

rbl_rbl пишет

Какие группы настроек отвечают за вид кнопок - стандартные квадратные громоздкие и не красивые.

В файле userChrome.css гляньте, там названиям модулей можно понять назначение, так все разбито на группы.
В Вашем случае надо работать с TOOLBAR BUTTONS

kokoss · №7152

rbl_rbl пишет

Вроде перетаскивания вкладок починили. Надо в CustomCSSforFx какую-то настройку включить/отключить?

Они и без стилей перемещаются...

rbl_rbl пишет

Как добавить после всех вкладок кнопку создания новой вкладки?

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

Отредактировано kokoss (10-12-2019 16:38:51)

sandro79 · №7153

rbl_rbl пишет: Вопросы по CustomCSSforFx:

1. Для чего включить/отключить? Что вы хотите сделать?
3. После каких манипуляций пропала кнопка создания новой вкладки?
Если вы включили стиль для многострочной панели вкладок строкой @import "./css/tabs/tabs_multiple_lines_fx71.css" и у вас провала кнопка, то отключите его и включите за ним следующую строку @import "./css/tabs/tabs_multiple_lines_fx71_force_newtab_button_visibility.css, по идее должно помочь. Если у вас хватит сил и терпения прочитать инструкцию на странице по ссылке указанной выше, в том числе в шапке файлов userChrome.css и userContent.css, то всё у вас получится. Наименование непонятной настройки можно скопировать и перевести в переводчике. В блоках помеченных как [only use one at a time] например, возможно использование одной только настройки этого блока.
UPD Если вы хотите уменьшить размер кнопок, перейдите в персонализацию и выберите компактные значки, а если ещё меньше - стиль из комплекта из блока smaller button spaces in 'compact' mode. buttons_on_navbar_button_roundness.css - круглые кнопки.
UPD2

rbl_rbl пишет: Т.е. я качаю CustomCSSforFx целиком и закидываю в папку Chrome. Если я правильно понимаю то там по-умолчанию все выключено.

rbl_rbl пишет: Коллеги, искал замену ТабМиксПлюс, а в частности двух-трехрядному располажению вкладок. Поставил вот эту штуку и все заработало https://github.com/aris-t2/customcssforfx

kokoss пишет: Они и без стилей перемещаются...

Ну тут наверно как раз таки имелось в виду при использовании стиля для многострочной панели вкладок. Хотя телепатией я не владею.

Отредактировано sandro79 (11-12-2019 10:48:13)

solombala · №7154

Как опустить текст на вкладках?

solombala · №7155

Vitaliy V.
Вроде все заделал в about:addons в 71 кроме текста (настройки, удалить, отключить) По отдельности можно, а все сразу? По жирнее бы...Да и цвет не помешал бы (hover-active)
В скине все облазил в mozapps тоже и не фига...

Отредактировано solombala (11-12-2019 14:46:33)

shadow_user · №7156

Vitaliy V.
Можете доработать этот ваш код https://forum.mozilla-russia.org/viewto … 77#p766477 , чтобы при включении приватного режима кнопка меняла цвет на фиолетовый?
ScreenShot_134.1576056941.png
Спасибо!

OrHuN · №7157

Скажете пожалуйста, есть способ вернут Firefox Classic Button на обновление 71.0, с помощью CustomCSSforFx ?

Я нашел способ но столкнулся с проблемой "Расширенное Меню" не дает корректно работать а ест способ его отключит?

Отредактировано OrHuN (11-12-2019 13:19:52)

rbl_rbl · №7158

shadow_user
Не сработало.

Acid Crash
Спасибо, то что нужно, разобрался.

sandro79
Указанная строка (@import "./css/tabs/tabs_multiple_lines_fx71_force_newtab_button_visibility.css) и была включена, попробовал другие варианты, но кнопки создания новой вкладки все равно нет. Ее нет и в Персонализации. Пропала она давно, я год примерно использовал дополнение-кнопку для создания новой вкладки, но сейчас я старый стиль удалил.

По поводу перетаскивания вкладок: да все верно при использовании многострочности некорректно работает перетаскивание. Думаю что это связано с закрепленными вкладками - нельзя перетащить вкладку даже на строку которая под закрепленными. Наверное это не лечится и я выбираю многострочность.

Добавлено 11-12-2019 14:19:36
А как поменять цвет активной вкладки? Темная тема и активная вкладка тоже темная, совсем не фонтан.

Рекомендация из https://forum.mozilla-russia.org/viewto … 08#p774608 этого поста почему-то не работает.

Отредактировано rbl_rbl (11-12-2019 14:19:36)

sandro79 · №7159

rbl_rbl пишет

кнопки создания новой вкладки все равно нет. Ее нет и в Персонализации. Пропала она давно

https://support.mozilla.org/ru/kb/sbros … va-problem

rbl_rbl пишет

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

Ну так выражайтесь яснее.

rbl_rbl пишет

А как поменять цвет активной вкладки? Темная тема и активная вкладка тоже темная, совсем не фонтан.

Опять же возвращаемся к комплекту customcssforfx, пробуйте эти настройки - @import "./config/custom_tab_color_settings.css и @import "./config/custom_tab_text_settings.css, цвета можно поменять на свои в соответствующих файлах.

rbl_rbl · №7160

sandro79
То что надо, спасибо, все настроил!

Так, а перетаскивание при многострочности работает корректно или проблема сохраняется? Не хочу делать очистку просто так, кнопка новой вкладки не особо важна.

sandro79 · №7161

rbl_rbl пишет

Так, а перетаскивание при многострочности работает корректно или проблема сохраняется?

Я лично именно этот нюанс не проверял, т.к. стараюсь не пользоваться тем, что изначально не работало корректно, в том числе и имеющимися сейчас вариантами стилей для многострочности панели вкладок. С Tab Mix Plus дело обстояло гораздо лучше. Я лишь могу вам предложить скачать портативную версию firefox и с ней поэкспериментировать и всё проверить

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

Vitaliy V. · №7162

solombala пишет

По жирнее бы...Да и цвет не помешал бы (hover-active)

Ладно пока добавил это туда https://forum.mozilla-russia.org/viewto … 70#p774570
см. там переменные начинающиеся с --v-content
потом надо будет новый стиль для [firefox] 72 делать

shadow_user пишет

чтобы при включении приватного режима кнопка меняла цвет на фиолетовый?

Она может слиться с фоном может заменить

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

Выделить код

Код:

*|*:root[privatebrowsingmode="temporary"] #privatebrowsing-button {
     list-style-image: url("chrome://browser/skin/privatebrowsing/favicon.svg") !important;
}

или fill: #8d20ae !important;
чтобы изменить только цвет

solombala · №7163

Vitaliy V.
Теперь шикарно!

shadow_user · №7164

Vitaliy V. пишет

или fill: #8d20ae !important;
чтобы изменить только цвет

Хватило этого, слегка изменил цвет. Спасибо!

Nadeyev · №7165

Всем доброго дня! Я понимаю, что уже задолбали с этим вопросом, но прошу поправить мой файлик userChrome.css, чтобы панель вкладок оказалась внизу окна Файрфокса.
Если есть лишний код, удалите плиз. FF 71.

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/browser.x") {
#main-window:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    border-bottom: none !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}
#main-window:not([inFullscreen]) #navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    -moz-box-ordinal-group: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 1 !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox {
    visibility: hidden !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox > *:not([collapsed="true"]) {
    visibility: visible;
}
#navigator-toolbox > #titlebar {
    -moz-appearance: none !important;
    -moz-box-ordinal-group: 100 !important;
    --v-control-buttons-left: auto;
    --v-control-buttons-right: 0;
    position: static !important;
}
#navigator-toolbox > #titlebar:-moz-locale-dir(rtl) {
    --v-control-buttons-left: 0;
    --v-control-buttons-right: auto;
}
#main-window:not([inFullscreen]) #toolbar-menubar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    border: none !important;
    background: none !important;
    box-sizing: content-box !important;
    min-height: 0 !important;
    height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    overflow: hidden !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton),
#main-window:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * {
    align-self: center !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * > * {
    vertical-align: middle !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
#main-window[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) {
    visibility: hidden !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
#main-window:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
@media (-moz-windows-classic) {
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar {
    padding-top: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar {
    background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important;
}
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) {
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
    padding-top: 8px !important;
}
}
#main-window:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
#main-window:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important;
    position: static !important;
}
#main-window:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar .tab-background {
    border-top-style: solid !important;
}
#main-window:not([inFullscreen])[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container,
#main-window:not([inFullscreen]) #navigator-toolbox::after,
#main-window:not([inFullscreen]) #TabsToolbar::after,
#main-window:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

/*** Уменьшенный междустрочный интервал в панели Избранного***/

treechildren.sidebar-placesTreechildren::-moz-tree-row {
    min-height: 18px !important;
    height: 1.3em !important;
}
/*** Заголовок страницы где указано ***/

#main-window::after {
    position: fixed !important;
    content: attr(title) !important;
    top: 7px !important; /* отступ сверху */
    /* или */
    /* bottom: 3px !important; *//* отступ снизу */
    left: 600px !important; /* поле контента */
    right: 0px !important; /* поле контента */
    padding-inline-start: 10px !important; /* отступ текста в начале поля контента */
    padding-inline-end: 10px !important; /* отступ текста в конце поля контента */
    text-align: left !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #000000 !important;
    /*opacity: 0.8 !important;*/
    /*background: #1B2128 !important;*/
    text-shadow: 1px 1px 2px silver !important;
}

solombala · №7166

Это у меня только? Подробности клик и такое вылазит..

sandro79 · №7167

Nadeyev
В вашем коде нет стиля для перемещения панели вкладок вниз окна, но есть стиль для перемещения панели вкладок под адресную строку. Из вашего кода можно удалить всё и результата это не принесёт. Вот единственное худо-бедно работающее решение, нелишённое недостатков, для переноса вкладок в самый низ окна. Стили взяты естественно отсюда. Также здесь имеется стиль попроще, но он и корявее и был впоследствии скорректирован для работы в 71 версии куском кода из комплекта по ссылке выше, но менее корявым он не стал. Вы если собираетесь обновлятся ежемесячно, то вам было бы неплохо начать осваивать этот комплект, т.к. стиль может ещё и будет работать в 73 версии, а вот что будет дальше неизвестно. Комплект обновляется несколько раз в месяц. В сообщениях выше есть пояснения со ссылками на инструкцию.

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

Выделить код

Код:

:root {
  --colored_menubar_background_image: linear-gradient(#f9f9fa,#f9f9fa);
  --general_toolbar_color_toolbars: linear-gradient(#f9f9fa,#f9f9fa);
  --general_toolbar_color_navbar: linear-gradient(#f9f9fa,#f9f9fa);
  --tabs_toolbar_color_tabs_not_on_top: linear-gradient(#f9f9fa,#f9f9fa);
  --tabs_toolbar_border-tnot_normal_mode_size: 1px;
  --tabs_toolbar_border-tnot_normal_mode: var(--tabs-border-color);
  --tab-min-height_tnot: 32px;
}
:root[uidensity=compact]  {
  --tab-min-height_tnot: 28px;
}
:root[uidensity=touch] {
  --tab-min-height_tnot: 40px;
}
/* tabs toolbar adjustment */
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, 
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#TabsToolbar {
  -moz-padding-start: 2px !important;
}
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme, 
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar:-moz-lwtheme,
#TabsToolbar:-moz-lwtheme,
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[sizemode="maximized"] #TabsToolbar,
#main-window[tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, 
#main-window[tabsintitlebar][sizemode="maximized"]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"]:not([style*='--lwt-header-image']):-moz-lwtheme #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar]:not([style*='--lwt-header-image']):-moz-lwtheme #TabsToolbar {
  -moz-padding-start: 0px !important;
}
#main-window[tabsintitlebar][sizemode="normal"]:not([sizemode="fullscreen"]) #TabsToolbar {
  margin-top: 0px !important;
}
#main-window[tabsintitlebar][sizemode="normal"][chromehidden~="menubar"] #TabsToolbar,
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"][chromehidden~="menubar"] #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar {
  padding-top: 0px !important;
}
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive="true"]) ~ #TabsToolbar,
#main-window[tabsintitlebar] #toolbar-menubar[autohide="false"] ~ #TabsToolbar{
  margin-top: 0px !important;
}
/* tab title in titlebar support */
#main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #TabsToolbar,
#main-window[tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="normal"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar{
  margin-top: 0px !important;
}
/* titlebar button support */
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar{
  margin-top: 2px !important;
}
/* fix for application/hamburger button in titlebar */
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar #PanelUI-button {
  visibility: collapse !important;
}
#main-window[inDOMFullscreen="true"] #TabsToolbar {
  opacity: 0 !important;
}
/* tab height */
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height_tnot) !important;
}
/* toolbar colors */
#main-window:not([tabsintitlebar]) #toolbar-menubar:not(:-moz-lwtheme) {
  background-image: var(--colored_menubar_background_image) !important;
  border: 0px !important;
  margin-bottom: -1px !important;
}
#nav-bar:not(:-moz-lwtheme) {
  -moz-appearance: none !important;
  background: var(--general_toolbar_color_navbar, inherit) !important;
}
toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
  -moz-appearance: none !important;
  background: var(--general_toolbar_color_toolbars, inherit) !important;
}
#TabsToolbar:not(:-moz-lwtheme){
  -moz-appearance: none !important;
  background-image: var(--tabs_toolbar_color_tabs_not_on_top) !important;
}
/* remove color overlay for lw-themes */
#main-window[style*='--lwt-header-image'] :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme{
  background: unset !important;
}
/* adjust compact themes background color */
#main-window:not([style*='--lwt-header-image']) #TabsToolbar:-moz-lwtheme {
  -moz-appearance: none !important;
  background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)) !important;
}
#main-window:not(:-moz-lwtheme) #TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button,.scrollbutton-up,.scrollbutton-down),
#main-window:not(:-moz-lwtheme) #TabsToolbar > toolbarbutton,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button,.scrollbutton-up,.scrollbutton-down),
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar > toolbarbutton {
  fill: var(--classic_squared_tabs_new_tab_icon_color) !important;
  color: var(--classic_squared_tabs_new_tab_icon_color) !important;
}
/* toolbar borders */
#main-window #navigator-toolbox::after {
  opacity: 0 !important;
}
#TabsToolbar{
  margin-bottom: 0px !important;
  border-bottom: 1px solid #5f7181 !important;
}
#main-window[sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
  border-left: var(--tabs_toolbar_border-tnot_normal_mode_size) solid var(--tabs_toolbar_border-tnot_normal_mode) !important;
  border-right: var(--tabs_toolbar_border-tnot_normal_mode_size) solid var(--tabs_toolbar_border-tnot_normal_mode) !important;
  background-clip: padding-box !important;
}
#main-window[sizemode="maximized"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
  border-left: 0px !important;
  border-right: 0px !important;
}
#main-window[style*='--lwt-header-image'][sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme,
#main-window[style*='--lwt-header-image'][sizemode="maximized"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme {
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
}
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
  border-bottom: 1px solid #323234 !important;
}
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
  border-bottom: 1px solid #323234 !important;
}
#main-window:not([sizemode="fullscreen"])[tabsintitlebar] #TabsToolbar{
  -moz-margin-end: 0px !important;
}
#main-window[tabsintitlebar] #TabsToolbar .titlebar-placeholder{
  visibility: collapse !important;
}
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"] {
  margin-top: 21px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
  margin-top: 20px !important;
}
#tabbrowser-tabs .tab-drop-indicator {
  margin-bottom: 0px !important;
}
#PersonalToolbar:-moz-lwtheme,
#nav-bar:-moz-lwtheme {
  background-image: none !important;
  box-shadow: none !important;
  border-top: none !important;
  border-bottom: none !important;
}
/* remove tab fog */
#TabsToolbar:not(:-moz-lwtheme),
#TabsToolbar:not(:-moz-lwtheme)::before,
#TabsToolbar:not(:-moz-lwtheme)::after {
  box-shadow: unset !important;
}
/* remove 'dragging tab' margin/padding nonsense */
#TabsToolbar[movingtab] {
  padding-bottom: unset !important;
}
#TabsToolbar[movingtab] > .tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#TabsToolbar[movingtab] + #nav-bar {
  margin-top: unset !important;
}
/* scroll buttons */
#TabsToolbar:not(:-moz-lwtheme) #alltabs-button,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-up,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-down {
  fill: black !important;
}
/* Fx58+ titlebar placeholders */
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
  display: none !important;
}
@media (-moz-os-version: windows-win10) {
    #main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"] {
      margin-top: 30px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
      margin-top: 30px !important;
    }
}
@media (-moz-windows-classic) {

    /* tweaks for Windows Classic theme */
    #nav-bar:not(:-moz-lwtheme),
    #PersonalToolbar:not(:-moz-lwtheme),
    #main-window:not([tabsintitlebar])  #TabsToolbar:not(:-moz-lwtheme) {
      border-left: unset !important;
      border-right: unset !important;
      background: unset !important;
    }

    #main-window[sizemode="normal"] #navigator-toolbox :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar) {
      border-left: 0px !important;
      border-right: 0px !important;
    }

    #main-window:not([tabsintitlebar]) #toolbar-menubar:not(:-moz-lwtheme) {
      background: unset !important;
      box-shadow: unset !important;
      border-bottom: unset !important;
    }

    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::before,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::before,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #navigator-toolbox::after,
    #main-window:not([tabsintitlebar]):not(:-moz-lwtheme) #nav-bar::after {
      background: unset !important;
      box-shadow: unset !important;
      border: unset !important;
      border-image: unset !important;
    }

    #main-window:not([tabsintitlebar]) toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
      background: unset !important;
    }

}
/* tab text colors */
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
  color: var(--classic_squared_tabs_tab_text_color) !important;
  text-shadow: 1px 1px 1px var(--classic_squared_tabs_tab_text_shadow) !important;
}
/* fix Windows 7s default tab background (remove dark purple bg color)*/
@media (-moz-os-version: windows-win7) {
  @media (-moz-windows-default-theme) {
    .tabbrowser-tab:not([selected]):not(:hover):not(:-moz-lwtheme) {
      background-color: #e3e4e6 !important;
    }
    .tabbrowser-tab:not([selected]):hover:not(:-moz-lwtheme) {
      background-color: #cccdcf !important;
    }

  }
}
/* Simple Close Tab button */
#TabsToolbar:not(:-moz-lwtheme) #_fe8cab45-aaee-45f8-8765-781e0ebea300_-browser-action {
  --webextension-toolbar-image-light: url("moz-extension://7904448c-2319-4f6f-aac9-a1f701258098/icons/Close-dark.svg") !important;
}
/* close tab button */
#TabsToolbar:not(:-moz-lwtheme) #closetab_fmarin_com-browser-action {
  --webextension-toolbar-image-light: url("moz-extension://31006e48-8e00-476f-8ea9-697e40934b02/icons/icon.svg") !important;
  --webextension-toolbar-image-2x-light: url("moz-extension://31006e48-8e00-476f-8ea9-697e40934b02/icons/icon.svg") !important;
}
/* close window button */
#TabsToolbar:not(:-moz-lwtheme) #close-window-button_nanpuyue_com-browser-action {
  --webextension-toolbar-image-light: url("moz-extension://c914bd13-793f-4a2d-ab66-c655a3d75c52/icons/icon.svg") !important;
  --webextension-toolbar-image-2x-light: url("moz-extension://c914bd13-793f-4a2d-ab66-c655a3d75c52/icons/icon.svg") !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(1px + var(--tab-min-height_tnot)) !important;
}
#TabsToolbar {
  position: absolute !important;
  display:block !important;
  bottom: 0 !important;
  width: 100vw !important;
}
#tabbrowser-tabs {
  width: 100vw !important;
}
/* make sure button icon colors set correctly */
#main-window:not(:-moz-lwtheme) #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar-customization-target toolbarbutton .toolbarbutton-icon {
  fill: var(--classic_squared_tabs_new_tab_icon_color) !important;
  color: var(--classic_squared_tabs_new_tab_icon_color) !important;
}
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar .titlebar-buttonbox-container {
  /*display: none !important;*/
  visibility: hidden !important;
}
/* move caption buttons to windows top right position */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
  position: fixed !important;
  right: 0 !important;
  visibility: visible !important;
  display: block !important;
}
/* caption button position in maximized mode after moving to the top */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .titlebar-buttonbox-container {
  top: -14px !important;
}
/* Windows */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      top: 1px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      top: 8px !important;
    }
}
/* Windows 7/8 extra tweaks */
@media (-moz-os-version: windows-win7) {
  @media all and (-moz-windows-compositor) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      display: none !important;
    }
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]):-moz-lwtheme #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      display: block !important;
      margin-top: -13px !important;
    }
  }
  @media not all and (-moz-windows-compositor) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      top: -2px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      top: 0px !important;
    }
  }
}
@media (-moz-os-version:windows-win8) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container    {
      top: -13px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
      top: -5px !important;
    }
}
/* Windows 10 extra tweaks */
@media (-moz-os-version: windows-win10) {
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not([disabled="true"]),
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-menuactive="true"]:not([disabled="true"]) {
    background-color: Highlight !important;
    color: HighlightText !important;
  }
}
/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,
#main-window #TabsToolbar #window-controls {
  display: none !important;
}
/* hide non-required items */
#TabsToolbar .private-browsing-indicator,
#TabsToolbar #window-controls,
#TabsToolbar *[type="caption-buttons"],
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
  display: none !important;
}
/* adjust private mode icon position */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) 
{
#main-window[tabsintitlebar][privatebrowsingmode=temporary]:not([inDOMFullscreen="true"]) #TabsToolbar .private-browsing-indicator {
      position: fixed !important;
      top: 0 !important;
      right: 130px !important;
      visibility: visible !important;
      display: block !important;
    }
    #main-window[tabsintitlebar][privatebrowsingmode=temporary][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .private-browsing-indicator {
      top: 8px !important;
    }
}
/* adjust tabs toolbar padding */
#main-window:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar]:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar,
#main-window[tabsintitlebar]:-moz-any([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar {
 -moz-padding-start: 0px !important;
 -moz-margin-start: 0px !important;
}
/* hide line above navigation toolbar appearing in some cases */
#main-window:not([tabsintitlebar]) #nav-bar,
#main-window:not([tabsintitlebar]) #navigator-toolbox {
  border-top: 0 !important;
  box-shadow: unset !important;
}
/* disable Mozillas tab jumping nonsense when moving tabs */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}
/* size of new tab tabs '+' icon */
:-moz-any(.tabs-newtab-button,#tabs-newtab-button) .toolbarbutton-icon {
  padding: 0px !important;
  margin: 0px !important;
  width: 18px !important;
  height: 18px !important;
}
/* some id!ot at Moz thought it is a great idea to add padding and margin values here */
@media (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
  #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}
/* show window caption buttons in fullscreen mode */
#main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  right: 0 !important;
  margin-top: -32px !important;
  z-index: 1000 !important;
}
#main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #nav-bar {
  -moz-padding-end: 60px !important;
}
#main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls toolbarbutton,
#main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls toolbarbutton .toolbarbutton-icon {
  padding: 0 !important;
  margin: 0 !important;
}
@media (-moz-os-version: windows-win10) {
    #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #TabsToolbar #window-controls *,
    #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"]:-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar #window-controls * {
      color: black !important;
      fill: black !important;
    }

    #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"]:-moz-lwtheme #TabsToolbar #window-controls * {
      color: white !important;
      fill: white !important;
    }

}

/*
@media (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
    #main-window:not([inDOMFullscreen="true"])[sizemode="fullscreen"] #nav-bar {
      -moz-padding-end: 60px !important;
    }
}*/
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: 1px !important;
}
#main-window:not([inDOMFullscreen="true"]) #browser-bottombox {
  margin-bottom: calc(2px + var(--tab-min-height_tnot)) !important;
}
@media (-moz-os-version: windows-win7) {
  @media all and (-moz-windows-compositor) {
    #main-window:not([inDOMFullscreen="true"]) #browser-bottombox {
      margin-bottom: calc(1px + var(--tab-min-height_tnot)) !important;
    }
  }
}
#main-window:not([inDOMFullscreen="true"]) #TabsToolbar {
  position: fixed !important;
  display:block !important;
}
/* lw-theme */
#main-window:not([inDOMFullscreen="true"]) #navigator-toolbox > #TabsToolbar:-moz-lwtheme {
  background-repeat: no-repeat !important;
  background-position: bottom left !important;
  background-color: var#main-window[tabsintitlebar]:not([inDOMFullscreen="true"])#main-window[tabsintitlebar]:not([inDOMFullscreen="true"])(--toolbar-bgcolor) !important;
  background-image: var(--lwt-header-image) !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: 0px !important;
  border-bottom: 1px solid threedshadow !important;
}
#main-window:not([inDOMFullscreen="true"]) #browser-bottombox {
  margin-bottom: calc(2px + var(--tab-min-height_tnot)) !important;
}
@media (-moz-os-version: windows-win7) {
  @media all and (-moz-windows-compositor) {
    #main-window:not([inDOMFullscreen="true"]) #browser-bottombox {
      margin-bottom: calc(1px + var(--tab-min-height_tnot)) !important;
    }
  }
}
#main-window:not([inDOMFullscreen="true"]) #TabsToolbar {
  position: fixed !important;
  display:block !important;
}
/* lw-theme */
#main-window:not([inDOMFullscreen="true"]) #navigator-toolbox > #TabsToolbar:-moz-lwtheme {
  background-repeat: no-repeat !important;
  background-position: bottom left !important;
  background-color: var(--toolbar-bgcolor) !important;
  background-image: var(--lwt-header-image) !important;
}
/* Раскомментировать код ниже для использования в 72+ */
/*
#TabsToolbar {
  min-height: 0 !important;
  height: var(--tab-min-height_tnot) !important;
  max-height: unset !important;
}*/

solombala пишет: Это у меня только?

Возможно результат хирургического вмешательства? У меня такого не наблюдается. Начиная с 72 появилась ошибка при установлении защищённого соединения при соединении с сайтом radikal.ru, лечится включением TLS, но это уже немного из другой оперы.

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

solombala · №7168

sandro79
Да не включается TLS1 ? в ручную?

Отредактировано solombala (12-12-2019 13:56:16)

solombala · №7169

Vitaliy V.
На имена аддонов можно font-size задать?

sandro79 · №7170

solombala пишет

в ручную?

Ну да, вручную. Навести указатель мыши на кнопку

и нажать на неё посредством левой кнопки мыши указательным пальцем правой или левой руки, после чего параметр security.tls.version.enable-deprecated в about:config переключится в true. Но повторюсь, запрос на включение TLS 1.0 и 1.1 у меня вылез лишь на одном сайте radikal.ru в 72 nightly, в 71 этого не наблюдалось и на about:addons такой чепухи конечно же не было. В 71 версии вне зависимости значения параметра security.tls.version.enable-deprecated соединение с radikal.ru происходит без запроса на включение TLS 1.0 и 1.1. Осмелюсь предположить, что в 71 версии ещё не отключили поддержку TLS 1.0 и 1.1 и поэтому включение параметра security.tls.version.enable-deprecated не требуется. Видимо скоро придётся искать другой хостинг для заливки картинок.

Vitaliy V. · №7171

solombala пишет

На имена аддонов можно font-size задать?

для всех так

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

Выделить код

Код:

.addon-name, .addon-name-link {
    font-size: 18px !important;
    line-height: 1.3em !important;
}

этот код разумеется добавить к @-moz-document url-prefix("chrome://mozapps/content/extensions/") {

solombala · №7172

Vitaliy V.
Нет эффекта , остальные коды же работают в той же фиче...
@-moz-document url-prefix("chrome://mozapps/content/extensions/") {
Впрочем, парит другое : Черное окно при первой загрузке about:addons...About:Blanck мешает...

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

@-moz-document url("about:blank"){body {background: #111 !important;))
@-moz-document url("about:addons"){body {background: white !important;))

Отредактировано solombala (12-12-2019 20:17:27)

Vitaliy V. · №7173

solombala
если используется код для показа версий https://forum.mozilla-russia.org/viewto … 91#p774391
то этот код не нужен, там есть font-size: calc(1rem + 4px) !important;

solombala · №7174

Vitaliy V.
Точно! Класс ! ... Как сделать дисплей about:addons - белым ? Собака зарыта в common.css в скине ?

Vitaliy V. · №7175

solombala пишет

Собака зарыта в common.css

Да и зависит от настройки browser.in-content.dark-mode
если false то будет всегда светлая тема, и это не только для about:addons

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

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

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

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

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

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

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

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

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

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

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

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

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

Код:

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

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

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

Код:

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

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

Код:

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

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

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

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

Код:

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

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

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

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

Board footer