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

Пользователи не любят читать документацию. Станьте оригинальным, будьте не как все. Ознакомьтесь с нашей базой знаний.

№1127608-09-2021 19:20:09

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

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

_zt пишет

Они все рабочие.

Fx 91 esr

Дык в 91 [firefox] у меня тоже работали, а в 92 отвалились все разом. SidebarTabs не знаю, не использую.

Отредактировано voqabuhe (08-09-2021 21:17:35)

Отсутствует

 

№1127708-09-2021 21:08:04

bezuma
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 26-01-2014
Сообщений: 244
UA: Firefox 92.0

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

SidebarTabs не знаю

Тоже почил в бозе."Боковые" все слетели у меня :(

Отсутствует

 

№1127808-09-2021 21:30:41

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

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

bezuma пишет

SidebarTabs не знаю


Тоже почил в бозе."Боковые" все слетели у меня

Вроде работает:

скрин
7531d57c733d.png


Win7

Отсутствует

 

№1127908-09-2021 23:43:25

bezuma
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 26-01-2014
Сообщений: 244
UA: Firefox 92.0

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

kokoss

Вроде работает

:beer: начал искать, оказалось, накосячил в custom_script_win.js при обновлении ucf. Слава богам, заработала SidebarTabs

Отсутствует

 

№1128008-09-2021 23:44:21

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

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

egorsemenov06
только если в двух файлах
custom_script.js

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

Выделить код

Код:

try {(() => {
    var id = "ucf-text-to-link",
    label = "Текст URL в кликабельные ссылки",
    tooltiptext = "Превратить текст URL в кликабельные ссылки",
    img = "data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:none;stroke:context-fill;stroke-opacity:context-fill-opacity;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;' d='m5.6 10.4 4.8-4.8m-8.9 4.9c-2.6 2.6 1.4 6.6 4 4l1-1c2.6-2.6-1.4-6.6-4-4zm9-9c2.6-2.6 6.6 1.4 4 4l-1 1c-2.6 2.6-6.6-1.4-4-4z'/></svg>";

    var texttolink = {
        _registerActor() {
            if (this.registerActor) return;
            ChromeUtils.registerWindowActor("UcfTextToLinkActor", {
                child: {
                    moduleURI: "chrome://user_chrome_files/content/custom_scripts/UcfTextToLinkActorChild.jsm",
                },
                allFrames: true,
                messageManagerGroups: ["browsers"],
            });
            this.registerActor = true;
        },
        sendAsyncMessages(win, message, data) {
            this._registerActor();
            this.sendAsyncMessages = this._sendAsyncMessages;
            this.sendAsyncMessages(win, message, data);
        },
        _sendAsyncMessages(win, message, data) {
            var {browsingContext} = win.gBrowser.selectedBrowser;
            ({
                "UcfTextToLinkActor:TextToLink"() {
                    for (let actor of this)
                        actor.sendAsyncMessage(message);
                },
                *[Symbol.iterator]() {
                    var contextsToVisit = [browsingContext];
                    while (contextsToVisit.length) {
                        let currentContext = contextsToVisit.pop();
                        let global = currentContext?.currentWindowGlobal;
                        if (!global) continue;
                        yield global.getActor("UcfTextToLinkActor");
                        contextsToVisit.push(...currentContext.children);
                    }
                },
            })[message]?.();
        },
    };
    CustomizableUI.createWidget({
        id: id,
        label: label,
        tooltiptext: tooltiptext,
        localized: false,
        defaultArea: CustomizableUI.AREA_NAVBAR,
        onCreated(btn) {
            btn.style.setProperty("list-style-image", `url("${img}")`, "important");
        },
        onCommand(e) {
            texttolink.sendAsyncMessages(e.view, "UcfTextToLinkActor:TextToLink");
        },
    });
})();} catch(e) {}


UcfTextToLinkActorChild.jsm
скрытый текст

Выделить код

Код:

var EXPORTED_SYMBOLS = ["UcfTextToLinkActorChild"];
var {XPCOMUtils} = ChromeUtils.import("resource://gre/modules/XPCOMUtils.jsm");
ChromeUtils.defineModuleGetter(this, "Services", "resource://gre/modules/Services.jsm");
XPCOMUtils.defineLazyGlobalGetters(this, ["NodeFilter", "Node"]);
XPCOMUtils.defineLazyGetter(this, "excludedTags", () => {
    return new Set(["a","svg","canvas","applet","input","button","area","embed","noembed","frame","frameset","head","iframe","img","select","option","datalist","map","meta","noscript","video","audio","object","param","script","style","textarea","code"]);
});

class UcfTextToLinkActorChild extends JSWindowActorChild {
    receiveMessage(msg) {
        return ({
            "UcfTextToLinkActor:TextToLink": () => {
                this.textToLink();
            },
        })[msg.name]?.();
    }
    textToLink() {
        if (this.running || !this.document?.body)
            return;
        this.running = true;
        var url_regexp = /(^|[\s(,;'"`“\[\]=_])((?:(?:https?|ftp):\/\/[-\wа-яё.!~*'();,/?:@&=+$#%_\u2300-\u23FF\u2600-\u27BF]|www\d{0,3}[.][a-zа-яё0-9.-]{2,249}|[a-zа-яё0-9.-]{2,250}[.][a-zа-яё]{2,4}\/)[-\wа-яё.!~*'();,/?:@&=+$#%_\u2300-\u23FF\u2600-\u27BF]*)/gim,
        email_regexp = /(^|mailto:|[\s(,;'"`“\[\]=])([\w!#$%&'*+/=?^`{|}~.-]{2,}@[\[\]a-z0-9.-]+)/gim,
        setEmail = (node, text) => {
            var repl = text.replace(email_regexp, '$1<a href="mailto:$2" class="add__TextToEmail">$2</a>');
            if (text.length == repl.length)
                return;
            var span = node.ownerDocument.createElement("span");
            span["innerHTML"] = repl;
            node.replaceWith(span);
        },
        setLink = (node, text) => {
            if (!(text = node.textContent)) return;
            text = text.replace(/</g, "&lt;").replace(/>/g, "&gt;");
            var repl = text.replace(url_regexp, '$1<a href="$2" target="_blank" class="add__TextToLink">$2</a>');
            if (text.length == repl.length) {
                setEmail(node, text);
                return;
            }
            var span = node.ownerDocument.createElement("span");
            span["innerHTML"] = repl;
            for (let el of span.querySelectorAll("a.add__TextToLink[href]:not([href^='http']):not([href^='ftp'])"))
                el.setAttribute("href", `http://${el.getAttribute("href")}`);
            node.replaceWith(span);
            var txtnode = Node.TEXT_NODE;
            for (let child of span.childNodes) {
                let txt;
                if (child.nodeType === txtnode && (txt = child.textContent))
                    setEmail(child, txt);
            }
        },
        elList = [],
        getWalker = elem => {
            var doc = elem.ownerDocument, reject = NodeFilter.FILTER_REJECT, skip = NodeFilter.FILTER_SKIP, accept = NodeFilter.FILTER_ACCEPT, txtnode = Node.TEXT_NODE;
            var walker = doc.createTreeWalker(elem, NodeFilter.SHOW_ALL, {
                acceptNode(node) {
                    if (excludedTags.has(node.localName))
                        return reject;
                    if (node.nodeType !== txtnode && !node.shadowRoot)
                        return skip;
                    return accept;
                }
            }, false);
            while (walker.nextNode()) {
                let currnode = walker.currentNode;
                if (!currnode.shadowRoot)
                    elList.push(currnode);
                else
                    getWalker(currnode.shadowRoot);
            }
        };
        getWalker(this.document.body);
        for (let el of elList)
            setLink(el);
        elList = [];
        this.running = false;
    }
}

sandro79 пишет

С панелей инструментов и закладок я знаю как убрать

Не знаю как вы знаете но все убирается одной переменной

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

Выделить код

Код:

:root {
    --toolbar-bgcolor: transparent !important;
}


или так чтобы на активных вкладках остался цвет
скрытый текст

Выделить код

Код:

toolbar:not(.titlebar-color), findbar {
    --toolbar-bgcolor: transparent !important;
}

Viatcheslav пишет

Vitaliy V., должен ли этот стиль правильно работать в [firefox] 88.0.1?

Да, и он работает, проверил у себя. Проверьте на чистом профиле.

ВВП пишет

Не посмотрите эту шнягу?

Ок попробуй такую шнягу

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

Выделить код

Код:

// ==UserScript==
// @name         Disable YouTube Miniplayer
// @author       VitaliyV
// @match        *://*.youtube.com/*
// ==/UserScript==

(player => {
    if (!player) return;
    var observer = new MutationObserver(mutations => {
        for(var mutation of mutations) {
            if (mutation.attributeName === "active") {
                mutation.target.querySelector("#blocking-container > yt-icon-button")?.click();
            }
        }
    });
    observer.observe(player, { attributes: true });
    window.addEventListener("unload", e => observer.disconnect(), {once: true});
})(document.querySelector("ytd-miniplayer"));

Отсутствует

 

№1128109-09-2021 00:21:19

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

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

Vitaliy V. пишет

Не знаю как вы знаете но все убирается одной переменной

Да у меня из стилей Ариса используется код, надо будет ещё порядок навести.

или так чтобы на активных вкладках остался цвет

Да, спасибо! Это как раз то что надо. Жаль сам не додумался.

Отсутствует

 

№1128209-09-2021 00:24:07

ВВП
Участник
 
Группа: Members
Зарегистрирован: 13-03-2021
Сообщений: 150
UA: Firefox 92.0

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

Vitaliy V.

Vitaliy V. пишет

// @name         Disable YouTube Miniplayer

Не проканало...Странно. Это в  violetmonkey , а в
Enhancer for YouTube™ вставил и все норм...

Отредактировано ВВП (09-09-2021 00:28:45)

Отсутствует

 

№1128309-09-2021 00:31:28

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

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

ВВП пишет

Странно

Я в Tampermonkey проверял. Да и в Violentmonkey работает...

Отредактировано Vitaliy V. (09-09-2021 00:47:26)

Отсутствует

 

№1128409-09-2021 01:45:19

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

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

Vitaliy V.
Ну подскажите пожалуйста ещё по Вашему коду выше. Пытаюсь сделать, чтоб он работал только на сторонних темах, но получилось только что на системной теме исключается, на светлой и тёмной работает. Не первый раз сталкивался с этим. Светлая и тёмная тоже идёт как :-moz-lwtheme. Можно ещё конечно :-moz-lwtheme-brighttext использовать, но тоже не то. А как указать, чтоб код работал только на сторонних темах, понять не могу. Код изменил, срабатывает и на встроенных темах кроме системной

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

Выделить код

Код:

:is(toolbar:not(.titlebar-color), findbar):-moz-lwtheme {
    --toolbar-bgcolor: transparent !important;
}

У Ариса в коде там ещё [style*='--lwt-header-image'] присутствует, пытался его пристроить, ничего не получилось, да видимо и не должно было...

Отредактировано sandro79 (09-09-2021 01:46:27)

Отсутствует

 

№1128509-09-2021 02:02:21

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

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

sandro79 пишет

да видимо и не должно было

Да нет логично если тема с изображением то можно удалить цвет
Но тема может быть ещё и с несколькими изображениями --lwt-additional-images как Alpenglow она можно сказать сторонняя

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

Выделить код

Код:

:root:is([style*="--lwt-header-image"],[style*="--lwt-additional-images"]) :is(toolbar:not(.titlebar-color),findbar) {
    --toolbar-bgcolor: transparent !important;
}

Отредактировано Vitaliy V. (09-09-2021 02:05:59)

Отсутствует

 

№1128609-09-2021 02:17:56

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

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

Vitaliy V. пишет

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

Выделить код

Код:

:root:is([style*="--lwt-header-image"],[style*="--lwt-additional-images"]) :is(toolbar:not(.titlebar-color),findbar) {
    --toolbar-bgcolor: transparent !important;
}

Да, теперь вообще супер! Огромное Вам Спасибо!
Неправильно я [style*="--lwt-header-image"] тулил к коду, без :root А так шёл в правильном направлении оказывается :D Спасибо ещё раз за помощь :beer:

Отсутствует

 

№1128709-09-2021 06:22:20

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

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

Как можно еще в 92-й версии сократить расстояние между строками выпадающих меню закладок? Следующий код уменьшает, но недостаточно:

Выделить код

Код:

menupopup > menuitem, menupopup > menu {padding-block: 0px !important;}

Что интересно, на 92-й версии расстояние между строками выпадающих меню главного меню изменяется кодом выше вплоть до 0px, а вот для меню закладок упирается в предел 2px, то есть, как не меняй в нем adding-block: 0px или adding-block: 1px - все одно будет так если написать: adding-block: 2px. В FireFox 91 это расстояние менялось до 0px.

Отредактировано DenKa (09-09-2021 06:37:03)

Отсутствует

 

№1128809-09-2021 08:25:40

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 158
UA: Firefox 92.0

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

DenKa

Выделить код

Код:

#personal-bookmarks :-moz-any(menu.menu-iconic,menuitem.bookmark-item) {
  min-height: 24px !important;
  height: 24px !important;
  padding: 0px 8px !important;
  margin: 0px !important;
}

https://forum.mozilla-russia.org/viewto … 7396&p=451

Выделить код

Код:

#PlacesToolbar menuitem, #PlacesToolbar menu {
    padding: 2px !important;
    min-height: 22px !important;
}
#PlacesToolbar menupopup {
    margin-top: -2px !important;
    --arrowpanel-menuitem-margin: 0 1px !important;
    --arrowpanel-border-radius: 2px !important;
    --arrowpanel-menuitem-border-radius: 2px !important;
    --panel-subview-body-padding: 2px 0 !important;
}

Отсутствует

 

№1128909-09-2021 09:22:27

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

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

DenKa
Куда ещё компактнее этого:

Выделить код

Код:

:root {
    --arrowpanel-menuitem-padding-block: 0px !important;
    --panel-subview-body-padding: 0px 0 !important;
}

Win7

Отсутствует

 

№1129009-09-2021 09:38:46

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

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

Vitaliy V. пишет

egorsemenov06
только если в двух файлах

Большое Спасибо!!!

Отсутствует

 

№1129109-09-2021 09:53:50

eugenikus8
Участник
 
Группа: Members
Зарегистрирован: 21-11-2017
Сообщений: 4
UA: Firefox 92.0

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

del

Отредактировано eugenikus8 (09-09-2021 10:54:17)

Отсутствует

 

№1129209-09-2021 10:32:58

andro1d
Участник
 
Группа: Members
Зарегистрирован: 29-02-2008
Сообщений: 108
UA: Firefox 92.0

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

Здравствуйте. Три года назад у меня появился вопрос (https://forum.mozilla-russia.org/viewtopic.php?pid=752878#p752878):

andro1d пишет

Подскажите, как изменить цвет скроллбара?

На который был получен ответ (https://forum.mozilla-russia.org/viewtopic.php?pid=752885#p752885):

Viatcheslav пишет

Да простят меня за кросс-пост - Release Custom Scrollbars · Aris-t2

И всё работало нормально до сегодняшнего обновления. Но теперь скроллбар - дефолтный.
Начал разбираться: выяснил, что FF удалил в профиле (\AppData\Roaming\Mozilla\Firefox\Profiles\%username%\) папку userChrome и файл userChrome.js, а в папке программы (c:\Program Files (x86)\Mozilla Firefox\) ничего не тронул/
Я вернул удаленное в папку профиля, перезапустил FF - без изменений.

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

Отредактировано andro1d (09-09-2021 10:34:03)

Отсутствует

 

№1129309-09-2021 10:35:18

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

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

eugenikus8 пишет

Для еще большего уменьшения отступов в закладках в Firefox 92.0 я добавил... Как убрать стрелку внизу, а видеть весь список?

И что, считаете это панацеей? Это неправильный способ.
Вы, если бы вчера прокрутили предыдущую страницу ближе к началу, то нашли бы там более подходящие для сжатия меню папок коды и не постили бы тут своих жирафов...

скрытый текст
0aed2fc02442.png
Для [windows]7, как у вас, не нужно лезть в menupopup > menuitem, menupopup > menu {padding-block: 4px !important;}, там с этим всё нормально. Вот здесь посмотрите, как желательно уменьшать интервалы, там где вы хотите.
И уберите пожалуйста всех своих жирафов под спойлер.

Отредактировано sandro79 (09-09-2021 11:20:25)

Отсутствует

 

№1129409-09-2021 11:38:46

Greyt
Участник
 
Группа: Members
Зарегистрирован: 16-05-2016
Сообщений: 48
UA: Firefox 92.0

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

Можно вообще в принципе через userChrome сделать фон контекстного меню белым, а шрифт черным? Темами меняется, но только мне те темы не нужны, где фон белый, а шрифт черный.

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

На форуме

 

№1129509-09-2021 12:52:41

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

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

Greyt пишет

Можно вообще в принципе через userChrome сделать фон контекстного меню белым, а шрифт черным?

Можно. Себе для [windows] 10 так сделал.

Отсутствует

 

№1129609-09-2021 14:13:46

Greyt
Участник
 
Группа: Members
Зарегистрирован: 16-05-2016
Сообщений: 48
UA: Firefox 92.0

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

sandro79
Спасибо большое :)

На форуме

 

№1129709-09-2021 14:22:34

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 2987
UA: Firefox 91.0

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

Нужна помощь.
Углы менюшек закладок нашел как выпрямить, но не могу сделать им черную окантовку в пиксель.
Есть серенький бордюрчик, но слишком блёклый.

скрытый текст
2021-09-09_161214.png
Используемый код для меню

Выделить код

Код:

#PlacesToolbar menupopup {
    margin-top: 2px !important;
    --arrowpanel-border-radius: 0px !important;
    --arrowpanel-menuitem-border-radius: 0px !important;
    --panel-subview-body-padding: 2px 0 !important;
}

Отредактировано oleg.sgh (09-09-2021 14:25:01)

Отсутствует

 

№1129809-09-2021 14:30:23

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 254
UA: unknown 0.0

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

oleg.sgh пишет

Нужна помощь.
Углы менюшек закладок нашел как выпрямить, но не могу сделать им черную окантовку в пиксель.
Есть серенький бордюрчик, но слишком блёклый.

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

toolbar > #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover {
  border: 1px solid #333333 !important;
}
toolbar > #personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"] {
  border: 1px solid #333333 !important;
}
toolbar > #personal-bookmarks > #PlacesToolbar toolbarbutton.bookmark-item:active {
  border: 1px solid #333333 !important;
}
toolbar > #personal-bookmarks > #PlacesToolbar toolbarbutton.bookmark-item[dragover][open] {
  -moz-appearance: toolbarbutton;
}


«The Truth Is Out There»

Отсутствует

 

№1129909-09-2021 14:34:36

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 2987
UA: Firefox 91.0

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

unter_officer
Не, не вокруг папки с названием на панели закладок, а у самих всплывающих менюшек.

Как-то так
2021-09-09_1612145b7d30b925327f0e.png

Отредактировано oleg.sgh (09-09-2021 14:40:34)

Отсутствует

 

№1130009-09-2021 15:17:44

ВВП
Участник
 
Группа: Members
Зарегистрирован: 13-03-2021
Сообщений: 150
UA: Firefox 92.0

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

Vitaliy V.
Во-первых, благодарю за скрипт(миниплеер -долой). Новая запара, в 92, падает поиск , если трогаю

скрытый текст
#searchbar-anon-search-settings{-moz-appearance: none !important; background: #222 !important; color: #fff !important;}
Кстати , сам Id не нашел вообще,без -moz-appearance: none !important; нет красится в черный, с -moz-appearance: none !important - шняга с выпаданием поиска. Т.к. я выбыбросил libGLESv2.dll и т.д. Теперь все класс,кроме этой раскраски,мать ее..
Ну, вроде сделал... -moz-appearance: menuarrow !importan .Снят вопрос!
npfedu5l.jpg

Отредактировано ВВП (09-09-2021 17:02:36)

Отсутствует

 

Board footer

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