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

voqabuhe · №8351

Vitaliy V.
А не могли бы вы в стиль №8420 для Bookmark search plus 2 добавить ещё меню по ПКМ на закладке и окошко ПКМ-Properties?

Отредактировано voqabuhe (27-05-2020 15:09:46)

Роман Романыч · №8352

Здравствуйте!
Подскажите пожалуйста как сделать, чтобы кнопка загрузок не меняла свой цвет на синий, когда что-то скачал?

kokoss · №8353

Роман Романыч пишет

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

https://forum.mozilla-russia.org/viewto … 13#p778613+ замените цвет, например на этот: #e6e6e6

Роман Романыч · №8354

kokoss пишет

замените цвет, например на этот: #e6e6e6

Спасибо вам большое!
По поиску я почему-то не смог сам найти. А прочитать 338 страниц форума то еще занятие.

Vitaliy V. · №8355

voqabuhe
Я добавил для окна, и для бок. панели, теперь даже в настройках расширения тему, цвета менять не обязательно.
А для меню это же глобальное меню, но вот мой стиль для меню не определяет текущую тему в webext-panels.xhtml там отсутствуют нужные переменные.
Как вариант можно добавить (не в userContent.css)

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/webext-panels.xhtml") {
*|*:root {
    --v-arrowpanel-color: rgb(177,177,179) !important;
    --v-arrowpanel-background: rgb(27,27,29) !important;
    --v-arrowpanel-border-color: rgb(60,60,61) !important;
    --v-panel-separator-color: rgba(249,249,250,.1) !important;
    --v-arrowpanel-dimmed: rgba(249,249,250,.1) !important;
}
}

Отредактировано Vitaliy V. (27-05-2020 19:40:17)

voqabuhe · №8356

Vitaliy V.

Vitaliy V. пишет

Я добавил для окна, и для бок. панели, теперь даже в настройках расширения тему, цвета менять не обязательно.

Спасибо большое. Здесь всё здорово получилось.

Как вариант можно добавить (не в userContent.css)

С этим не понял. Добавить в userChrome.css, вместо предыдущего стиля? Что-то у меня не работает, никаких изменений не заметил?

Добавлено 27-05-2020 22:57:28

Vitaliy V. пишет

А для меню это же глобальное меню, но вот мой стиль для меню не определяет текущую тему в webext-panels.xhtml там отсутствуют нужные переменные.

Т.е. с меню как я понял всё глухо, никаких вариантов? Печально.

Отредактировано voqabuhe (27-05-2020 22:57:28)

Vitaliy V. · №8357

voqabuhe пишет

Т.е. с меню как я понял всё глухо, никаких вариантов?

С чего вы это взяли, просто общий стиль для меню установите, или если установлен мой отсюда https://forum.mozilla-russia.org/viewto … 65#p764365
добавьте ниже код из поста №8431
А если вы хотели только для этого расширения сделать меню, это нет.

voqabuhe · №8358

Vitaliy V. пишет

если установлен мой отсюда https://forum.mozilla-russia.org/viewto … 65#p764365
добавьте ниже код из поста №8431

Ваш стиль установлен, добавил из поста №8431, но у меня он почему-то не срабатывает, меню в Bookmark search plus 2 остаётся светлым.

Добавлено 28-05-2020 00:04:24
Vitaliy V.
А, обновил ваш стиль из №5119 и всё заработало. Спасибо огромное, просто красота теперь.

Отредактировано voqabuhe (28-05-2020 00:04:24)

Northtech · №8359

Подскажите пожалуйста id выделенных красным элементов, хочу скрыть их (для fx 77+).
upd: и в about:addons скрыть бы "Рекомендации"

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

Отредактировано Northtech (28-05-2020 21:16:08)

sandro79 · №8360

Northtech пишет

Подскажите пожалуйста id выделенных красным элементов, хочу скрыть их (для fx 77+)

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

Выделить код

Код:

#appMenu_menu_openTour, 
#appMenu_menu_HelpPopup_reportPhishingtoolmenu,
#context_reopenInContainer, 
#allTabsMenu-containerTabsButton {
display: none !important;
}

и в about:addons скрыть бы "Рекомендации"

extensions.htmlaboutaddons.recommendations.enabled — false
extensions.getAddons.showPane — false

Отредактировано sandro79 (28-05-2020 23:06:18)

Northtech · №8361

Спасибо, это сработало:

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

extensions.htmlaboutaddons.recommendations.enabled — false
extensions.getAddons.showPane — false

А вот это, к сожалению нет(

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

Выделить код

Код:

#appMenu_menu_openTour, 
#appMenu_menu_HelpPopup_reportPhishingtoolmenu,
#context_reopenInContainer, 
#allTabsMenu-containerTabsButton {
display: none !important;
}

kokoss · №8362

Northtech пишет

Подскажите пожалуйста id выделенных красным элементов, хочу скрыть их (для fx 77+).
скрытый текст

Выделить код

Код:

#menu_openTour,
#menu_HelpPopup_reportPhishingtoolmenu,
#context_reopenInContainer,
#allTabsMenu-containerTabsButton {
  display: none !important;
}

Отредактировано kokoss (03-06-2020 01:16:32)

Vladi928 · №8363

Vitaliy V. пишет

v4386

На Ваших скриншотах я обнаружил дополнительную панель инструментов. Как Вам удалось это сделать? У меня стоит FF 76.0.1 и такой опции я нигде не нашел. И, пожалуйста, поясните еще раз, как добавить разделители кнопок в Toolbar.

sandro79 · №8364

Northtech пишет

А вот это, к сожалению нет(

Ну не знаю, у меня эти коды работают. Селекторы были найдены через "Инструменты браузера. Ниже скрин 77 версии, хотя и в релизной сработает и в [nightly] .
А вот это, пальцем в небо - 200% не сработает.

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

Vitaliy V. · №8365

Vladi928
https://github.com/VitaliyVstyle/Vitali … _files.zip
Readme.txt - краткая инструкция
для разделителей раскомментируйте в custom_style_user.css
@import url("./specialwidget.css");
и в custom_script_win.js
this.specialwidgets.constructor();

Отредактировано Vitaliy V. (30-05-2020 00:15:56)

Vladi928 · №8366

Спасибо. Завтра буду пробовать

rsuan · №8367

Как в 52.9.0 сделать прямой вид вкладок вместо округлого, без применения расширений?

Отредактировано rsuan (30-05-2020 20:23:04)

katana · №8368

Vitaliy V.
Можло-ли это перенести в user-chrome-files, скорее всего в custom_script_all_win.js, я перенес через один файл, но коды срабатывают вместе.. и если можно улучшить(если что-то можно).

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

Выделить код

Код:

//:::: AddMenu ::::
(btn=>{addEventListener("contextmenu",e=>e.ctrlKey||e.preventDefault()||DownloadsPanel.showDownloadsHistory()  ,false,btn);})(document.getElementById("downloads-button"));
(btn=>{addEventListener("contextmenu",e=>e.ctrlKey||e.preventDefault()||gIdentityHandler.handleMoreInfoClick(e),false,btn);})(document.getElementById("tracking-protection-icon"));
//---
//forum.mozilla-russia.org/viewtopic.php?pid=777123#p777123||(TabsFocus(Vitaliy))
addEventListener("click",e=>e.button||e.detail!=2||!e.target.matches("tab :scope:not(.tab-close-button):not(.tab-icon-sound),tab")||BrowserReload(),false,gBrowser.tabContainer||1);

Отредактировано katana (30-05-2020 18:59:23)

sandro79 · №8369

rsuan пишет

Как в 52.9.0 сделать прямой вид вкладок вместо округлого, без применения расширений?

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

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace svg url("http://www.w3.org/2000/svg");
@-moz-document url(chrome://browser/content/browser.xul) {

#tabbrowser-tabs {
    min-height: 26px !important;
}

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

.tabbrowser-tab {
    border-left: 2px solid !important;
    border-top: 2px solid !important;
    border-right: 2px solid !important;
    border-bottom: none !important;
    -moz-margin-start: 1px !important;
    -moz-border-top-colors: transparent transparent !important;
    -moz-border-left-colors: transparent transparent !important;
    -moz-border-right-colors: transparent transparent !important;
    border-radius: 2px 2px 0px 0px !important; /*Радиус углов вкладок*/
    background-color: transparent !important;
    background-origin: border-box !important;
    background-clip: border-box !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: 100% !important;
    pointer-events: auto !important;
}

.tabbrowser-tab[selected="true"] {
    -moz-border-top-colors: rgba(0,0,0,0.6) rgba(255,255,255,0.25) !important;
    -moz-border-left-colors: rgba(0,0,0,0.6) rgba(255,255,255,0.25) !important;
    -moz-border-right-colors: rgba(0,0,0,0.6) rgba(255,255,255,0.25) !important;
}

#TabsToolbar {
    margin-bottom: 0px !important;
    background-image: none !important;
}

#navigator-toolbox > #TabsToolbar {
    -moz-padding-start: 2px !important;
    -moz-padding-end: 0;
}

#main-window:not([inFullscreen]) #toolbar-menubar:not([autohide="true"]) ~ #TabsToolbar,
#main-window:not([inFullscreen]) #toolbar-menubar[autohide="true"]:not([inactive]) ~ #TabsToolbar {
    margin-top: 0px !important;
}

#TabsToolbar .toolbarbutton-1 {
    margin-bottom: 0px !important;
}

#TabsToolbar .toolbarbutton-1:not([type="menu-button"]),
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.tabbrowser-arrowscrollbox > .scrollbutton-up,
.tabbrowser-arrowscrollbox > .scrollbutton-down {
    margin-bottom: 0px !important;
}

#TabsToolbar .tabbrowser-tab[selected="true"]:not(:-moz-lwtheme) {
    background-color: -moz-dialog !important;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.4)0%, rgba(255,255,255,0.33)70%, rgba(255,255,255,0.3)100%) !important;
}

#TabsToolbar .tabbrowser-tab[selected="true"]:-moz-lwtheme {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4)10%, rgba(255, 255, 255, 0.2)70%, rgba(255, 255, 255, 0.15)100%), linear-gradient(rgba(229,229,229,0.40), rgba(229,229,229,0.40)) !important; /*цвет фона активной вкладки*/
}

.tab-stack {
    margin-top: -2px !important;
    -moz-margin-end: -2px !important;
    -moz-margin-start: -2px !important;
}

.tab-background {
    min-height: 26px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
    border-right: 2px solid transparent !important;
    -moz-border-top-colors: rgba(0,0,0,0.35) rgba(255,255,255,0.25) !important;
    -moz-border-left-colors: rgba(0,0,0,0.35) rgba(255,255,255,0.25) !important;
    -moz-border-right-colors: rgba(0,0,0,0.35) rgba(255,255,255,0.25) !important;
    border-radius: 2px 2px 0px 0px !important; /*Радиус углов вкладок*/
    background-color: transparent !important;
    background-origin: border-box !important;
    background-clip: border-box !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: 100% !important;
    background-image: linear-gradient(rgba(153, 153, 153, 0.2), rgba(115, 115, 115, 0.2)) !important;
}

.tabbrowser-tab[selected="true"] > .tab-stack > .tab-background {
    -moz-border-top-colors: transparent transparent !important;
    -moz-border-left-colors: transparent transparent !important;
    -moz-border-right-colors: transparent transparent !important;
    background-image: none !important;
}

.tab-background-middle {
    margin-top: -1px !important;
    -moz-margin-end: -1px !important;
    -moz-margin-start: -1px !important;
    border-radius: 2px 2px 0px 0px !important; /*Радиус углов вкладок*/
    background-image: none !important;
    background-color: transparent !important;
    background-clip: padding-box !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: 100% !important;
}

.tab-content {
    margin-top: 2px !important;
}   
   
.tab-content:not([pinned]) {
    -moz-padding-end: 6px !important;
    -moz-padding-start: 6px !important;
}

.tab-content > .tab-close-button > .toolbarbutton-icon {
    width: 16px !important;
    height: 16px !important;
}

.tab-icon-overlay {
    margin-top: -8px !important;
}

.tab-icon-sound {
    margin: 0 !important;
}

.tab-background-middle,
.tab-background-start,
.tab-background-end,
.tabbrowser-tab::after,
.tabbrowser-tab::before,
#TabsToolbar::after {
    display: none !important;
}

.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
    margin-bottom: 0 !important;
}

.tabs-newtab-button {
    width: 30px !important; /*Ширина кнопки*/
    margin-top: 6px !important; /*Отступ сверху*/
    -moz-margin-end: 0px !important;
    -moz-margin-start: 2px !important; /*Отступ от края ближайшей вкладки*/
    border-left: 2px solid !important;
    border-top: 2px solid !important;
    border-right: 2px solid !important;
    border-bottom: none !important;
    -moz-border-top-colors: rgba(0,0,0,0.35) rgba(255,255,255,0.25) !important;
    -moz-border-left-colors: rgba(0,0,0,0.35) rgba(255,255,255,0.25) !important;
    -moz-border-right-colors: rgba(0,0,0,0.35) rgba(255,255,255,0.25) !important;
    border-radius: 6px 12px 0px 0px !important; /*Радиус углов кнопки "открыть новую вкладку"*/
    background-color: transparent !important;
    background-origin: border-box !important;
    background-clip: border-box !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: 100% !important;
    background-image: linear-gradient(rgba(153, 153, 153, 0.2), rgba(115, 115, 115, 0.2)) !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]), .tabs-newtab-button:hover {
    background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.50)), linear-gradient(rgba(153, 153, 153, 0.2), rgba(115, 115, 115, 0.2)) !important;
    background-position: 1px 1px !important;
    background-size: calc(100% - 2px) calc(100% - 1px) !important;
}

#TabsToolbar .toolbarbutton-1:not([disabled="true"]):hover,
#TabsToolbar .toolbarbutton-1[open],
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled="true"]):hover,
.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover,
.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover {
    background-position: 1px 0, 0 -1px, 100% -1px !important;
}

.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) > .tab-stack > .tab-content {
    background-position: center !important;
}

.titlebar-placeholder[type="caption-buttons"] {
    margin-left: 1px !important;
}

#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(:-moz-lwtheme) {
    background-color: -moz-Dialog !important;
}

@media (-moz-windows-default-theme) {
@media (-moz-os-version: windows-vista),
         (-moz-os-version: windows-win7) {
  #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(:-moz-lwtheme) {
    background-color: hsl(210,75%,92%) !important;
  }

  #TabsToolbar .tabbrowser-tab[selected="true"]:not(:-moz-lwtheme) {
    background-color: hsl(210,75%,92%) !important;
  }
}
}

#nav-bar {
    box-shadow: none !important;
    border-top: 1px solid hsla(209,67%,12%,0.35) !important;
}

#nav-bar:not(:-moz-lwtheme) {
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.30)0%, rgba(255,255,255,0.25)30%, rgba(255,255,255,0)100%) !important;
}

#nav-bar:-moz-lwtheme {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15)0%, rgba(255, 255, 255, 0)100%), linear-gradient(to bottom, rgba(229,229,229,0.40)0%, rgba(229,229,229,0.05)100%) !important; /*цвет фона панели навигации*/
    border-top-color: transparent !important;
}

#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) {
    background-image: none !important;
}

Часть кода для прямоугольных вкладок взята отсюда. Вроде всё чётко.
52.9.0 уже давно пора на заслуженный отдых

Vitaliy V. · №8370

код для custom_script_win.js чтобы проще перенести из CB самоудаляющиеся листенеры addEventListener(...
только нужно поменять аргументы, т.е. элемент куда добавлять листенер перенести в начало
// addEventListener(target, type, listener[, useCapture]);
или
// addEventListener(target, type, listener[, options]);
ucf_custom_script_win

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

Выделить код

Код:

addremoveeventlisteners: {
        _eventlisteners: [],
        constructor: function() {
            var addEventListener = this.addEventListener.bind(this);
            ucf_custom_script_win.unloadlisteners.push("addremoveeventlisteners");
            // addEventListener(target, type, listener[, useCapture]);
            // addEventListener(target, type, listener[, options]);

            addEventListener(gBrowser.tabContainer, "click", e => e.button || e.detail != 1 || !e.target.matches("tab :scope:not(.tab-close-button):not(.tab-icon-sound), tab") || BrowserReload());
            addEventListener(document.querySelector("#downloads-button"), "contextmenu", e => e.ctrlKey || e.preventDefault() || BrowserDownloadsUI());
            addEventListener(document.querySelector("#tracking-protection-icon-container"), "contextmenu", e => e.ctrlKey || e.preventDefault() || BrowserPageInfo(null, "securityTab"));
        },
        addEventListener: function(...arr) {
            var elm = arr[0];
            if (!elm)
                return;
            elm.addEventListener(...arr.slice(1));
            this._eventlisteners.push(arr);
        },
        destructor: function() {
            for(var arr of this._eventlisteners)
                arr.shift().removeEventListener(...arr);
            delete this._eventlisteners;
        }
    },

ucf_custom_script_win.load

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

Выделить код

Код:

this.addremoveeventlisteners.constructor();

Отредактировано Vitaliy V. (31-05-2020 16:52:25)

katana · №8371

Vitaliy V. || Спасибо, попробую разобраться.
удалено

v4386 · №8372

Vitaliy V.
Здравствуйте!
Опять вышла новая версия FF77 и начались проблемы:

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

Выделить код

Код:

/* Закругляет форму адресной строки и строки поиска */
#urlbar, #searchbar, .searchbar-textbox {
    border-radius: 1000px !important;
    overflow: hidden !important;
}

#urlbar.megabar, #urlbar.megabar > #urlbar-background {
    border-radius: calc(var(--urlbar-height) / 2) !important;
}

#urlbar.megabar > .urlbarView {
    border-bottom-left-radius: calc(var(--urlbar-height) / 2) !important;
    border-bottom-right-radius: calc(var(--urlbar-height) / 2) !important;
}

этот код "приказал долго жить" и благополучно сломал Адресную панель.
Виталий, осталась ли возможность вернуть в FF77 закруглённую Адресную панель? А также уменьшить её (Адресной панели) раздутый до безобразия фокус в FF77?
Заранее спасибо! И с уважением!

Отредактировано v4386 (02-06-2020 12:39:35)

Vitaliy V. · №8373

v4386
https://forum.mozilla-russia.org/viewto … 69#p781269

Ringo07 · №8374

Как отключить богомерзкий градиент, который пробегает по вкладке после полной загрузки страницы? до 77 версии отключал в about:config toolkit.cosmeticAnimations.enabled в положение false. Сейчас это не поммогает, может кто подскажет как его выключить, спасибо.

Vitaliy V. · №8375

Ringo07

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

Выделить код

Код:

.tabbrowser-tab .tab-loading-burst {
    display: none !important;
}

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

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