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

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

№1170114-11-2021 22:10:49

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

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

Ник 22 пишет

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

Может быть так

скрытый текст
Взято отсюда

Выделить код

Код:

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true], [multiselected]) {
  background-color: rgb(200,200,220) !important;
}

И уберите у себя лишнюю скобку после второго правила
.tabbrowser-tab:not([selected],[pending]) .tab-background{ background: rgb(200,200,220) }
}

Отсутствует

 

№1170214-11-2021 23:09:42

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 77
UA: Firefox 91.0

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

sandro79

Спасибо. Работает.

Отсутствует

 

№1170316-11-2021 11:13:19

ssn09
Участник
 
Группа: Members
Зарегистрирован: 15-10-2021
Сообщений: 9
UA: Firefox 91.0

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

А существует относительно простой метод замены иконок в аддоне?..

Например, мне не нравится кнопка, которую добавляет аддон в тулбар, хотелось-бы её заменить на другую.
Это возможно сделать стилями (css) или только как-то редактируя сам аддон (хотя наверняка там и сертификаты, и контрольные суммы в полный рост вылезут).

Отсутствует

 

№1170417-11-2021 01:30:57

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

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

ssn09 пишет

Это возможно сделать стилями (css) или только как-то редактируя сам аддон

И так и так можно. В первом случае по аналогии с этим способом можно. Например для дополнения Close current Tab получается такой код, иконка взята из потрохов браузера

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

Выделить код

Код:

#_e533b140-e649-4112-8ea3-7b2556be06d7_-browser-action {
  --webextension-toolbar-image: url("chrome://devtools/skin/images/close.svg") !important;
  --webextension-toolbar-image-light: url("chrome://devtools/skin/images/close.svg") !important;
  --webextension-toolbar-image-dark: url("chrome://devtools/skin/images/close.svg") !important;
  --webextension-toolbar-image-2x: url("chrome://global/skin/icons/close.svg") !important;
  --webextension-toolbar-image-2x-light: url("chrome://global/skin/icons/close.svg") !important;
  --webextension-toolbar-image-2x-dark: url("chrome://global/skin/icons/close.svg") !important;
}

Во втором случае, после подмены иконки в .xpi файле дополнения, потребуется подпись дополнения в центре разработки, или использовать неподписанное дополнение по методу двух файлов, но это уже другая тема. Тут немного конкретики.

Отсутствует

 

№1170517-11-2021 22:00:01

ssn09
Участник
 
Группа: Members
Зарегистрирован: 15-10-2021
Сообщений: 9
UA: Firefox 91.0

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

sandro79 пишет

И так и так можно.

О... отлично, буду по свободе ковырять.

А возможно обойти дебильное ограничение мозиллы на выполнение аддонов в спец.окнах (about, настройки, ошибка сети и т.п.) - любой метод подойдет ;)?
А то за десятки лет привык пользоваться жестами мышами везде, а тут такая засада... :angry:

Отсутствует

 

№1170618-11-2021 00:17:37

Dobrov
Участник
 
Группа: Members
Зарегистрирован: 04-10-2011
Сообщений: 246
UA: Firefox 87.0

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

Приветствую! Подскажите, как сделать подсказку (tooltip) для папки на панели закладок?
Иконку и курсор мыши поменял, но вот всплывающую подсказку не получается добавить, такого атрибута нет.
В aris-t2/customcssforfx подсказки в addonlists_show_addon_version_number.xml добавляются через код, но я там не разобрался…

Выделить код

Код:

/* Значок указанной папки Избранного - Пустое имя, жёлтый цвет папки, курсор в виде руки */
.bookmark-item[label=""] > .toolbarbutton-icon {
    filter: invert(15%) sepia(300%) saturate(500%) !important; height: 20px !important;
}
.bookmark-item[label=""]:hover { cursor: pointer;}

Отсутствует

 

№1170718-11-2021 03:30:18

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

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

Отсутствует

 

№1170818-11-2021 10:39:20

Dobrov
Участник
 
Группа: Members
Зарегистрирован: 04-10-2011
Сообщений: 246
UA: Firefox 88.0

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

_zt - в твоём стиле нет кастомного tooltip.
Нужна подсказка с поясняющим текстом для папки Закладок с пустым именем. Чтобы при наведении на закладку "" появлялся tooltip с конкретным текстом, прописанным в CSS.

Отсутствует

 

№1170918-11-2021 11:30:42

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

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

Dobrov
Телепаты в отпуске. Ну нет, так нет.

Отсутствует

 

№1171018-11-2021 12:16:18

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

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

Dobrov
Ну ладно, хоть вопрос и "не прозвучал", объясню.
Для каждой папки придется, ниже основного кода, продублировать... Короче, вот пример:

Выделить код

Код:

toolbarbutton.bookmark-item[container="true"]:is(:-moz-any([label="Внутренние страницы"]))::after {
    content: "Служебные страницы Firefox" !important;
}

1c852cf892b0.png
   
И строка кода для сайдбара, по ссылке, лишняя, в сайдбаре это уже не работает.

Отредактировано _zt (18-11-2021 12:18:43)

Отсутствует

 

№1171118-11-2021 14:16:58

Dobrov
Участник
 
Группа: Members
Зарегистрирован: 04-10-2011
Сообщений: 246
UA: Firefox 87.0

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

_zt пишет

Короче, вот пример:

Всё скопировал в custom_styles_all_user.css, но не получилось:
f16cce76e9e9.png

Отсутствует

 

№1171219-11-2021 00:20:12

vassemm
Участник
 
Группа: Members
Зарегистрирован: 11-02-2019
Сообщений: 18
UA: Firefox 94.0

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

Vitaliy V.
Снова прошу вашей помощи.
Поставил ваш user_chrome_files от 2021-9-23, ну и перестало работать скрытие боковой панели по клику (auto_hide_sidebar).

Прошу вас подсказать, что нужно подправить/вставить/заменить, чтобы скрытие было по клику.

PS: последний раз это было вот здесь (https://forum.mozilla-russia.org/viewto … 36#p776636)

Отредактировано vassemm (19-11-2021 08:44:01)

Отсутствует

 

№1171319-11-2021 07:24:19

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

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

Dobrov
Ну и что вы предлагаете, поискать за вас в каком файле стилей ucf это будет работать? :) Коды 100% рабочие. Я использовал оба (основные 2 секции по ссылке и тот что дал выше) импортом в userChrome.css.
   
Добавлено 19-11-2021 07:31:06
vassemm
auto_hide_sidebar.js лежит там же, теперь в CustomStylesScripts.jsm раскомментируйте две строки касающиеся auto_hide_sidebar, т.е. удалите перед ними двойные слэши "//".

Отредактировано _zt (19-11-2021 07:31:17)

Отсутствует

 

№1171419-11-2021 08:46:17

vassemm
Участник
 
Группа: Members
Зарегистрирован: 11-02-2019
Сообщений: 18
UA: Firefox 94.0

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

_zt
то что вы советуете само собой сделано, иначе бы оно вообще не работало.
Я прошу скрытие по клику.

Отсутствует

 

№1171519-11-2021 13:45:37

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 77
UA: Firefox 91.0

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

Подскажите пожалуйста. В Firefox 91.3 esr перестал работать код цвет не активного окна. Как исправить?

скрытый текст
:root {
    --lwt-accent-color-inactive: #326181 !important;
}

Убираю вот этот код (размер значков панели инструментов) и код цвета не активного окна начинает работать


скрытый текст
width: calc(2 * var(--toolbarbutton-inner-padding) + 17px) !important;
height: calc(2 * var(--toolbarbutton-inner-padding) + 17px) !important;
}

Отредактировано Ник 22 (19-11-2021 14:06:33)

Отсутствует

 

№1171620-11-2021 00:07:52

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

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

vassemm пишет

Я прошу скрытие по клику

Замените код в auto_hide_sidebar.js на этот

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

Выделить код

Код:

(this.autohidesidebar = {
    events: ["dragenter", "drop", "dragexit", "MozLayerTreeReady"],
    init() {
        var sidebar = this.sidebar = document.querySelector("#sidebar-box");
            if(!sidebar)
                return;
            ["dragenter", "drop", "dragexit", "mouseenter", "mouseleave"].forEach((type) => {
                sidebar.addEventListener(type, this, false);
            });
            ucf_custom_script_win.unloadlisteners.push("autohidesidebar");
        },
        destructor: function() {
            var sidebar = this.sidebar;
            ["dragenter", "drop", "dragexit", "mouseenter", "mouseleave"].forEach((type) => {
                sidebar.removeEventListener(type, this, false);
            });
        },
        handleEvent: function(event) {
            this[event.type](event);
        },
        click: function(event) {
            var sidebar = this.sidebar;
            var boxObj = sidebar.getBoundingClientRect(), boxScrn = !sidebar.boxObject ? sidebar : sidebar.boxObject;
            if (event.screenY < boxScrn.screenY || event.screenY  > boxScrn.screenY + boxObj.height || event.screenX < boxScrn.screenX  || event.screenX > boxScrn.screenX + boxObj.width) {
                window.removeEventListener("click", this, false);
                this.listener = false;
                if (sidebar.hasAttribute("sidebardrag"))
                sidebar.removeAttribute("sidebardrag");
            }
        },
        mouseenter: function() {
            var sidebar = this.sidebar;
            if (!sidebar.hasAttribute("sidebardrag") && !this.listener) {
                clearTimeout(this.timer);
                var delay = this.delay || (this.delay = +getComputedStyle(sidebar).getPropertyValue("transition-delay").replace(/[^0-9\.]/g, "") * 1000);
                this.timer = setTimeout(() => {
                    sidebar.setAttribute("sidebardrag", "true");
                    this.listener = true;
                    window.addEventListener("click", this, false);
                }, delay);
            }
        },
        mouseleave: function() {
            clearTimeout(this.timer);
        },
        dragenter: function() {
            if (!this.sidebar.hasAttribute("sidebardrag"))
            this.sidebar.setAttribute("sidebardrag", "true");
        },
        drop: function() {
            if (this.sidebar.hasAttribute("sidebardrag"))
            this.sidebar.removeAttribute("sidebardrag");
        },
        dragexit: function(event) {
            var sidebar = this.sidebar;
            var boxObj = sidebar.getBoundingClientRect(), boxScrn = !sidebar.boxObject ? sidebar : sidebar.boxObject;
            if ((!event.relatedTarget || event.screenY <= (boxScrn.screenY + 5) || event.screenY  >= (boxScrn.screenY + boxObj.height - 5)
                || event.screenX <= (boxScrn.screenX + 5) || event.screenX >= (boxScrn.screenX + boxObj.width - 5))
                && sidebar.hasAttribute("sidebardrag"))
                sidebar.removeAttribute("sidebardrag");
    }
}).init(this);

Профильная тема здесь.

Отредактировано sandro79 (20-11-2021 00:10:08)

Отсутствует

 

№1171720-11-2021 00:24:59

vassemm
Участник
 
Группа: Members
Зарегистрирован: 11-02-2019
Сообщений: 18
UA: Firefox 94.0

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

sandro79
Благодарю!

Все работает как хотелось.

Отредактировано vassemm (20-11-2021 01:02:07)

Отсутствует

 

№1171820-11-2021 02:41:49

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 896
UA: Firefox 94.0

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

Ник 22
Не знаю, правильно ли понял. Пользуюсь таким кодом.

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

Выделить код

Код:

#main-window:not(:-moz-lwtheme) {
    background-color: rgb(0,209,234) !important; /*цвет фона активного окна*/
}
   
#main-window:-moz-window-inactive:not(:-moz-lwtheme) {
    background-color: rgb(215,0,242) !important; /*цвет фона неактивного окна*/
}

Отсутствует

 

№1171920-11-2021 14:56:02

Тиккирей
Участник
 
Группа: Members
Зарегистрирован: 07-01-2012
Сообщений: 18
UA: Firefox 94.0

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

Здравствуйте!
Подскажите, как уменьшить ширину скроллбара?
Решение для боковой панели я в этой теме нашёл.
Vitaliy V. предложил добавить в userContent.css следующий код:

скрытый текст
html, body {
    scrollbar-width: thin;
}

Всё получилось, скроллбар ужался в два раза.
Вот только что сделать, чтобы так было по всей странице...
Vitaliy V. писал, что в userChrome.css можно не только для боковой панели, и предложил код:
скрытый текст
treerows, treerows scrollbar, scrollbox, .panel-subview-body, #customization-palette, #customization-panel-container, #widget-overflow-fixed-list {
    scrollbar-color: rgb(0,116,232) transparent;
    scrollbar-width: thin;
}

И затем дополнил:

Vitaliy V. пишет

добавьте div, textarea и т.д
или всё заменить на универсальный селектор * но он медленный

Но готовый код тогда указан не был и как и куда дописать "div, textarea и т.д" (что подразумевается под т.д.?) не понятно...
Код нужно будет добавить именно в userChrome.css, а не в userContent.css?

Отсутствует

 

№1172020-11-2021 18:12:22

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

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

Тиккирей
Попробуйте этот вариант:

добавить в userContent.css
https://github.com/MrOtherGuy/firefox-csshacks/blob/master/content/css_scrollbar_width_color.css
работает правда не везде...

Add, хотя вот с этим кодом:

... в userChrome.css
https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/minimal_in-UI_scrollbars.css
вроде везде...

Отредактировано kokoss (20-11-2021 23:31:55)


Win7

Отсутствует

 

№1172121-11-2021 01:37:12

Тиккирей
Участник
 
Группа: Members
Зарегистрирован: 07-01-2012
Сообщений: 18
UA: Firefox 94.0

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

kokoss
Попробовал оба варианта, не получилось...
Скроллбар боковой панели тонкий, на странице - толстый.

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

Отсутствует

 

№1172221-11-2021 04:00:00

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

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

Тиккирей
https://github.com/VitaliyVstyle/Vitali … oltips.css

скрытый текст
6bced0dc775d.png

Отредактировано _zt (21-11-2021 04:03:09)

Отсутствует

 

№1172321-11-2021 14:50:51

Тиккирей
Участник
 
Группа: Members
Зарегистрирован: 07-01-2012
Сообщений: 18
UA: Firefox 94.0

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

_zt, kokoss
Спасибо за помощь, всё получилось.

Отсутствует

 

№1172425-11-2021 01:35:02

ssn09
Участник
 
Группа: Members
Зарегистрирован: 15-10-2021
Сообщений: 9
UA: Firefox 91.0

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

sandro79 пишет

Vitaliy V.А можно ли средствами user_chrome_files в 89+ вернуть в адресную строку значок "Копировать ссылку"?

Как вариант: https://addons.mozilla.org/uk/firefox/addon/copy-url/

Отсутствует

 

№1172525-11-2021 01:55:07

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 896
UA: Firefox 94.0

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

Может я что-то пропустил и уже было. Понадобилось и вот заметил. Отвалились в ucf (у меня старый) 2 пункта:
// Пункт для контекстного меню адресной строки, подставляющий модификаторы поиска
// Добавить подменю "Поиск изображения в" в контекстном меню изображений

Первый есть сразу после загрузки браузера, после первого клика ПКМ в адресной строке пропадает. Есть рабочий вариант или можно поправить?
Отсюда https://forum.mozilla-russia.org/viewtopic.php?pid=788229#p788229

Отредактировано xrun1 (25-11-2021 11:21:43)

Отсутствует

 

Board footer

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