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

Заказывай стафф с атрибутикой Mozilla и... пусть все вокруг завидуют тебе! Быть уникальным - быть с Mozilla!

№792614-02-2020 12:24:24

sn260591
Участник
 
Группа: Members
Зарегистрирован: 26-09-2015
Сообщений: 89
UA: Firefox 73.0

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

NikosColev
Ещё более компактный вариант:

Выделить код

Код:

#personal-bookmarks .bookmark-item[container]:-moz-any([label="RuBoard"], [label="Firefox"]) > .toolbarbutton-text {
    display: none !important;
}

А для удобства добавления новых папок его можно отформатировать вот так:

Выделить код

Код:

#personal-bookmarks .bookmark-item[container]:-moz-any(
    [label="RuBoard"],
    [label="Firefox"]
) > .toolbarbutton-text {
    display: none !important;
}

Отсутствует

 

№792714-02-2020 13:12:41

harryk
Участник
 
Группа: Members
Зарегистрирован: 23-12-2019
Сообщений: 418
UA: unknown 0.0

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

sn260591 пишет

можно отформатировать вот так

Это часть кода по скрытию label. А как также отформатировать часть кода по замене иконки

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

Выделить код

Код:

#personal-bookmarks .bookmark-item[container][label="RuBoard"] {
    -moz-image-region:auto !important;
    list-style-image: url('BookMark.ico/RuBoard.ico') !important;
}

Отсутствует

 

№792814-02-2020 13:31:45

func4ptch4
Участник
 
Группа: Members
Зарегистрирован: 03-05-2018
Сообщений: 220
UA: Firefox 75.0

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

Выделить код

Код:

/*Всплывающие ссылки над статусбаром в темном стиле*/
#statuspanel-label{-moz-appearance:none!important;-moz-window-shadow:none!important;
background:black!important;color:#ffffff!important;opacity:0.70!important;}tooltip{opacity:1!important;}

Можно починить перестал работать, и хотел добавить еще в контекстное меню не в адресном баре а в общем.


Для чего нужен этот код? почему не использовать "растягивающий интервал" как "space", с пустым пространством, там по ширине видно будет разницу, да и мало кому думаю нужен. Хотел .svg приделать в сам код, у меня не получалось, потом подумал ради такого малонужного кода столько мороки легче удалить. Ну или по старинке иконку отдельно.

specialwidget

Выделить код

Код:

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

@-moz-document url-prefix("chrome://browser/content/browser.x") {
toolbarpaletteitem[place="palette"] > toolbarspring[id^="customizableui-special-spring"] {
    background: white url("./svg/spring.svg") center no-repeat !important;
    border: none !important;
    outline: 1px solid currentColor !important;
    outline-offset: -1px !important;
    min-height: 37px !important;
    opacity: 0.3 !important;
}

toolbarpaletteitem[place="toolbar"] > toolbarspring[id^="customizableui-special-spring"] {
    background: white url("./svg/spring.svg") center no-repeat !important;
    border: none !important;
    min-width: 34px !important;
    min-height: 14px !important;
    outline: 1px solid currentColor !important;
    outline-offset: -1px !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    opacity: 0.3 !important;
}

toolbarpaletteitem[place="palette"] > toolbarspacer[id^="customizableui-special-spacer"] {
    background: white !important;
    border: none !important;
    outline: 1px solid currentColor !important;
    outline-offset: -1px !important;
    min-height: 37px !important;
    width: 15px !important;
    max-width: 15px !important;
    opacity: 0.3 !important;
}

toolbarpaletteitem[place="toolbar"] > toolbarspacer[id^="customizableui-special-spacer"] {
    background: white !important;
    border: none !important;
    outline: 1px solid currentColor !important;
    outline-offset: -1px !important;
    min-height: 14px !important;
    width: 15px !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    opacity: 0.3 !important;
}

toolbarseparator[id^="customizableui-special-separator"] {
    -moz-appearance: none !important;
    padding: 0 !important;
    margin: 2px !important;
    margin-inline-start: 4px !important;
    margin-inline-end: 0 !important;
    border: none !important;
    border-inline-start: 1px solid currentColor !important;
    min-width: 5px !important;
    width: 5px !important;
    max-width: 5px !important;
    opacity: 0.3 !important;
}

toolbar[orient="vertical"] toolbarseparator[id^="customizableui-special-separator"] {
    margin-inline-start: 2px !important;
    margin-inline-end: 2px !important;
    margin-top: 4px !important;
    margin-bottom: 0 !important;
    border-top: 1px solid currentColor !important;
    border-inline-start: none !important;
    width: auto !important;
    max-width: none !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
}

toolbarpaletteitem[place="palette"] > toolbarseparator[id^="customizableui-special-separator"] {
    margin: 0 !important;
    min-height: 37px !important;
}

toolbarpaletteitem[place] > :-moz-any(toolbarspring[id^="customizableui-special-spring"],toolbarspacer[id^="customizableui-special-spacer"],toolbarseparator[id^="customizableui-special-separator"]) {
    -moz-window-dragging: no-drag !important;
}

toolbar:not(#nav-bar) toolbarpaletteitem[place="toolbar"][id^="wrapper-customizableui-special-spring"],
toolbar:not(#nav-bar) toolbarspring {
    max-width: none !important;
}

toolbarpaletteitem[place="palette"][id^="wrapper-customizableui-special-spacer"],
toolbarpaletteitem[place="palette"][id^="wrapper-customizableui-special-separator"] {
    -moz-box-align: center !important;
}
}



Vitaliy V., блин еще одна проблема, хотел обновить с "full_theme_Vitaliy" скроллбар, и тултипы, только не сразу допер что такое тултипы. В общем раньше был такой код со аддона agent_sheet_Vit.

Тултипы(old&new)

Выделить код

Код:

/*--------------------------------*/
/*Тултипы(old)*/
tooltip{
    -moz-appearance:none!important;
    border-style:solid!important;
    border-width:2px!important;
    -moz-border-top-colors:rgba(0,0,0,0.1) rgba(255,255,255,0.4)!important;
    -moz-border-left-colors:rgba(0,0,0,0.1) rgba(255,255,255,0.4)!important;
    -moz-border-right-colors:rgba(0,0,0,0.1) rgba(255,255,255,0.4)!important;
    -moz-border-bottom-colors:rgba(0,0,0,0.1) rgba(255,255,255,0.4)!important;
    background-color:rgba(11,11,12,0.7)!important;
    background-image:none!important;
    background-origin:border-box!important;
    background-clip:border-box!important;
    background-repeat:no-repeat!important;
    background-position:0% 0%!important;
    background-size:auto!important;
    color:rgb(244,244,245)!important;
    text-shadow:0 0 1px rgba(11,11,12,0.2)!important;}

tooltip description:not([style]){color:rgb(244,244,245)!important;text-shadow:0 0 1px rgba(11,11,12,0.2)!important;}
tooltip description[style*="color:grey"]{color:rgb(190,190,190)!important;}
tooltip .text-link{color:rgb(120,120,120)!important;}
/*--------------------------------*/
Выделить код

Код:

/*--------------------------------*/
/*Тултипы(new)*/
tooltip{-moz-appearance:none!important;
    color:var(--arrowpanel-color,rgba(12,12,13,1))!important;
    background:var(--arrowpanel-background,rgb(255,255,255))!important;
    border: 1px solid var(--arrowpanel-border-color,rgb(204,204,204))!important;
    padding: 2px!important;}

*|*:root[lwt-popup-brighttext] tooltip{
    color:var(--arrowpanel-color,rgb(177,177,179))!important;
    background:var(--arrowpanel-background,rgb(27,27,29))!important;
    border-color:var(--arrowpanel-border-color,rgb(60,60,61))!important;}

*|*:root:-moz-any([lwt-sidebar-brighttext],.theme-dark) tooltip{
    color:var(--lwt-sidebar-text-color,rgb(177,177,179))!important;
    background:var(--lwt-sidebar-background-color,rgb(27,27,29))!important;
    border-color:rgb(60,60,61)!important;}

tooltip description:not([style]){color:inherit!important;}
tooltip .text-link{color:rgb(200,200,200)!important;}
/*--------------------------------*/
/*resizer*/resizer{-moz-appearance:none!important;}


Так вот дилема, старый код не обновлялся больше года или почти двух, и я решил обновить через full.theme, но старые тултипы мне нравятся, а новые нет.
Можете проверить просто нет ли ошибок и или исправить, но оставить отображение как в старом.
Контекстное меню, и выпадающий адресный бар, можно в таком же стиле? адресный бар таким и был раньше (как в том коде который скинул). Чувствую что я уже наглею, поэтому если можно хотя бы "specialwidget" и "тултипы", а контекстное меню и выпадающий адресный бар на ваше усмотрение.
Коротко:
1) /*Тултипы(old)*/ обновить, и убрать лишнее или что поломано, оставив его старый функционал(так то он работает), просто коду почти 2 года.
Можно добавить с использованием таких стандартных кодов как в новом, скроллбар у меня с нового кода "--arrowpanel-border-color".
2) Нужен ли вообще specialwidget, и стоит ли его оставлять, в чем его функционал как закрасить внутренную часть "Flexible Space", если это его единственный функционал, нужен ли он вообще?
3),4) на ваше усмотрение.

Отредактировано func4ptch4 (14-02-2020 21:16:55)

Отсутствует

 

№792914-02-2020 14:44:46

NikosColev
Участник
 
Группа: Members
Зарегистрирован: 06-01-2020
Сообщений: 76
UA: Firefox 68.0

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

sn260591, это именно то что я и хотел, спасибо.

Отсутствует

 

№793015-02-2020 13:38:47

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

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

func4ptch4 пишет

/*Всплывающие ссылки над статусбаром в темном стиле*/

у меня работает в [nightly]

func4ptch4 пишет

Тултипы(old)*/ обновить

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

Выделить код

Код:

/* Тултипы */
tooltip {
    -moz-appearance: none !important;
    color: rgb(244,244,245) !important;
    background: rgba(11,11,12,0.7) !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    outline: 1px solid rgba(255,255,255,0.4) !important;
    border-radius: 0px !important; /* радиус */
    -moz-outline-radius: 0px !important; /* радиус */
    overflow: hidden !important;
    outline-offset: -2px !important;
    padding: 3px !important;
}

tooltip description:not([style]) {
    color: inherit !important;
}

tooltip .text-link {
    color: rgb(69, 161, 255) !important;
}

func4ptch4 пишет

Контекстное меню, и выпадающий адресный бар, можно в таком же стиле?

нет это не охота, в контекстном попробуйте сами цвета заменить

func4ptch4 пишет

Нужен ли вообще specialwidget, и стоит ли его оставлять, в чем его функционал как закрасить внутренную часть "Flexible Space", если это его единственный функционал, нужен ли он вообще?

нет не единственный если бы только закрасить там было бы background и все, да нужен, а иконку можно убрать заменить url("./svg/spring.svg") на none
если так мешает...

Отсутствует

 

№793115-02-2020 14:51:27

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 73.0

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

Vitaliy V.
Это белый лист можно для черной темы рихтануть? Может это из-за кнопки? Куда рыть?
skz6u6zn.png

Отсутствует

 

№793215-02-2020 14:59:10

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

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

solombala пишет

Это белый лист можно для черной темы рихтануть?

А как это окошко вызвать?

Отсутствует

 

№793315-02-2020 15:08:22

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 73.0

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

voqabuheПравым кликом из контеста (для 73)

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

Выделить код

Код:

/*Initialization Code*/
((popup, {lastChild} = popup, pref = "CB.bookmarks") =>
addDestructor(reason => reason == "delete" && Services.prefs.clearUserPref(pref)) +
addEventListener("popupshowing", {
    index: 0, // 0 - первой, PlacesUtils.bookmarks.DEFAULT_INDEX - последней
    width: 500,
    height: 640,
    nodePosition: .35,
    handleEvent(e) {
        if (this.shouldHide) return;
        var menuitem = document.createElementNS(xulns, "menuitem");
        menuitem.id = "context-addBookmark";
        menuitem.className = "menuitem-iconic";
        menuitem.setAttribute("image", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACRUlEQVR42o2TS0hUYRiGn9OIpAS56EqtQoIoCzGwEGkqiDYZRFC0kQqiqxBBq6CghRW0mjLCFmklKlSEFEGIglCaKIUlKdKFLhaVOXPm3C9/35nJxGYg/837nR/e57v9R0POxvaeTSLxwLZ2xuYWlYtyv3E/TuBiOR6m6WC6LoYXkFKQDsERw7HPaNofwFmRc0/LS6B0DbM5Dcu1GQAV6WwzH+0eoiFeNg2ovvtM+aYACiz6XjWDbYCZFkcS9BTK0Qn1NKGn0/jJzQCuCODEFKCyrTtTQWjbPB+9A4YugBRMJAkjsyXmZBLPdWj64ecCKm4+FIAmmRwGxm5LVgEYAqjahn+viSCZwpcSo7Zaf4Uc/xew9kKLYt4cQt9j6M0tVNrMZI61v8DdsRL/20dMx8ewfTqkuxzAqvrr2SEaLsPjbahJnYIjZ2DrbhjswThcw4QxiUyFzmQewIqTFxXFmgzJ413lYth1MGdtqvkSPxPnaR1P5wKW1Z5WmrRAGDIqQ4wtWkphS/9fs7lvAy/7+7ADeO3mqWDh3kNKC2IofN5+aKFw/WYKr3agmi6j1Z7Cq6+jqzGBK42+9/IASrbsUapIKpAhDn95IMADOL2djIyMsWR+MQtqanl84xqeAL4GeQBF1dszaxQCA9+fyOuTLcqNJTeOqCsv0BejKzlSYR5AbF1VZgsaAV16L5Z8eVrW7EVGLaueL3EsD4DVFVH7UKB4ZA5iRxkjQKQCCVQ2DrWZm5kGlJZ1ERJHSkxYQ//9EyPjVPwbzqF2IDPzx6AAAAAASUVORK5CYII=");
        menuitem.setAttribute("oncommand", "linkedObject.oncommand(event);");
        menuitem.linkedObject = this;
        menuitem.oncontextmenu = e => this.pick(e.preventDefault());

        lastChild.after(menuitem);
        addDestructor(() => menuitem.remove());
        (this.handleEvent = e => e.target == popup
            && !(menuitem.hidden = this.shouldHide)
            && this.update(menuitem)
        )(e);
    },
    ons: ["isContentSelected", "onTextInput", "onImage", "onVideo", "onCanvas", "onAudio"],
    get shouldHide() {
        if (gContextMenu.onLink) return false;
        return this.ons.some(on => gContextMenu[on]);
    },
    oncommand(e) {
        this[e.ctrlKey || e.shiftKey ? "pick" : "bookmark"](e.target);
    },
    get guid() {
        return Services.prefs.getStringPref(pref, PlacesUtils.bookmarks.toolbarGuid);
    },
    async update(menuitem) {
        var info = await PlacesUtils.bookmarks.fetch(this.guid);
        var title = PlacesUtils.bookmarks.getLocalizedTitle(info);
        menuitem.label = "Добавить закладку в: " + (
            menuitem.folderName = title || "[без заголовка]"
        );
    },
    pick() {
        var features = "chrome,all,resizable,centerscreen,modal";
        window.openDialog(this.url, "_blank", features, this.guid);
    },
    bookmark({folderName}) {
        if (gContextMenu.onLink) {
            var url = gContextMenu.linkURL;
            var title = gContextMenu.linkText();
        } else {
            var url = gBrowser.currentURI.spec;
            var title = gBrowser.contentTitle || gBrowser.selectedTab.label;
        }
        var info = {url, title, parentGuid: this.guid, index: this.index};
        PlacesUtils.bookmarks.insert(info).then(
            () => this.notify(title, "Добавил закладку в папку: " + folderName),
            err => this.notify("Ошибка", err)
        );
    },
    get alert() {
        var as = this.as = Cc["@mozilla.org/alerts-service;1"]
            .getService(Ci.nsIAlertsService);
        this.alertName = _id + "-bookmark-alert";
        delete this.alert;
        return this.alert = as.showAlertNotification
            .bind(as, "chrome://global/skin/icons/warning.svg");
    },
    notify(title, msg) {
        this.alert(title, msg, false, null, null, this.alertName);
        setTimeout(() => this.as.closeAlert(this.alertName), 1800);
    },
    get url() {
        var xul =
            `<?xml version="1.0"?>
            <?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
            <?xml-stylesheet href="chrome://browser/content/places/places.css"?>
            <?xml-stylesheet href="chrome://browser/skin/places/places.css"?>
            <?xml-stylesheet href="chrome://browser/skin/places/tree-icons.css"?>
            <dialog xmlns="${xulns}"
                id="bookmark-folder-saver-dialog"
                windowtype="bookmark-folder-saver:dialog"
                title="Выберите папку"
                buttons="accept,cancel"
                onload="init();"
                width="${this.width}"
                height="${this.height}">

                <script type="application/javascript" src="chrome://global/content/globalOverlay.js"/>
                <script type="application/javascript" src="chrome://browser/content/utilityOverlay.js"/>
                <script type="application/javascript"><![CDATA[
                    ChromeUtils.defineModuleGetter(window, "PlacesUtils", "resource://gre/modules/PlacesUtils.jsm");
                    ChromeUtils.defineModuleGetter(window, "PlacesUIUtils", "resource:///modules/PlacesUIUtils.jsm");
                    ChromeUtils.defineModuleGetter(window, "PlacesTransactions", "resource://gre/modules/PlacesTransactions.jsm");
                    ChromeUtils.import("resource://gre/modules/XPCOMUtils.jsm");
                    XPCOMUtils.defineLazyScriptGetter(window, "PlacesTreeView", "chrome://browser/content/places/treeView.js");
                    XPCOMUtils.defineLazyScriptGetter(
                        window,
                        ["PlacesInsertionPoint", "PlacesController", "PlacesControllerDragHelper"],\n\
                        "chrome://browser/content/places/controller.js"\n\
                    );
                ]]></script>
                <script type="application/javascript" src="chrome://browser/content/places/places-tree.js"/>

                <tree id="tree" type="places" is="places-tree"
                    place="place:type=${
                        Ci.nsINavHistoryQueryOptions.RESULTS_AS_ROOTS_QUERY
                    }&amp;excludeItems=1&amp;excludeQueries=1"
                    hidecolumnpicker="true" seltype="single" flex="1">
                    <treecols>
                        <treecol id="title" flex="1" primary="true" hideheader="true" />
                    </treecols>
                    <treechildren />
                </tree>
                <script type="application/javascript"><![CDATA[
                    var tree = document.getElementById("tree");
                    function init() {
                        tree.selectItems([window.arguments[0]]);
                        var ind = tree.view.selection.currentIndex;
                        ind != -1 && setTimeout(() => {
                            if ("nsITreeBoxObject" in Ci) {
                                var tbo = tree.treeBoxObject;
                                var visibleRows = tbo.height/tbo.rowHeight;
                            } else {
                                var tbo = tree;
                                var visibleRows = tbo.getPageLength();
                            }
                            var cur = tbo.view.selection.currentIndex;
                            var first = tbo.getFirstVisibleRow();
                            var newFirst = cur - ${this.nodePosition}*visibleRows + 1;
                            tbo.scrollByLines(Math.round(newFirst - first));
                        }, 0);
                        var onKeydown = e => e.ctrlKey && e.key == "Enter" && !e.shiftKey
                            && document.documentElement.acceptDialog(e.stopPropagation());
                        addEventListener("keydown", onKeydown, true);
                        addEventListener("dialogaccept", dialogCallback);
                        window.onunload = () => {
                            removeEventListener("keydown", onKeydown, true);
                            removeEventListener("dialogaccept", dialogCallback);
                        }
                    }
                     function dialogCallback() {
                        var ind = tree.view.selection.currentIndex;
                        if (ind == -1) return;
                        var item = tree.view.nodeForTreeIndex(ind);
                        item && Services.prefs.setStringPref(
                            "${pref}", PlacesUtils.getConcreteItemGuid(item)
                        );
                    }
                ]]></script>
            </dialog>`;
        var url = URL.createObjectURL(new Blob(
            [xul], {type: "application/xhtml+xml"}
        ));
        addDestructor(() => URL.revokeObjectURL(url));
        delete this.url; return this.url = url;
    }
}, false, popup || 1))(document.getElementById("contentAreaContextMenu"));

Отредактировано solombala (15-02-2020 15:08:50)

Отсутствует

 

№793415-02-2020 15:56:45

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

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

solombala пишет

Правым кликом из контеста (для 73)

Правым она у меня [firefox] подвесила, пришлось из Диспетчера закрывать.

Отсутствует

 

№793515-02-2020 17:22:10

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

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

solombala

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

Выделить код

Код:

dialog#bookmark-folder-saver-dialog {
    background-color: #333333 !important;
    color: white !important;
    -moz-appearance: none !important;
}
dialog#bookmark-folder-saver-dialog tree {
    background-color: #444444 !important;
    color: white !important;
    -moz-appearance: none !important;
}
dialog#bookmark-folder-saver-dialog treechildren::-moz-tree-row {
    background-color: #444444 !important;
}
dialog#bookmark-folder-saver-dialog treechildren::-moz-tree-image,
dialog#bookmark-folder-saver-dialog treechildren::-moz-tree-twisty,
dialog#bookmark-folder-saver-dialog treechildren::-moz-tree-cell-text {
    color: white !important;
}
dialog#bookmark-folder-saver-dialog treechildren::-moz-tree-row(selected) {
    background-color: #666666 !important;
}
dialog#bookmark-folder-saver-dialog treechildren::-moz-tree-image(selected),
dialog#bookmark-folder-saver-dialog treechildren::-moz-tree-twisty(selected),
dialog#bookmark-folder-saver-dialog treechildren::-moz-tree-cell-text(selected) {
    color: Yellow !important;
}

voqabuhe пишет

Правым она у меня [firefox] подвесила

потому что он там часть кода удалил

Отсутствует

 

№793615-02-2020 18:04:50

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

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

Vitaliy V. пишет

потому что он там часть кода удалил

А где полный вариант?

Отсутствует

 

№793715-02-2020 18:27:47

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 73.0

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

Vitaliy V.
Круто...Теперь нет нигде белого, ни в каких окнах...

Добавлено 15-02-2020 18:49:24
voqabuhe
Что там падает? 73/32
https://www.upload.ee/files/11134109/GotFox.rar.html

Отредактировано solombala (15-02-2020 18:49:24)

Отсутствует

 

№793815-02-2020 20:25:11

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

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

Отсутствует

 

№793915-02-2020 22:28:04

func4ptch4
Участник
 
Группа: Members
Зарегистрирован: 03-05-2018
Сообщений: 220
UA: Firefox 75.0

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

Vitaliy V.
Как сделать обводку(border), также там в пространстве+текст вроде как задымления или что? на примере заметно.
Я понимаю кто такое заметит, но она мне этим и нравится а новая она простая какая-та, нету ничего за что бы она понравилась, ну кроме что текст белый наполнение темное. Слева ваш код, справа старый. https://i.imgur.com/NaKrZpk.png

tooltip

Выделить код

Код:

/* Scrollbar(fullthemeVitaliy) ================================*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
scrollbar,menulist,html|select{
    --v-highlight-background-color:rgb(190,190,190);
    --v-highlight-background-color-hover:rgb(200,200,200);
    --v-highlight-background-color-active:rgb(160,160,160);
    --v-arrow-dn-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,0.75 2.5,3.25 5,0.75 5,1.75 2.5,4.25 0,1.75 Z' style='fill:white;shape-rendering:crispEdges'/></svg>");
    --v-arrow-up-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,4.25 2.5,1.75 5,4.25 5,3.25 2.5,0.75 0,3.25 Z' style='fill:white;shape-rendering:crispEdges'/></svg>");
    --v-arrow-rit-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0.75,0 3.25,2.5 0.75,5 1.75,5 4.25,2.5 1.75,0 Z' style='fill:white;shape-rendering:crispEdges'/></svg>");
    --v-arrow-lft-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 4.25,5 1.75,2.5 4.25,0 3.25,0 0.75,2.5 3.25,5 Z' style='fill:white;shape-rendering:crispEdges'/></svg>");
    --v-arrow-image-size:5px;
    --v-scrollbar-border-radius:0px;
    --v-scrollbar-min-size:7px;}
/* ************************************************ */
/*Скроллбар,dropmarker*/
scrollbar{
    -moz-appearance:none!important;
    background:none!important;
    border:none!important;
    padding:0!important;
    margin:0!important;}

scrollcorner{
    -moz-appearance:none!important;
    width:var(--v-scrollbar-min-size)!important;
    height:var(--v-scrollbar-min-size)!important;
    background:none!important;
    border:none!important;}

html|html> scrollbar,html|html> scrollcorner{background:black!important;}
scrollbar> slider{-moz-appearance:none!important;background:none!important;border:none!important;}

menulist> dropmarker{
    -moz-appearance:none!important;
    min-width:var(--v-scrollbar-min-size)!important;
    min-height:var(--v-scrollbar-min-size)!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:none!important;
    border-radius:var(--v-scrollbar-border-radius)!important;
    background-color:var(--v-highlight-background-color)!important;
    background-image:none!important;
    list-style-image:var(--v-arrow-dn-image)!important;
    -moz-box-align:center!important;
    -moz-box-pack:center!important;}

menulist> dropmarker image{
    min-width:var(--v-arrow-image-size)!important;
    min-height:var(--v-arrow-image-size)!important;
    width:var(--v-arrow-image-size)!important;
    height:var(--v-arrow-image-size)!important;
    margin:0!important;
    padding:0!important;
    border:none!important;}

scrollbar> slider> thumb,
scrollbar> scrollbarbutton,
html|select> html|button{
    -moz-appearance:none!important;
    border:none!important;
    border-radius:var(--v-scrollbar-border-radius)!important;
    background-color:var(--v-highlight-background-color)!important;
    background-image:none!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:var(--v-arrow-image-size)!important;}

scrollbar[orient="vertical"],
scrollbar[orient="vertical"]> slider,
scrollbar[orient="vertical"]> slider> thumb{
    min-width:var(--v-scrollbar-min-size)!important;
    max-width:var(--v-scrollbar-min-size)!important;}

scrollbar[orient="horizontal"],
scrollbar[orient="horizontal"]> slider,
scrollbar[orient="horizontal"]> slider> thumb{
    min-height:var(--v-scrollbar-min-size)!important;
    max-height:var(--v-scrollbar-min-size)!important;}

scrollbar> scrollbarbutton{
    min-width:var(--v-scrollbar-min-size)!important;
    min-height:var(--v-scrollbar-min-size)!important;}

scrollbar> slider> thumb:hover,
scrollbar> scrollbarbutton:not([disabled="true"]):hover{
    background-color:var(--v-highlight-background-color-hover)!important;}

scrollbar> slider> thumb:active,
scrollbar> scrollbarbutton:not([disabled="true"]):hover:active,
menulist> dropmarker:not([disabled="true"])[open="true"],
html|select> html|button:active{
    background-color:var(--v-highlight-background-color-active)!important;}

html|select> html|button{
    background-image:var(--v-arrow-dn-image)!important;}

scrollbar> scrollbarbutton[type="increment"],
html|select> html|button[orientation="right"]{
    background-image:var(--v-arrow-rit-image)!important;}

scrollbar[orient="vertical"]> scrollbarbutton[type="increment"]{
    background-image:var(--v-arrow-dn-image)!important;}

scrollbar> scrollbarbutton[type="decrement"],
html|select> html|button[orientation="left"]{
    background-image:var(--v-arrow-lft-image)!important;}

scrollbar[orient="vertical"]> scrollbarbutton[type="decrement"]{
    background-image:var(--v-arrow-up-image)!important;}

scrollbar> scrollbarbutton[type="increment"][disabled="true"],
scrollbar[orient="vertical"]> scrollbarbutton[type="increment"][disabled="true"],
scrollbar> scrollbarbutton[type="decrement"][disabled="true"],
scrollbar[orient="vertical"]> scrollbarbutton[type="decrement"][disabled="true"],
menulist> dropmarker[disabled="true"]{opacity:0.5!important;}
/*--------------------------------*/
/*Тултипы*/
/*tooltip{-moz-appearance:none!important;
    color:var(--arrowpanel-color,rgba(12,12,13,1))!important;
    background:var(--arrowpanel-background,rgb(255,255,255))!important;
    border: 1px solid var(--arrowpanel-border-color,rgb(204,204,204))!important;
    padding: 2px!important;}

*|*:root[lwt-popup-brighttext] tooltip{
    color:var(--arrowpanel-color,rgb(177,177,179))!important;
    background:var(--arrowpanel-background,rgb(27,27,29))!important;
    border-color:var(--arrowpanel-border-color,rgb(60,60,61))!important;}

*|*:root:-moz-any([lwt-sidebar-brighttext],.theme-dark) tooltip{
    color:var(--lwt-sidebar-text-color,rgb(177,177,179))!important;
    background:var(--lwt-sidebar-background-color,rgb(27,27,29))!important;
    border-color:rgb(60,60,61)!important;}

tooltip description:not([style]){color:inherit!important;}
tooltip .text-link{color:rgb(200,200,200)!important;}
/*--------------------------------*/
/*resizer*//*resizer{-moz-appearance:none!important;}
/*=============================================================*/


/*Тултипы - forum.mozilla-russia.org/viewtopic.php?pid=778152#p778152*/
    tooltip{-moz-appearance:none!important;
    color:rgb(244,244,245)!important;
    background:rgba(11,11,12,0.7)!important;
    border:1px solid rgba(0,0,0,0.1)!important;
    outline:1px solid rgba(255,255,255,0.4)!important;
    border-radius:0px!important; -moz-outline-radius:0px!important; /*радиус*/
    overflow:hidden!important;
    outline-offset: -2px!important;
    padding: 3px!important;}
tooltip description:not([style]){color:inherit!important;}
tooltip .text-link{color:rgb(69,161,255)!important;}
/*=============================================================*/
/*--------------------------------*/
/*Тултипы(old)*/
/*tooltip{
    -moz-appearance:none!important;
    border-style:solid!important;
    border-width:2px!important;
    -moz-border-top-colors:rgba(0,0,0,0.1) rgba(255,255,255,0.4)!important;
    -moz-border-left-colors:rgba(0,0,0,0.1) rgba(255,255,255,0.4)!important;
    -moz-border-right-colors:rgba(0,0,0,0.1) rgba(255,255,255,0.4)!important;
    -moz-border-bottom-colors:rgba(0,0,0,0.1) rgba(255,255,255,0.4)!important;
    background-color:rgba(11,11,12,0.7)!important;
    background-image:none!important;
    background-origin:border-box!important;
    background-clip:border-box!important;
    background-repeat:no-repeat!important;
    background-position:0% 0%!important;
    background-size:auto!important;
    color:rgb(244,244,245)!important;
    text-shadow:0 0 1px rgba(11,11,12,0.2)!important;}

tooltip description:not([style]){color:rgb(244,244,245)!important;text-shadow:0 0 1px rgba(11,11,12,0.2)!important;}
tooltip description[style*="color:grey"]{color:rgb(190,190,190)!important;}
tooltip .text-link{color:rgb(120,120,120)!important;}
/*--------------------------------*/
/*=============================================================*/


скрытый текст
Может старый код оставить?) просто не думал что так сложно, там та все работает вроде как надо.
Я бы принял и такой код если бы тот не работал, и сказал спасибо и на таком а когда есть выбор лучшего хоть и старого...
/*Всплывающие ссылки над статусбаром в темном стиле*/ у меня не рабоает, вообще у меня .css на 70% поломанный, там что-то работает что-то не работает а что-то работает, благодаря другим кодам зависят, вот так(ну полтора года там не обновлялось).
Но я стараюсь по чуть чуть хотя-бы что могу сам, тут в теме кроме вас-та никто и не сможет, а если смогут то они тут не пишут просто смотрят.
В общем не хочу загружать, у вас эта как никак не работа же, скорее хобби.. вон сколько таких как я) поэтому пишу раз в пол года или 2-3месяца.
Спасибо что помогайте и за "user_chrome_files", хотелось бы чтобы и вы не изчезли в будущем как многие до этого, но не все вечно под луной))... и рано или поздно возможно и вы присоеденитесь к ним(.

Отредактировано func4ptch4 (15-02-2020 22:31:48)

Отсутствует

 

№794016-02-2020 02:50:48

Zver555
Участник
 
Группа: Members
Зарегистрирован: 29-11-2012
Сообщений: 27
UA: Firefox 73.0

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

Подскажите, как быть. Кнопка открытия новой вкладки (+) находится справа от панель вкладок. Вкладки в несколько строк. Как поставить её справа не от всей панели, а от последней открытой вкладки? Раньше как-то было, а теперь слетело и не знаю как вернуть(

Отсутствует

 

№794116-02-2020 03:25:10

NikosColev
Участник
 
Группа: Members
Зарегистрирован: 06-01-2020
Сообщений: 76
UA: Firefox 68.0

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

Zver555 пишет

Вкладки в несколько строк.

А можно код для в несколько строк? - а то я тут спрашивал, но меня куда-то послали...

Отсутствует

 

№794216-02-2020 08:59:51

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 244
UA: Firefox 57.0

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

NikosColev пишет

код для в несколько строк

https://forum.mozilla-russia.org/viewto … 14#p776814

Отсутствует

 

№794316-02-2020 09:20:57

NikosColev
Участник
 
Группа: Members
Зарегистрирован: 06-01-2020
Сообщений: 76
UA: Firefox 68.0

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

shadow_user, кучерявенько, спасибо, будем посмотреть.

P.S. А тут или в окрестностях, случайно нет, чего-то типа каталога с кусками актуальных стилей? - или только этот топик шерстить? - ощущение, что разобраться возможно только на тяжком опыте.

Отсутствует

 

№794416-02-2020 10:35:07

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

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

func4ptch4 пишет

Может старый код оставить?) просто не думал что так сложно, там та все работает вроде как надо.

Нет старый код не работает как раньше свойства -moz-border-(top|bottom|left|right)-colors устаревшие
я фиг знает что у вас там за скриншоты мало что понятно вот так должны выглядеть тултипы обновленные (также как и старые когда были в рабочем состоянии)

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

если вам надо увеличить толшину border и/или outline
    border: 2px solid rgba(0,0,0,0.1) !important;
    outline: 2px solid rgba(255,255,255,0.4) !important;
    outline-offset: -4px !important; /* Задаёт расстояние от края элемента до рамки */

Отсутствует

 

№794516-02-2020 11:32:30

harryk
Участник
 
Группа: Members
Зарегистрирован: 23-12-2019
Сообщений: 418
UA: unknown 0.0

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

Ткните носом, где код темной библиотеки, а то я что-то потерялся :)

Отсутствует

 

№794616-02-2020 15:50:15

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

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

Vitaliy V. пишет

https://forum.mozilla-russia.org/viewto … 72#p773672
но нужно заменить https://forum.mozilla-russia.org/viewto … 86#p777986

Я правильно понял, заменил var url, type = "application/vnd.mozilla.xul+xml"; на var url, type = "application/vnd.mozilla.Xhtml+xml"; ? Но у меня теперь стала предлагать сохранять файлы с произвольным именем без расширения типа - 8aavggh4 и с частичным содержанием самой кнопки. Что я не так делаю?

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

Выделить код

Код:

<?xml version="1.0" ?> 
  <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> 
  <?xml-stylesheet href="chrome://browser/content/places/places.css"?> 
  <?xml-stylesheet href="chrome://browser/skin/places/places.css"?> 
  <?xml-stylesheet href="chrome://browser/skin/places/tree-icons.css"?> 
- <dialog xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" id="bookmark-folder-saver-dialog" windowtype="bookmark-folder-saver:dialog" title="Выберите папку" buttons="accept,cancel" onload="init();" width="500" height="640">
  <script type="application/javascript" src="chrome://global/content/globalOverlay.js" /> 
  <script type="application/javascript" src="chrome://browser/content/utilityOverlay.js" /> 
- <script type="application/javascript">
- <![CDATA[ 
                    ChromeUtils.defineModuleGetter(window, "PlacesUtils", "resource://gre/modules/PlacesUtils.jsm");
                    ChromeUtils.defineModuleGetter(window, "PlacesUIUtils", "resource:///modules/PlacesUIUtils.jsm");
                    ChromeUtils.defineModuleGetter(window, "PlacesTransactions", "resource://gre/modules/PlacesTransactions.jsm");
                    ChromeUtils.import("resource://gre/modules/XPCOMUtils.jsm");
                    XPCOMUtils.defineLazyScriptGetter(window, "PlacesTreeView", "chrome://browser/content/places/treeView.js");
                    XPCOMUtils.defineLazyScriptGetter(
                        window,
                        ["PlacesInsertionPoint", "PlacesController", "PlacesControllerDragHelper"],
                        "chrome://browser/content/places/controller.js"
                    );
                

  ]]> 
  </script>
  <script type="application/javascript" src="chrome://browser/content/places/places-tree.js" /> 
- <tree id="tree" type="places" is="places-tree" place="place:type=8&excludeItems=1&excludeQueries=1" hidecolumnpicker="true" seltype="single" flex="1">
- <treecols>
  <treecol id="title" flex="1" primary="true" hideheader="true" /> 
  </treecols>
  <treechildren /> 
  </tree>
- <script type="application/javascript">
- <![CDATA[ 
                    var tree = document.getElementById("tree");
                    function init() {
                        tree.selectItems([window.arguments[0]]);
                        var ind = tree.view.selection.currentIndex;
                        ind != -1 && setTimeout(() => {
                            if ("nsITreeBoxObject" in Ci) {
                                var tbo = tree.treeBoxObject;
                                var visibleRows = tbo.height/tbo.rowHeight;
                            } else {
                                var tbo = tree;
                                var visibleRows = tbo.getPageLength();
                            }
                            var cur = tbo.view.selection.currentIndex;
                            var first = tbo.getFirstVisibleRow();
                            var newFirst = cur - 0.35*visibleRows + 1;
                            tbo.scrollByLines(Math.round(newFirst - first));
                        }, 0);
                        var onKeydown = e => e.ctrlKey && e.key == "Enter" && !e.shiftKey
                            && document.documentElement.acceptDialog(e.stopPropagation());
                        addEventListener("keydown", onKeydown, true);
                        addEventListener("dialogaccept", dialogCallback);
                        window.onunload = () => {
                            removeEventListener("keydown", onKeydown, true);
                            removeEventListener("dialogaccept", dialogCallback);
                        }
                    }
                    function dialogCallback() {
                        var ind = tree.view.selection.currentIndex;
                        if (ind == -1) return;
                        var item = tree.view.nodeForTreeIndex(ind);
                        item && Services.prefs.setStringPref(
                            "CB.bookmarkFolderGuidForSaving", PlacesUtils.getConcreteItemGuid(item)
                        );
                    }
                

  ]]> 
  </script>
  </dialog>]

Добавлено 16-02-2020 16:02:22

Vitaliy V. пишет

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

Какие красивые, я тоже такие хочу, где можно их взять? :)

Отредактировано voqabuhe (16-02-2020 16:02:22)

Отсутствует

 

№794716-02-2020 16:34:03

Zver555
Участник
 
Группа: Members
Зарегистрирован: 29-11-2012
Сообщений: 27
UA: Firefox 73.0

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

Если кто-то может помочь про кнопку новой вкладки (+) после последней вкладки - она сначала есть, а потом пропадает после первого полноэкранного режима в ютьюбе. А стандартные файлы типа newtab_button_always_visible.css и tabs_multiple_lines_fx71_force_newtab_button_visibility.css устанавливают её не справа после последней вкладки, а справа после всей панели вкладок. Тогда она не пропадает, но я хочу как было. Появилась эта проблема в версии 73.

Отсутствует

 

№794816-02-2020 17:34:19

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

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

voqabuhe пишет

Я правильно понял

увы нет, надо на var url, type = "application/xhtml+xml";

voqabuhe пишет

где можно их взять?

да прямо здесь №7930
только использовать нужно в user_chrome_files/custom_styles/custom_style_agent.css
в userChrome.css не все тултипы возможно изменить

Отредактировано Vitaliy V. (16-02-2020 17:34:38)

Отсутствует

 

№794916-02-2020 20:15:50

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 73.0

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

Zver555 пишет

Если кто-то может помочь про кнопку новой вкладки (+) после последней вкладки - она сначала есть, а потом пропадает после первого полноэкранного режима в ютьюбе.

Вообще это желательно обсуждать в другой теме. У себя такой проблемы к счастью не наблюдаю.

А стандартные файлы типа newtab_button_always_visible.css и tabs_multiple_lines_fx71_force_newtab_button_visibility.css устанавливают её не справа после последней вкладки, а справа после всей панели вкладок.

А вот если дело в этих самых стандартных файлах, то попробуйте обратится к автору этих файлов, чтоб пофиксил проблему, если это возможно. Кстати, три дня назад был обновлён стиль newtab_button_always_visible.

скрытый текст
674a3e9152d6.png

Отсутствует

 

№795016-02-2020 21:07:27

Zver555
Участник
 
Группа: Members
Зарегистрирован: 29-11-2012
Сообщений: 27
UA: Firefox 73.0

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

sandro79 пишет

Кстати, три дня назад был обновлён стиль newtab_button_always_visible.

Этот стиль даёт кнопку справа от панели вкладок. У вас где она?

Отсутствует

 

Board footer

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