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

kokoss · №7951

DMITRY 96 RUS

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

Установите это расширение: https://web.archive.org/web/20191029181 … index.html для быстрого доступа к профилю [firefox]

DMITRY 96 RUS · №7952

ну оно как то лучше стало но всё равно в конце подёргивает

Отредактировано DMITRY 96 RUS (24-02-2020 19:49:27)

voqabuhe · №7953

Kero пишет

В смысле ? если шо то ( 52 )

Ну тогда нет смысла, если [firefox] 52

kokoss · №7954

DMITRY 96 RUS

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

CTR можно не отключать, просто в настройки CTR -> вкладки -> переключите "Анимацию загрузки" на -> (по умолчанию).

DMITRY 96 RUS · №7955

а что бы в обще плавно индикатор крутился можно сделать?

kokoss · №7956

DMITRY 96 RUS пишет

а что бы в обще плавно индикатор крутился можно сделать?

Не в курсе!

Отредактировано kokoss (24-02-2020 21:27:23)

Анатолий58 · №7957

Кто подскажет кинули код.., надо чтобы он работал, я не помню точно куда его сохранять.. userChrome.css
Каталог профиля - далее папка chrome ?

Отредактировано Анатолий58 (26-02-2020 12:16:13)

Acid Crash · №7958

Анатолий58
Если очень обобщенно, то сюда
папка профиля/chrome/userChrome.css (для всего браузера) или userContent.css (для отдельных страниц) в зависимости от того, где код применяется.
Также удостовериться, что в about:config есть toolkit.legacyUserProfileCustomizations.stylesheets >> true

Отредактировано Acid Crash (26-02-2020 14:12:20)

Анатолий58 · №7959

Acid Crash пишет

Анатолий58
Если очень обобщенно, то сюда
папка профиля/chrome/userChrome.css (для всего браузера) или userContent.css (для отдельных страниц) в зависимости от того, где код применяется.
Также удостовериться, что в about:config есть toolkit.legacyUserProfileCustomizations.stylesheets >> true

все было проделано! не помогло..

Мой вопрос: Хотел убрать строку поиска и кнопку добавления... в "Визуальные закладки" Speed Dial код кинули но он у меня не работает..

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

Выделить код

Код:

#f, .search-logo {
display: none !important;
}

Фото приложил.., так хотелось бы сделать..

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

Acid Crash · №7960

Анатолий58 пишет

не помогло..

Не совсем понятно, что именно Вам надо убрать хотите менять...
Если это штатное контекстное меню (убрать из него элемент, добавленный расширением), то код ложить надо в userChrome.css
Перечитал)) Скорее всего Вам надо вот это >> Если же Вам надо подправить какой-то элемент офрмления расширения (на странице расширения и тому подобное), то это делается немного сложнее.
Изначально код надо будет ложить в userContent.css
Затем надо узнать уникальный ID расширения из Manifest-а. Его можно посмотреть вот тут (набор из букв и цифр в поле Internal UUID для конкретного расширения)
about:debugging#/runtime/this-firefox

Пример: допустим у меня расширение с ID:45e98584-df7e-487d-a648-0d01a7f365b8
Хочу ему шрифты поменять
В userContent.css я положу что-то подобное.

Выделить код

Код:

/************************************************************************************/
/* uBlock Origin ********************************************************************/
/************************************************************************************/
@-moz-document url-prefix("moz-extension://45e98584-df7e-487d-a648-0d01a7f365b8/") {
#appinfo, #panes, #templates, #dashboard-nav, div.body {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Ubuntu", "Helvetica Neue", sans-serif !important;}

}

Как-то так.
Попробуйте ещё раз с учетом вышесказанного, должно получиться.
P.S. кто-то ещё про кодировку файла вспоминал как причину НЕработоспособности, но я в этом не спец, проблем с ней не было. Если что у меня userChrome.css и userContent.css сохранены в UTF-8

Отредактировано Acid Crash (26-02-2020 17:44:09)

Анатолий58 · №7961

Acid Crash

Ваша подсказка помогла мне все получилось..

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

solombala · №7962

Vitaliy V.
Тему поставил и верт. сепаратор, или что это - серый стал ( в адресе) . Цвет ему можно задать?

Снят вопрос ! --urlbar-separator-color:
А ,как в about:addons, background -задать? НЕ в Card !

Отредактировано solombala (27-02-2020 11:25:41)

Vitaliy V. · №7963

solombala пишет

Можно ли в @media (-moz-windows-glass) {
Шрифт прописать ? Через Root или еще как?

так что ли

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

Выделить код

Код:

@media (-moz-windows-glass) {
*|*:root, menupopup, menubar, menulist, .cui-widget-panel, #widget-overflow, tooltip {
    font-family:  Arial, Tahoma, Helvetica !important;
    font-size: 15px !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    font-variant: normal !important;
}
}

solombala пишет

как в about:addons, background -задать?

с изображением?
если очень упрощенно то

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

Выделить код

Код:

@-moz-document url("about:addons") {
*|*:root {
    background-color: black !important;
    background-image: url("./png/background.png") !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}
}

@-moz-document url("chrome://mozapps/content/extensions/aboutaddons.html") {
*|*:root {
    background: none !important;
}
}

Отредактировано Vitaliy V. (27-02-2020 12:32:44)

solombala · №7964

Vitaliy V.
Вроде справился. Теперь graytext пропал ..."отключеный объект" - темно зеленый, как graytext//СLTR - белый!

v4386 · №7965

У меня кнопка "Показать ход текущих загрузок (Cntr+J)" перекрашена в жёлтый цвет вот таким кодом:

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

Выделить код

Код:

#downloads-button,
#downloads-button[indicator="true"]:not([attention="success"]) #downloads-indicator-icon{
  fill: yellow !important;
}

но, когда скачиваемый файл уже загрузился, она (кнопка) перекрашивается в голубой цвет.
И я не могу врубиться, где это у меня прописано. Поэтому просьба: напишите код, чтоб можно было изменить цвет этой кнопки, когда файл уже загружен.
P.S.: Весь код, где у меня прописаны голубые кнопки, выглядит так:

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

Выделить код

Код:

/* blue */
#PanelUI-menu-button,
#nav-bar-overflow-button,
#back-button,
#forward-button,
#webide-button,
#zoom-out-button,
#zoom-in-button,
#pageActionButton,
#new-window-button,
#find-button,
#sync-button,
#bookmarks-menu-button,
#bookmarks-button,
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon{
  fill: #00bfff !important;
}

Но в нём я не вижу никакого элемента, связанного с кнопкой Загрузки.

Отредактировано v4386 (27-02-2020 17:28:23)

Vitaliy V. · №7966

v4386 пишет

И я не могу врубиться, где это у меня прописано

это не у вас прописано, а в стилях браузера либо из темы

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

Выделить код

Код:

#downloads-button {
    --lwt-toolbarbutton-icon-fill: #ffff00 !important;
    --toolbarbutton-icon-fill-attention: #00ff7f !important;
}

P.S. ваш код не требуется

Отредактировано Vitaliy V. (27-02-2020 17:50:39)

v4386 · №7967

Vitaliy V.

Vitaliy V. пишет

это не у вас прописано, а в стилях браузера либо из темы

А-а, точно!
В очередной раз, спасибо вам за помощь!
Просто старый вид Фокса уже поднодоел, вот и решил поменять тему.

v4386 · №7968

Vitaliy V.
Собрал свою тему через расширение Firefox Color, но не получается её подписать и FF её не принимает. Не поможете?
Даю две ссылки: одна с расширением .zip, другая с .xpi:
https://drive.google.com/open?id=1hFmAOenQ4Uh8G28W3Kno19R0W6W9dGid
https://drive.google.com/open?id=1oNrgBHdnAg2yTK1hDi8BPrqNDCA7NE5T
P.S.: И ещё, читал что в ближайших версиях FF запретят загружать свои расширения. Это касается и самоподписанных тем? Если да, то не стоит и заморачиваться, если же нет, то был бы вам очень признателен за помощь в данном вопросе.

nvrbjs · №7969

Можно ли в текущей версии фаерфокс стилями сделать вертикальный вкладки.
Потому что все расширения, которые это реализуют, дают заметную задержку переключения вкладок, т.к. видимо реализованы через какой-то костыль.
У меня был код от версии 45

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

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


#content-deck { 
    -moz-window-dragging: no-drag !important;
    -moz-padding-start: 170px !important; 
}

#tabbrowser-tabs .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator,
#tabbrowser-tabs .tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator {
    visibility: collapse !important;
}

#TabsToolbar {
    position: fixed !important;
    top: 38px !important; /*  отступ сверху  */
    height: auto !important;
    max-height: none !important;
    bottom: 0px !important;
    min-width: 170px !important;
    width: 170px !important;
    max-width: 170px !important;
    left: 0px !important;
    margin: 0 !important;
    padding: 0 !important;
    -moz-window-dragging: no-drag !important;
    overflow: hidden !important;
}

#TabsToolbar:-moz-locale-dir(rtl) {
    left: auto !important; 
    right: 0 !important;
}

#tabbrowser-tabs .tabbrowser-tab:not([pinned])[fadein] {
    max-width: 152px !important;
    min-width: 152px !important;
    max-height: 34px !important;
    min-height: 34px !important;
    margin-left: -16px !important;

}

#tabbrowser-tabs {
    height: calc(100% - 26px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important; 
    min-width: 170px !important;
    width: auto !important;
    max-width: 170x !important;
}

#tabbrowser-tabs .tabbrowser-arrowscrollbox {
    min-width: 172px !important;
}

#tabbrowser-tabs .tabbrowser-arrowscrollbox > scrollbox {
    -moz-padding-end: 0 !important; 
} 

#TabsToolbar .tabbrowser-tab::after,
#TabsToolbar .tabbrowser-tab::before {
    opacity: 0 !important;
}

#tabbrowser-tabs .tabbrowser-arrowscrollbox,
#tabbrowser-tabs .tabbrowser-arrowscrollbox > scrollbox,
#tabbrowser-tabs .tabbrowser-arrowscrollbox > scrollbox > box {
    display: inline-block !important;
    overflow: visible !important;
}

#tabbrowser-tabs::before,
#tabbrowser-tabs::after,
#TabsToolbar #window-controls,
#tabbrowser-tabs > hbox,
#titlebar-placeholder-on-TabsToolbar-for-captions-buttons,
#tabbrowser-tabs .tabbrowser-tab[collapsed="true"],
#tabbrowser-tabs .tabbrowser-arrowscrollbox > .scrollbutton-up,
#tabbrowser-tabs .tabbrowser-arrowscrollbox > .scrollbutton-down {
    display: none !important;
}

#tabbrowser-tabs .tabbrowser-tab,
#tabbrowser-tabs .tabbrowser-arrowscrollbox > * {
    vertical-align: top !important;
}

#TabsToolbar > toolbarpaletteitem,
#TabsToolbar > toolbarbutton {
    min-height: 26px !important;
    vertical-align: top !important;
}

#tabbrowser-tabs .tabs-newtab-button,
#new-tab-button, #alltabs-button {
    min-height: 26px !important;
    margin: 0 !important;
    vertical-align: top !important;
    visibility: visible !important;
}

И с ним никакой задержки нет, вкладки переключаются так же, как и стандартные.
Но этот код отображается некорректно в текущей версии фаерфокс.

Vitaliy V. · №7970

v4386 пишет

Собрал свою тему через расширение Firefox Color, но не получается её подписать и FF её не принимает.

какая то она не полная многих цветов нет, а типа изображение для фона bg-000-5672c42860d5b06e1058dc477397f3ef.svg
пустое кроме <svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"/> ничего нет
если оно не нужно удалите его и это в manifest.json

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

"images": {
"additional_backgrounds": [
"images/bg-000-5672c42860d5b06e1058dc477397f3ef.svg"
]
},
"properties": {
"additional_backgrounds_alignment": [
"top"
],
"additional_backgrounds_tiling": [
"repeat"
]
},

ещё не хватает https://developer.mozilla.org/en-US/doc … c_settings
подписать здесь https://addons.mozilla.org/ru/developer … stribution
выбираете Самостоятельно и продолжить...

v4386 пишет

И ещё, читал что в ближайших версиях FF запретят загружать свои расширения. Это касается и самоподписанных тем?

если вы о этом https://blog.mozilla.org/addons/2019/10 … xtensions/
там речь о https://extensionworkshop.com/documenta … on-folders
если у вас нет в этих папках расширений полагаю беспокоится не о чем

Отредактировано Vitaliy V. (01-03-2020 23:45:17)

Inko7 · №7971

помогите скрыть стрелочку (треугольничек) "показать историю" с адресной строки браузера
на старом FF56 прокатывало так:

Выделить код

Код:

.autocomplete-history-dropmarker.urlbar-history-dropmarker{display:none !important;}
.overflow-ellipsis{display:none !important;}

но теперь на новом FF73 это не работает
видел в теме ранее подобную просьбу и там посоветовали это:

Выделить код

Код:

#urlbar dropmarker.urlbar-history-dropmarker {
    display: none !important;
}

но и это не убирает...

vending_machine · №7972

Inko7 пишет

помогите скрыть стрелочку (треугольничек) "показать историю" с адресной строки браузера
на старом FF56 прокатывало так:
скрытый текст
Выделить код
Код:
.autocomplete-history-dropmarker.urlbar-history-dropmarker{display:none !important;}
.overflow-ellipsis{display:none !important;}
но теперь на новом FF73 это не работает
видел в теме ранее подобную просьбу и там посоветовали это:
Выделить код
Код:
#urlbar dropmarker.urlbar-history-dropmarker {
    display: none !important;
}
но и это не убирает...

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

Выделить код

Код:

.urlbar-history-dropmarker.urlbar-icon.chromeclass-toolbar-additional {
    display: none !important;
}

Отредактировано vending_machine (05-03-2020 07:37:37)

Inko7 · №7973

vending_machine
спасибо, отлично скрывается!

Letterman · №7974

Здравствуйте. Что можно сделать, чтобы при нажатии по "Показать все закладки" в меню закладок, библиотека (все закладки) открывалась во вкладке, а не в отдельном окне?
Раньше работал такой код, в 73 не работает.

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

Выделить код

Код:

/* Все закладки в новой вкладке */
#BMB_bookmarksShowAll {
    -moz-binding: url("data:text/xml;utf8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='menu' extends='chrome://global/content/bindings/menu.xml%23menuitem'><implementation><constructor><![CDATA[ this.removeAttribute(%22command%22); this.setAttribute(%22oncommand%22, %22var pages = window.gBrowser.getBrowserForTab(window.gBrowser.selectedTab = window.gBrowser.addTab('chrome://browser/content/places/places.xul')); pages.addEventListener('pageshow', function show(event) { pages.removeEventListener('pageshow', show, false); event.target.defaultView.PlacesOrganizer.location = 'place:folder=BOOKMARKS_MENU&excludeItems=1&expandQueries=0'; }, false);%22); ]]></constructor></implementation></binding></bindings>#menu") !important;
}
@-moz-document url("chrome://browser/content/places/places.xul") {
tree {
  background-color: -moz-Field !important;
  color: -moz-FieldText !important;
}
  
window, treecol, treecolpicker, toolbar, #placesView {
  background-color: -moz-Dialog !important;
  color: -moz-DialogText !important;
}
}

Отредактировано Letterman (04-03-2020 17:45:16)

vending_machine · №7975

Letterman пишет

Здравствуйте. Что можно сделать, чтобы при нажатии по "Показать все закладки" в меню закладок, библиотека (все закладки) открывалась во вкладке, а не в отдельном окне?
Раньше работал такой код, в 73 не работает.

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

Выделить код

Код:

/* Все закладки в новой вкладке */
#BMB_bookmarksShowAll {
    -moz-binding: url("data:text/xml;utf8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='menu' extends='chrome://global/content/bindings/menu.xml%23menuitem'><implementation><constructor><![CDATA[ this.removeAttribute(%22command%22); this.setAttribute(%22oncommand%22, %22var pages = window.gBrowser.getBrowserForTab(window.gBrowser.selectedTab = window.gBrowser.addTab('chrome://browser/content/places/places.xul')); pages.addEventListener('pageshow', function show(event) { pages.removeEventListener('pageshow', show, false); event.target.defaultView.PlacesOrganizer.location = 'place:folder=BOOKMARKS_MENU&excludeItems=1&expandQueries=0'; }, false);%22); ]]></constructor></implementation></binding></bindings>#menu") !important;
}
@-moz-document url("chrome://browser/content/places/places.xul") {
tree {
  background-color: -moz-Field !important;
  color: -moz-FieldText !important;
}
  
window, treecol, treecolpicker, toolbar, #placesView {
  background-color: -moz-Dialog !important;
  color: -moz-DialogText !important;
}
}

Создать закладку chrome://browser/content/places/places.xhtml

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

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