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

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№895105-08-2020 20:57:18

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

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

Vitaliy V., УРА, тысяча благодарностей за вашу мудрость! (и терпение)


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

Отсутствует

 

№895205-08-2020 22:18:41

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 151
UA: Firefox 79.0

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

Vitaliy V. Можно пожалуйста сделать с кнопкой about:config что бы по ЛКМ Открыть  about:config СКМ Искать выделенное в about:config ПКМ открыть  about:about

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

Выделить код

Код:

try {
    ((id, label, tooltiptext, about_config) => {
        CustomizableUI.createWidget({
            id: id,
            type: "custom",
            label: label,
            tooltiptext: tooltiptext,
            localized: false,
            defaultArea: CustomizableUI.AREA_NAVBAR,
            onBuild: function(document) {
                var win = document.defaultView;
                var toolbarbutton = document.createXULElement("toolbarbutton");
                toolbarbutton.id = id;
                toolbarbutton.className = "toolbarbutton-1 chromeclass-toolbar-additional";
                toolbarbutton.setAttribute("label", label);
                toolbarbutton.setAttribute("context", "false");
                toolbarbutton.setAttribute("tooltiptext", tooltiptext);
                toolbarbutton.setAttribute("image", "data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 48 48'><g><rect style='fill:rgb(146, 69, 101);' x='0' y='0' width='48' height='48' rx='3' ry='3'/><path style='opacity:0.25;fill:black;' d='M 18.4,48 11,40.6 9,33 3.6,27.6 27.6,3.6 33,9 40.7,11 48,18.3 V 45 C 48,46.7 46.7,48 45,48 Z'/><path style='fill:white;' d='M 21.62,3 C 20.72,3 20.11,3.651 20.01,4.438 L 19.49,8.88 C 18.46,9.184 17.48,9.604 16.53,10.11 L 13.02,7.326 C 12.41,6.832 11.5,6.822 10.88,7.452 L 7.53,10.79 C 6.901,11.42 6.934,12.31 7.411,12.94 L 10.1,16.54 C 9.111,18.84 8.88,19.47 8.88,19.46 L 4.438,19.98 C 3.648,20.06 3,20.7 3,21.58 V 26.31 C 3,27.21 3.651,27.82 4.438,27.93 L 8.901,28.56 C 9.206,29.6 9.627,30.57 10.12,31.49 L 7.364,34.98 C 6.871,35.59 6.856,36.5 7.485,37.12 L 10.83,40.47 C 11.47,41.1 12.34,41.06 12.99,40.59 L 16.56,37.92 C 17.49,38.4 18.47,38.81 19.49,39.12 L 20.01,43.56 C 20.11,44.36 20.72,45 21.62,45 H 26.35 C 27.25,45 27.85,44.36 27.96,43.56 L 28.6,39.1 C 29.6,38.79 30.55,38.39 31.46,37.92 L 35.08,40.6 C 35.7,41.1 36.6,41.13 37.23,40.49 L 40.59,37.14 C 41.21,36.52 41.18,35.61 40.7,34.99 L 37.91,31.47 C 38.39,30.55 38.79,29.58 39.11,28.56 L 43.56,27.93 C 44.36,27.82 45,27.2 45,26.31 V 21.58 C 45,20.7 44.36,20.07 43.56,19.98 L 39.11,19.46 C 38.8,18.46 38.4,17.49 37.93,16.58 L 40.64,12.92 C 41.13,12.29 41.15,11.4 40.53,10.77 L 37.18,7.42 C 36.54,6.79 35.66,6.812 35.02,7.305 L 31.49,10.12 C 30.57,9.626 29.61,9.216 28.6,8.912 L 27.96,4.438 C 27.85,3.651 27.25,3 26.35,3 Z M 24,17.38 C 27.66,17.38 30.63,20.34 30.63,24 30.63,27.66 27.66,30.63 24,30.63 20.34,30.63 17.38,27.66 17.38,24 17.38,20.34 20.34,17.38 24,17.38' /></g></svg>");
                toolbarbutton.addEventListener("click", function(event) {
                    if (event.button == 0) {
                        if (!event.shiftKey)
                            win.gBrowser.selectedTab = about_config.addTab(win, "about:config",  {
                                relatedToCurrent: true,
                            });
                        else
                            about_config.openClipboardConfigTab(win);
                    } else if (event.button == 1)
                        about_config.openClipboardConfigTab(win);
                    else if (event.button == 2) {
                        event.preventDefault();
                        event.stopPropagation();
                        if (!event.shiftKey)
                            about_config.openSelectedConfigTab(win);
                        else
                            about_config.openSelectedOldConfigWin(win);
                    }
                });
                return toolbarbutton;
            }
        });
    })(
        "ucf-open-about-config",
        "about:config",
        "ЛКМ: Открыть about:config\nЛКМ+Shift: Искать содержимое буфера обмена в about:config\nСКМ: Искать содержимое буфера обмена в about:config\nПКМ: Искать выделенное в about:config\nПКМ+Shift: Искать выделенное в окне about:config (old)",
        {
            get ClipboardHelper() {
                delete this.ClipboardHelper;
                return this.ClipboardHelper = Cc["@mozilla.org/widget/clipboardhelper;1"].getService(Ci.nsIClipboardHelper);
            },
            openClipboardConfigTab: function(win, clip = "", copy) {
                var filter = this.readFromClipboard(win), nowarn = false, pref = "browser.aboutConfig.showWarning";
                if (copy && clip != filter)
                    this.ClipboardHelper.copyString(clip);
                if (Services.prefs.getBoolPref(pref, false)) {
                    Services.prefs.setBoolPref(pref, false);
                    nowarn = true;
                }
                var browser = win.gBrowser.getBrowserForTab(win.gBrowser.selectedTab = this.addTab(win, "about:config", {
                    relatedToCurrent: true,
                }));
                browser.addEventListener("pageshow", (e) => {
                    var doc = e.currentTarget.contentDocument, input = (doc && doc.querySelector("input#about-config-search"));
                    if (input && filter) {
                        input.value = filter;
                        input.dispatchEvent(new doc.defaultView.Event("input", { bubbles: true }));
                    }
                    if (nowarn)
                        setTimeout(() => {
                            Services.prefs.setBoolPref(pref, true);
                        }, 200);
                }, { once: true });
            },
            openSelectedConfigTab: function(win) {
                var clip = this.readFromClipboard(win);
                win.goDoCommand("cmd_copy");
                setTimeout(() => {
                    this.openClipboardConfigTab(win, clip, true);
                }, 100);
            },
            addTab: function(win, url, params = {}) {
                params.triggeringPrincipal = Services.scriptSecurityManager.getSystemPrincipal();
                return win.gBrowser.addTab(url, params);
            },
            readFromClipboard: function(win) {
                var url = "";
                try {
                    var trans = Cc["@mozilla.org/widget/transferable;1"].createInstance(Ci.nsITransferable);
                    var contxt = ("docShell" in win) ? win.docShell.QueryInterface(Ci.nsILoadContext) : win.QueryInterface(Ci.nsIInterfaceRequestor).getInterface(Ci.nsIWebNavigation).QueryInterface(Ci.nsILoadContext);
                    trans.init(contxt);
                    trans.addDataFlavor("text/unicode");
                    var clipboard = Services.clipboard;
                    clipboard.getData(trans, clipboard.kGlobalClipboard);
                    var data = {};
                    trans.getTransferData("text/unicode", data, {});
                    if (data.value) {
                        data = data.value.QueryInterface(Ci.nsISupportsString);
                        url = data.data;
                    }
                } catch (ex) { }
                return url;
            },
            openSelectedOldConfigWin: function(win) {
                var clip = this.readFromClipboard(win);
                win.goDoCommand("cmd_copy");
                setTimeout(() => {
                    var _win = Services.wm.getMostRecentWindow("Preferences:ConfigManager"), filter = this.readFromClipboard(win);
                    if (clip != filter)
                        this.ClipboardHelper.copyString(clip);
                    var setFilter = () => {
                        var input = _win.document.querySelector("#textbox");
                        if (input) {
                            input.value = filter;
                            input.dispatchEvent(new _win.Event("input", { bubbles: true }));
                        }
                    };
                    if (_win) {
                        _win.focus();
                        setFilter();
                    } else {
                        let nowarn = false, pref = "general.warnOnAboutConfig";
                        if (Services.prefs.getBoolPref(pref, false)) {
                            Services.prefs.setBoolPref(pref, false);
                            nowarn = true;
                        }
                        _win = win.openDialog("chrome://global/content/config.xhtml", "Preferences:ConfigManager", "chrome,dialog=no,centerscreen,resizable");
                        _win.addEventListener("load", function load() {
                            setFilter();
                            if (nowarn)
                                setTimeout(() => {
                                    Services.prefs.setBoolPref(pref, true);
                                }, 200);
                        }, { once: true });
                    }
                }, 100);
            },
        }
    );
} catch(e) {}

Отсутствует

 

№895305-08-2020 23:25:16

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1619
UA: Firefox 80.0

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

egorsemenov06
эту часть кода отредактируйте

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

Выделить код

Код:

toolbarbutton.addEventListener("click", function(event) {
                    if (event.button == 0)
                        win.gBrowser.selectedTab = about_config.addTab(win, "about:config",  {
                            relatedToCurrent: true,
                        });
                    else if (event.button == 1)
                        about_config.openSelectedConfigTab(win);
                    else if (event.button == 2) {
                        event.preventDefault();
                        event.stopPropagation();
                        win.gBrowser.selectedTab = about_config.addTab(win, "about:config",  {
                            relatedToCurrent: true,
                        });
                    }
                });


ну и тултип, функцию openSelectedOldConfigWin: function(win) {...}, можно удалить

Отсутствует

 

№895405-08-2020 23:50:55

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 151
UA: Firefox 79.0

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

Vitaliy V. пишет

egorsemenov06
эту часть кода отредактируйте

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

Выделить код

Код:

toolbarbutton.addEventListener("click", function(event) {
                    if (event.button == 0)
                        win.gBrowser.selectedTab = about_config.addTab(win, "about:config",  {
                            relatedToCurrent: true,
                        });
                    else if (event.button == 1)
                        about_config.openSelectedConfigTab(win);
                    else if (event.button == 2) {
                        event.preventDefault();
                        event.stopPropagation();
                        win.gBrowser.selectedTab = about_config.addTab(win, "about:config",  {
                            relatedToCurrent: true,
                        });
                    }
                });


ну и тултип, функцию openSelectedOldConfigWin: function(win) {...}, можно удалить

Огромное Вам Спасибо!!!!!!!!!!!!!!!!!

Отсутствует

 

№895506-08-2020 00:21:29

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 151
UA: Firefox 79.0

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

Vitaliy V Можно еще одну просьбу.В Вашем расширении add_toolbar_buttons есть кнопка "Восстановить фавиконки закладок".Можно ли одну эту кнопку сделать для user_chrome_files

Отсутствует

 

№895606-08-2020 02:22:24

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 2788
UA: Firefox 79.0

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

Vitaliy V. пишет

стилем

Спасибо.

Отсутствует

 

№895706-08-2020 21:31:51

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1619
UA: Firefox 80.0

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

egorsemenov06
можно

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

Выделить код

Код:

try {
    (() => {
        var id = "ucf-loads-favicons",
        label = "Восстановить фавиконки",
        tooltiptext = "Восстановить фавиконки закладок",
        img = "data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='32' width='16' viewBox='0 0 48 96'><g><path d='M 2.438,0 C 1.087,0 0,1.088 0,2.438 V 45.56 C 0,46.91 1.087,48 2.438,48 H 45.56 C 46.91,48 48,46.91 48,45.56 V 2.438 C 48,1.088 46.91,0 45.56,0 Z' style='fill:rgb(243, 135, 37);fill-opacity:1;' /><path style='opacity:0.25;fill:black;' d='M 14,45 17,48 H 45.5 C 47,47.9 47.9,47 48,45.5 V 17.6 L 33.9,3.5 Z'/><path style='fill:white;' d='M 15,3 C 14.4,3 14,3.4 14,4 V 45 L 24,35 34,45 V 4 C 34,3.4 33.6,3 33,3 Z' /><path d='M 2.44,48 C 1.09,48 0,49.1 0,50.4 V 93.6 C 0,94.9 1.09,96 2.44,96 H 45.6 C 46.9,96 48,94.9 48,93.6 V 50.4 C 48,49.1 46.9,48 45.6,48 Z' style='fill:rgb(209, 8, 3);fill-opacity:1;' /><path style='opacity:0.25;fill:black;' d='M 14,93 17,96 H 45.5 C 47,95.9 47.9,95 48,93.5 V 65.6 L 33.9,51.5 Z'/><path style='fill:white;' d='M 15,51 C 14.4,51 14,51.4 14,52 V 93 L 24,83 34,93 V 52 C 34,51.4 33.6,51 33,51 Z' /></g></svg>",
        alertimg = "data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='48' width='48' viewBox='0 0 48 48'><g><path d='M 2.438,0 C 1.087,0 0,1.088 0,2.438 V 45.56 C 0,46.91 1.087,48 2.438,48 H 45.56 C 46.91,48 48,46.91 48,45.56 V 2.438 C 48,1.088 46.91,0 45.56,0 Z' style='fill:rgb(243, 135, 37);fill-opacity:1;' /><path style='opacity:0.25;fill:black;' d='M 14,45 17,48 H 45.5 C 47,47.9 47.9,47 48,45.5 V 17.6 L 33.9,3.5 Z'/><path style='fill:white;' d='M 15,3 C 14.4,3 14,3.4 14,4 V 45 L 24,35 34,45 V 4 C 34,3.4 33.6,3 33,3 Z' /></g></svg>",
        maxrequests = 50, // Максимальное количество параллельных запросов
        maxtimeout = 30, // Длительность до прерывания запроса в секундах
        alertnotification = true; // Уведомление о завершении поиска фавиконок для закладок

        if (!("PlacesUtils" in this))
            ChromeUtils.defineModuleGetter(this, "PlacesUtils", "resource://gre/modules/PlacesUtils.jsm");
        var favicons = {
            running: false,
            async search() {
                if (this.running) return;
                this.running = true;
                for(let {node} of CustomizableUI.getWidget(id).instances)
                    node.style.setProperty("-moz-image-region", "rect(16px, 16px, 32px, 0px)", "important");
                var urlsList = [];
                var root = await PlacesUtils.promiseBookmarksTree(PlacesUtils.bookmarks.rootGuid);
                var convert = (node, url) => {
                    if (node.children)
                        node.children.map(child => convert(child));
                    else if ((url = node.uri) && /^(?:http|ftp|file)s?:/.test(url))
                        urlsList.push(url);
                }
                convert(root);
                Promise.all(urlsList.map(this.getFaviconForPage)).then(results => this.sliceResults(results.filter(url => url !== null)));
            },
            get AlertsService() {
                delete this.AlertsService;
                return this.AlertsService = Cc["@mozilla.org/alerts-service;1"].getService(Ci.nsIAlertsService);
            },
            sliceResults(results) {
                var maxlength = results.length;
                this.favmaxtimeout = maxtimeout * 1000;
                var forPageFavicon = (start, end) => {
                    var endlength = maxlength - end, startend;
                    if (endlength > 0)
                        startend = results.slice(start, end);
                    else
                        startend = results.slice(start, maxlength);
                    Promise.all(startend.map(this.getPageFavicon, this)).then(() => {
                        if (endlength > 0)
                            forPageFavicon(end, end + maxrequests);
                        else {
                            for(let {node} of CustomizableUI.getWidget(id).instances)
                                node.style.setProperty("-moz-image-region", "rect(0px, 16px, 16px, 0px)", "important");
                            if (alertnotification) {
                                try {
                                    this.AlertsService.showAlertNotification(alertimg, "Поиск фавиконок", "Завершено!", false);
                                } catch(e) {}
                            }
                            this.running = false;
                        }
                    });
                };
                forPageFavicon(0, maxrequests);
            },
            getFaviconForPage(siteURI) {
                return new Promise(resolve => {
                    try {
                        siteURI = Services.io.newURI(siteURI);
                    } catch(e) {
                        resolve(null);
                    }
                    PlacesUtils.favicons.getFaviconURLForPage(siteURI, uri => {
                        if (uri === null)
                            resolve(siteURI);
                        else
                            resolve(null);
                    });
                });
            },
            getPageFavicon(siteURI) {
                return new Promise(resolve => {
                    var req = new XMLHttpRequest();
                    if (!req) {
                        resolve();
                        return;
                    }
                    req.mozBackgroundRequest = true;
                    req.open("GET", siteURI.spec, true);
                    req.responseType = "document";
                    req.overrideMimeType("text/html");
                    req.timeout = this.favmaxtimeout;
                    req.onload = () => {
                        resolve();
                        var favURI = `${siteURI.prePath}/favicon.ico`, doc = req.responseXML;
                        if (doc !== null) {
                            let link = doc.querySelector("head link[href][rel~='icon']");
                            if (link !== null)
                                favURI = link.href;
                        }
                        try {
                            PlacesUtils.favicons.setAndFetchFaviconForPage(siteURI, Services.io.newURI(favURI), false, PlacesUtils.favicons.FAVICON_LOAD_NON_PRIVATE, null, Services.scriptSecurityManager.getSystemPrincipal());
                        } catch(e) {}
                    };
                    req.onabort = () => {
                        resolve();
                    };
                    req.onerror = () => {
                        resolve();
                        req.abort();
                    };
                    req.ontimeout = () => {
                        resolve();
                        req.abort();
                    };
                    req.send(null);
                });
            },
        };
        CustomizableUI.createWidget({
            id: id,
            label: label,
            tooltiptext: tooltiptext,
            localized: false,
            defaultArea: CustomizableUI.AREA_NAVBAR,
            onCreated: function(btn) {
                btn.style.setProperty("-moz-image-region", !favicons.running ? "rect(0px, 16px, 16px, 0px)" : "rect(16px, 16px, 32px, 0px)", "important");
                btn.style.setProperty("list-style-image", `url("${img}")`, "important");
            },
            onCommand: function(e) {
                favicons.search();
            },
        });
    })();
} catch(e) {}

Отсутствует

 

№895806-08-2020 21:45:26

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 151
UA: Firefox 79.0

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

Vitaliy V. пишет

egorsemenov06
можно

Огромнейшее СПАСИБО ВАМ !!!!! И еще одну если можно пожалуйста "Текст URL в кликабельные ссылки" для user_chrome_files

Отредактировано egorsemenov06 (07-08-2020 23:37:09)

Отсутствует

 

№895906-08-2020 22:57:57

sandro79
Участник
 
Группа: Members
Откуда: Omicron Persei 8
Зарегистрирован: 15-11-2017
Сообщений: 1044
UA: Firefox 78.0

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

Vitaliy V.
А можно, также кнопки "Загрузки" и "Переключить прокси" из Add Toolbar Buttons для user_chrome_files адаптировать, желательно с обновлением страницы после переключения функции. Дело в том, что из Add Toolbar Buttons использую только эти две кнопки, и как зайдёшь в персонализацию, среди множества кнопок не так просто найти нужную. Бывает в ходе экспериментов удалишь случайно с панели какую-то кнопку дополнения, а потом пока найдёшь её среди этих всех кнопок. Спасибо.

Отсутствует

 

№896007-08-2020 15:26:33

solombala
Участник
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 558
UA: Firefox 79.0

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

Vitaliy V.
Скрипт "обновить фавиконки"  ...Что там с  setTimeout(() , свой можно подставить? Или это по умолчанию можно?

скрытый текст
const ALERT_DURATION_IMMEDIATE = 4000;
...Может на обновлении отразиться?

Отсутствует

 

№896108-08-2020 00:23:34

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

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

sandro79 пишет

А можно, также кнопки "Загрузки" и "Переключить прокси" из Add Toolbar Buttons для user_chrome_files адаптировать

Как вариант:кнопка "Переключить прокси"

+ кнопка "загрузки"

Выделить код

Код:

try {
    CustomizableUI.createWidget({
        id: 'Download-ToolBarButton',
        type: 'custom',
        onBuild: function(aDocument) {
            let toolbaritem = aDocument.createXULElement('toolbarbutton');
            let props = {
                id: 'Download-ToolBarButton',
                class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                label: 'Downloads',
                accesskey: 'D',
                tooltiptext: 'Загрузки',
                style: 'list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAC7klEQVR42mJgAIL3K2X+AwQQy9VMzf+cIooMAAHE8H6i2n+QKEAAsbCrSjJ8vST4HyCAQByG13Mc/n+/D5EBCCAWsMByBQa2bz/BkgABxAAz5f1aYbAKgAACo6+XJP///OQFFgAIIJbvd23//z/NyPD/NQPDg8uS/wECiIlT+TDjr5/sDK9ZrjMo6D5nBAgguLYPC13/f7nN+v/bQ7H/P77awM0DCCAWGOPLp58MfE80GFiE+RiYOCXhGgECiAlE3PZI/i8iL8bAchMocV2C4d/+fwyPj2qBTQEIIBR02S7+/4N1AigSAAHECPcLyB9/OBkY/rMxMLxkYRDMvwWWAwggJpgCDidZBlazzwzsVg8ZGAXU4SYABBDckYy/2BmYvgsyMLLxMPz+g7AFIIAQCr6zA+0B+oCLn+HHV0Q4AgQQ48MTUv8FvwszsLwUhHhLlIeBkQ+oT+IXw8Pa3wwAAcQkb/GM8f2fbwwMr4CO+8ABDBABBua3wgzP8qQY1BbsZQQIILAj5V3vMj6Tv8Dw8/VbBqZ/nxjuT2BiUFw/D+wLgABCQXeX8v+/5pyAEg4AAYSh6v0il/+cMeIM/9+/YGBgZmNgZOSGKOSTYvi25A6DYOw2FD0AAcSCbsCfX38Y/n+4x/D37R0GZiY2hn/sQN//+8LAzGgClGPCcBVAAGEa8O8/A9MnVoZ/77gZ/gH5zHwCDP//czAwcnID5T5jGAAQQCx3o0L/s/znBXP+/fvD8E/sGgPjJ14GxrdCDAxszMBwBQYrAz8DAx8TA7P8d4anaXH/mf8yMfz/y87w6/9zBoAAYoSlJrbiAwzi7wwY/r38CNSIcCqTFB+E/wvonu//GVj4+Rie855k+NtjzaCwfjYjQAChBMhNt5T/7IV7GaTf6jD8fAZx7h9xXgZ2RmYGVjFBsMYfzZYMqjvmwvUBBBBWBIqqW2t5/n+eo/X/6zKj//d38v4HuRKbWoAAwouOher8Pxmtg1cjQIABAFbt8Z32Ai5RAAAAAElFTkSuQmCC)',
                oncommand: "DownloadsPanel.showDownloadsHistory();"
            };
            for (let p in props)
                toolbaritem.setAttribute(p, props[p]);
            return toolbaritem;
        }
    });
} catch(e) {}


P.S, для custom_script.js

Отредактировано kokoss (08-08-2020 00:25:19)

Отсутствует

 

№896208-08-2020 00:55:26

sandro79
Участник
 
Группа: Members
Откуда: Omicron Persei 8
Зарегистрирован: 15-11-2017
Сообщений: 1044
UA: Firefox 78.0

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

kokoss пишет

Как вариант:кнопка "Переключить прокси"

Спасибо, но это далеко не то. Перезапуска вкладки не хватает. В принципе, ещё раньше находил и добавил в подборку Toggle Proxy WebExt, с обновлением страницы, по моей просьбе автор добавил. В крайнем случае его можно использовать.

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

+ кнопка "загрузки"

Примерно то же самое есть, но не то всё это, не как в Add Toolbar Buttons. Как варианты да, пойдёт.

P.S, для custom_script.js

Я знаю.

Отсутствует

 

№896308-08-2020 09:30:45

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

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

sandro79 пишет

P.S, для custom_script.js

Я знаю.

Это для тех, кто не знает :)

Отсутствует

 

№896408-08-2020 11:19:09

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1619
UA: Firefox 80.0

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

egorsemenov06
sandro79
я пока заморочился с Add Toolbar Buttons в том числе этими функциями, как обновлю тогда с кнопками...

solombala пишет

...Может на обновлении отразиться?

нет можешь добавить после showAlertNotification
setTimeout(()=> this.AlertsService.closeAlert(), 2000);

Отсутствует

 

№896508-08-2020 11:46:13

sandro79
Участник
 
Группа: Members
Откуда: Omicron Persei 8
Зарегистрирован: 15-11-2017
Сообщений: 1044
UA: Firefox 78.0

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

Vitaliy V. пишет

egorsemenov06
sandro79

я пока заморочился с Add Toolbar Buttons в том числе этими функциями, как обновлю тогда с кнопками...

Да-да, спасибо, будем ждать. Виталий, главное, хорошо бы в кнопке "Переключить прокси" переключение между режимами "Ручная настройка прокси" и  "URL автоматической настройки прокси".
А вот те аналоги кнопки загрузок, кроме как открыть окно "Библиотека", ну и у Ариса ещё по СКМ about:downloads может открывать, ну это далеко не то, увы.

kokoss пишет

Это для тех, кто не знает

Ну да, лучше на всякий случай уточнить, чтоб не было недопонимания у незнающих :)

Отсутствует

 

№896608-08-2020 12:21:56

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 151
UA: Firefox 79.0

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

Vitaliy V. пишет

egorsemenov06
sandro79
я пока заморочился с Add Toolbar Buttons в том числе этими функциями, как обновлю тогда с кнопками...

Спасибо.Будем ждать

Отсутствует

 

№896708-08-2020 15:44:50

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

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

Dumby пишет

Ну тогда не знаю, у меня работает

Победил ,но с большим бубном , скорее случайно. Иконки стали отображаться с таким алгоритмом: прописал-сохранил-перегрузил FF без дополнений - загрузил FF нормально, я говорю полтергейст.

Отсутствует

 

№896809-08-2020 12:23:20

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

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

Vitaliy V.
Пост в теме по Custom Buttons напомнил об одной кнопочке, которой очень сейчас не хватает - QuickSettings.
   
Кнопка создавала подменю, в которое можно было добавить собственные произвольные пункты about:config, для быстрого доступа к ним. Вы не могли бы сделать какой либо аналог этой кнопки? В виде скрипта, или части Add Toolbar Buttons, или отдельного расширения.

Отсутствует

 

№896909-08-2020 14:04:31

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

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

Добрый день. Помогите победить эту полоску , всё перепробовал ,все убрал эта ни как .

скрытый текст
daba673e93a22251c9ee10fe71f67e6f.jpg

Отсутствует

 

№897009-08-2020 18:15:12

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

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

kokoss пишет

Попробуйте так:

Пробывал , у меня на FF71 не работает
#nav-bar душит мой код для background-image::

скрытый текст
#nav-bar  {background-image: url("WD2.jpg") !important; background-repeat: no-repeat !important; background-position: 0% 100% !important; background-size: 100% 100% !important;  border: transparent !important;}

#navigator-toolbox {
  background: transparent !important; пробывал и background: и border. У меня #navigator-toolbox  {border: transparent !important;} скрывает самую нижнюю полоску под
#PersonalToolbar

На FF71, DOM светит id - tabbrowser-tabs и TabsToolbar , на F38 как то легче пошло.

Отредактировано Duche (09-08-2020 18:39:03)

Отсутствует

 

№897109-08-2020 19:56:22

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

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

Duche
Тогда так:

Выделить код

Код:

#nav-bar,
#navigator-toolbox {
    box-shadow: none !important;
}

Отредактировано kokoss (09-08-2020 20:09:30)

Отсутствует

 

№897209-08-2020 21:31:01

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

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

kokoss пишет

Тогда так:

Про тень я и не подумал, на такие полоски накладывать тень ,FF тех. "извращенцы".
Примите искреннюю благодарность , всё работает.

Отредактировано Duche (09-08-2020 21:49:01)

Отсутствует

 

№897310-08-2020 11:39:15

sandro79
Участник
 
Группа: Members
Откуда: Omicron Persei 8
Зарегистрирован: 15-11-2017
Сообщений: 1044
UA: Firefox 78.0

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

Vitaliy V.
Dumby
Подскажите пожалуйста. Использую сейчас для about:newtab стиль в тёмных тонах из этого сообщения и фикс из этого.
Обратил внимание, даже сразу не заметил с какой версии [firefox] 70+, при наведении указателя на плитку, окантовка по краю плитки приобретает светлый фон, если же включить встроенную тёмную тему, окантовка имеет тёмный цвет. В 68 [firefox] окантовка имеет тёмный фон в любом случае.
Хотелось бы, чтоб при наведении указателя на плитку, бордюр по краю плитки был такого же цвета как и при использовании встроенной тёмной темы. Искал в activity-stream.css, не смог разобраться, слишком много там кода. Да и что искать толком не ясно. Спасибо.

скрины и код
стиль в тёмных тонах из этого сообщения и фикс из этого
b8e6f017eed0.png  встроенная тёмная тема → f1bacb44bef8.png
скрытый текст

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
body {
    --newtab-background-color: #2A2A2E !important;
    --newtab-border-primary-color: rgba(249, 249, 250, 0.8) !important;
    --newtab-border-secondary-color: rgba(249, 249, 250, 0.1) !important;
    --newtab-button-primary-color: #0060DF !important;
    --newtab-button-secondary-color: #38383D !important;
    --newtab-element-active-color: rgba(249, 249, 250, 0.2) !important;
    --newtab-element-hover-color: rgba(249, 249, 250, 0.1) !important;
    --newtab-icon-primary-color: rgba(249, 249, 250, 0.8) !important;
    --newtab-icon-secondary-color: rgba(249, 249, 250, 0.4) !important;
    --newtab-icon-tertiary-color: rgba(249, 249, 250, 0.4) !important;
    --newtab-inner-box-shadow-color: rgba(249, 249, 250, 0.2) !important;
    --newtab-link-primary-color: #45A1FF !important;
    --newtab-link-secondary-color: #50BCB6 !important;
    --newtab-text-conditional-color: #F9F9FA !important;
    --newtab-text-primary-color: #F9F9FA !important;
    --newtab-text-secondary-color: rgba(249, 249, 250, 0.8) !important;
    --newtab-textbox-background-color: #38383D !important;
    --newtab-textbox-border: rgba(249, 249, 250, 0.2) !important;
    --newtab-textbox-focus-color: #45A1FF !important;
    --newtab-textbox-focus-boxshadow: 0 0 0 1px #45A1FF, 0 0 0 4px rgba(69, 161, 255, 0.3) !important;
    --newtab-feed-button-background: #38383D !important;
    --newtab-feed-button-text: #F9F9FA !important;
    --newtab-feed-button-background-faded: rgba(56, 56, 61, 0.6) !important;
    --newtab-feed-button-text-faded: rgba(249, 249, 250, 0) !important;
    --newtab-feed-button-spinner: #D7D7DB !important;
    --newtab-contextmenu-background-color: #4A4A4F !important;
    --newtab-contextmenu-button-color: #2A2A2E !important;
    --newtab-modal-color: #2A2A2E !important;
    --newtab-overlay-color: rgba(12, 12, 13, 0.8) !important;
    --newtab-section-header-text-color: rgba(249, 249, 250, 0.8) !important;
    --newtab-section-navigation-text-color: rgba(249, 249, 250, 0.8) !important;
    --newtab-section-active-contextmenu-color: #FFF !important;
    --newtab-search-border-color: rgba(249, 249, 250, 0.2) !important;
    --newtab-search-dropdown-color: #38383D !important;
    --newtab-search-dropdown-header-color: #4A4A4F !important;
    --newtab-search-header-background-color: rgba(42, 42, 46, 0.95) !important;
    --newtab-search-icon-color: rgba(249, 249, 250, 0.6) !important;
    --newtab-search-wordmark-color: #FFF !important;
    --newtab-topsites-background-color: #38383D !important;
    --newtab-topsites-icon-shadow: none !important;
    --newtab-topsites-label-color: rgba(249, 249, 250, 0.8) !important;
    --newtab-card-active-outline-color: #4A4A4F !important;
    --newtab-card-background-color: #38383D !important;
    --newtab-card-hairline-color: rgba(249, 249, 250, 0.1) !important;
    --newtab-card-placeholder-color: #4A4A4F !important;
    --newtab-card-shadow: 0 1px 8px 0 rgba(12, 12, 13, 0.2) !important;
    --newtab-snippets-background-color: #38383D !important;
    --newtab-snippets-hairline-color: rgba(255, 255, 255, 0.1) !important;
    --trailhead-header-text-color: rgba(255, 255, 255, 0.6) !important;
    --trailhead-cards-background-color: rgba(12, 12, 13, 0.1) !important;
    --trailhead-card-button-background-color: rgba(12, 12, 13, 0.3) !important;
    --trailhead-card-button-background-hover-color: rgba(12, 12, 13, 0.5) !important;
    --trailhead-card-button-background-active-color: rgba(12, 12, 13, 0.7) !important; 
}
}
    .ds-layout .top-sites .section-title span {
  color: white !important;
}

Отредактировано sandro79 (10-08-2020 11:59:49)

Отсутствует

 

№897410-08-2020 15:28:11

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

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

Добрый день. Помогите победить эти "уши" у вкладок , у активной закругления а за ними "уши". У не активной закруглений нет но, как только курсор наведен на вкладку "hover " закругление появляется и "ушей" нет на заднем плане как у активной. На форуме есть решение с заменой кода в "classic_squared_tabs" , но мне не подходит.

скрытый текст
04456ca076df298786a7abb3216e63c7.jpg

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

Выделить код

Код:

tab {
-moz-appearance: none !important;
} 

#tabbrowser-tabs .tabbrowser-tab[selected] .tab-content {background: linear-gradient(to bottom,#FFF9E5,#ffcc19) !important; color: #000000 !important; border-radius: 16px 16px 0px 0px !important;box-shadow: none !important;
}


/* Tab: hovered colors hover: */
   
tab {
-moz-appearance: none !important;
} 


#tabbrowser-tabs .tabbrowser-tab:hover:not([selected]) .tab-content {background: linear-gradient(to bottom,#e6e6e6,#888888) !important; border-radius: 16px 16px 0px 0px !important;box-shadow: none !important;}

Отсутствует

 

№897510-08-2020 15:54:53

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

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

Del

Отредактировано kokoss (11-08-2020 18:27:10)

Отсутствует

 

Board footer

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