В 67 и 72 строке подставьте свои иконки.
Спасибо, помогло, жаль, что сам не догадался, уж больно эти две ссылки в коде отличаются от остальных. Иконка закладок у меня есть, не могли бы вы еще подсказать, где можно найти иконку загрузок, а то через поиск не сумел отыскать.
Отсутствует
не могли бы вы еще подсказать, где можно найти иконку загрузок, а то через поиск не сумел отыскать.
Win7
Отсутствует
Vitaliy V.
Чем в 91 заменить этот код?
panel[type="autocomplete-richlistbox"] { background: rgba(10,10,15,0.8) !important; color: rgb(220,220,225) !important; border: 1px solid var(--v-highlight-background-color) !important; } panel[type="autocomplete-richlistbox"] > richlistbox { background: transparent !important; color: inherit !important; margin: 0 !important; }
Отсутствует
А какой ещё активен? Очевидно classic_squared_tabs.css, в нём смотрите настройки кнопки, в этом правиле.
Совершенно верно! Поставил значение 12рх. Собственно вопрос решён. Благодарю!
В дефолтном варианте так можно уменьшить
Этот вариант оказался самым худшим. Вместо креста так и есть: едва различимый невооружённым глазом прыщ.
Отредактировано YrdErfgert (14-07-2021 21:38:38)
Отсутствует
egorsemenov06
@-moz-document url("about:newtab"), url("about:home") { .tile > div, .tile > div::before { visibility: var(--v-visibility-tile-children, visible) !important; } .tile { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } /* ************| Далее шаблон заменяем на своё и т.д. |************ */ .top-site-button[href="адрес"] .tile { --v-visibility-tile-children: collapse; background-image: url("иконка") !important; } }
panel[type="autocomplete-richlistbox"] { --panel-color: rgb(220,220,225) !important; --panel-background: rgba(10,10,15,0.8) !important; --panel-border-color: var(--v-highlight-background-color) !important; }
Отредактировано Vitaliy V. (14-07-2021 21:47:56)
Отсутствует
egorsemenov06
скрытый текстВыделить кодКод:
@-moz-document url("about:newtab"), url("about:home") { .tile > div, .tile > div::before { visibility: var(--v-visibility-tile-children, visible) !important; } .tile { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } /* ************| Далее шаблон заменяем на своё и т.д. |************ */ .top-site-button[href="адрес"] .tile { --v-visibility-tile-children: collapse; background-image: url("иконка") !important; } }
ОГРОМНЕЙШЕЕ СПАСИБО ВАМ!!!
Можно попросить у Вас обновить иконку сделать как в АТВ в этой кнопке
//Ссылки кликабельны 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' height='16' width='16' viewBox='0 0 48 48'><g><rect x='0' y='0' width='48' height='48' rx='3' ry='3' style='fill:rgb(0, 120, 173);'/><path style='opacity:0.25;fill:black;' d='M 32,5 24,12 22.8,20.3 24.2,21.7 21.7,24.3 20.3,22.9 12,24 5,31 7.7,43 12.7,48 H 45 C 46.7,48 48,46.7 48,45 V 12.8 L 40.2,5 Z'/><path style='fill:white;' d='M 40.4,5.23 C 37.5,2.26 32.9,2.26 29.8,5.23 L 24,11 C 21.5,13.5 21.2,17.4 22.8,20.3 L 25.8,17.3 C 25.2,15.4 25.7,14 27.2,12.6 L 31,8.8 C 33.3,6.55 36,6.55 38.1,8.8 L 39.3,9.9 C 41.4,12.1 41.4,14.7 39.2,17 L 35.4,20.8 C 33.9,22.4 32.1,23.2 30.2,22.7 L 27.8,25.2 C 30.6,26.9 34.4,26.5 37.1,24 L 42.7,18.2 C 45.7,15.2 45.7,10.5 42.7,7.49 L 40.4,5.23 M 33,15 C 32.3,14.5 31.4,14.3 30.6,14.8 L 14.8,30.6 C 14.3,31.3 14.5,32.3 15,33 15.6,33.5 16.7,33.7 17.4,33.2 L 33.2,17.4 C 33.7,16.7 33.5,15.6 33,15 M 20.3,22.9 C 17.4,21.2 13.4,21.5 11,24 L 5.23,29.8 C 2.26,32.9 2.26,37.6 5.23,40.4 L 7.48,42.8 C 10.5,45.8 15.3,45.8 18.2,42.8 L 24,37.1 C 26.5,34.5 26.8,30.6 25.1,27.7 L 22.2,30.7 C 22.7,32.6 22.3,34 20.8,35.5 L 17,39.3 C 14.8,41.5 12,41.5 9.8,39.4 L 8.8,38.2 C 6.55,36 6.55,33.3 8.8,31 L 12.5,27.3 C 14,25.7 15.4,25.3 17.2,25.7' /></g></svg>"; var mmMap; var texttolink = { get framescript() { delete this.framescript; return this.framescript = "data:application/javascript;charset=utf-8," + encodeURIComponent(`(${(function() { var frame_script = { gFrameList: [], running: false, init: function() { addMessageListener("requestTextToLinkFrameScript", this); }, receiveMessage: function(msg) { var mdf = msg.data.func; if (mdf == "TextToLink") this.textToLink(); }, textToLink: function() { if (this.running || !content?.document?.body) return; this.running = true; this.goThroughFrames(content.document, content.window); var url_regexp = /(^|[\s(,;'"`“])((?:(?:http|ftp)s?:\/\/[-\wа-яё.!~*'();,/?:@&=+$#%]|www\d{0,3}[.][a-zа-яё0-9.\-]{2,249}|[a-zа-яё0-9.\-]{2,250}[.][a-zа-яё]{2,4}\/)[-\wа-яё.!~*'();,/?:@&=+$#%]*)/gim, email_regexp = /(^|mailto:|[\s(,;'"`“])([\w!#$%&'*+/=?^`{|}~.-]{2,}@[\[\]A-Z0-9.-]+)/gim, setEmail = (node, text) => { if (!(text = node.textContent)) return; 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; var repl = text.replace(url_regexp, '$1<a href="$2" target="_blank" class="add__TextToLink">$2</a>'); if (text.length == repl.length) { setEmail(node); 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); for (let child of span.childNodes) { if (child.nodeType == child.TEXT_NODE) setEmail(child); } }, excludedTags = "a,svg,canvas,applet,input,button,area,embed,noembed,frame,frameset,head,iframe,img,select,option,datalist,map,meta,noscript,object,param,script,style,textarea,code".split(","), elList = [], getWalker = elem => { var doc = elem.ownerDocument, win = doc.defaultView, filter_reject = win.NodeFilter.FILTER_REJECT, filter_skip = win.NodeFilter.FILTER_SKIP, filter_accept = win.NodeFilter.FILTER_ACCEPT, walker = doc.createTreeWalker(elem, win.NodeFilter.SHOW_ALL, { acceptNode: function(node) { for (let t of excludedTags) if (node.localName === t) return filter_reject; if (node.nodeType != node.TEXT_NODE && !node.shadowRoot) return filter_skip; return filter_accept; } }, false); while (walker.nextNode()) { let currnode = walker.currentNode; if (currnode.shadowRoot) getWalker(currnode.shadowRoot); else elList.push(currnode); } }; this.gFrameList.forEach(doc => { if (!doc.body) return; getWalker(doc.body); for (let el of elList) setLink(el); elList = []; }); this.gFrameList = []; this.running = false; }, goThroughFrames: function(aDocument, aWindow) { if (!aDocument) return; this.gFrameList.push(aDocument); var num = aWindow.frames.length; if (!num) return; for (let i = 0; i < num; i++) { let frame = aWindow.frames[i], doc = null; try { doc = frame.document; } catch (e) {} this.goThroughFrames(doc, frame); } }, ininit: function() { removeMessageListener("requestTextToLinkFrameScript", this); sendAsyncMessage("responseTextToLinkFrameScript", {func: "unloadFrameScript"}); } }; frame_script.init(); addEventListener("unload", function unload() { frame_script.ininit(); }, { once: true }); })})();`); }, loadsScript: function() { this.receiveMessage = function(msg) { var mdf = msg.data.func; if (mdf == "unloadFrameScript") { this.mm.removeMessageListener("responseTextToLinkFrameScript", this); mmMap.delete(this.mm); this.mm = null; } }; this.addMessage = function(mm) { this.mm = mm; mm.addMessageListener("responseTextToLinkFrameScript", this, true); mm.loadFrameScript(texttolink.framescript, false); }; this.sendMessage = function(str) { this.mm.sendAsyncMessage("requestTextToLinkFrameScript", {func: str}); }; }, sendAsyncMessages: function(win, str) { mmMap = new WeakMap(); this.sendAsyncMessages = function(win, str) { var message = mmMap.get(win.gBrowser.selectedBrowser.messageManager) || (() => { var loadsScript = new this.loadsScript(), mm = win.gBrowser.selectedBrowser.messageManager; loadsScript.addMessage(mm); mmMap.set(mm, loadsScript); return loadsScript; })(); message.sendMessage(str); }; this.sendAsyncMessages(win, str); }, }; CustomizableUI.createWidget({ id: id, label: label, tooltiptext: tooltiptext, localized: false, defaultArea: CustomizableUI.AREA_NAVBAR, onCreated: function(btn) { btn.style.setProperty("list-style-image", `url("${img}")`, "important"); }, onCommand: function(e) { texttolink.sendAsyncMessages(e.target.ownerGlobal, "TextToLink"); }, }); })(); } catch(e) {}
Отсутствует
egorsemenov06
Ну там не только иконку надо бы обновлять, но пока не охота,
а иконку вот, создать svg
<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 48 48"> <path style="fill:context-fill;fill-opacity:context-fill-opacity;" d="M 40.4,5.23 C 37.5,2.26 32.9,2.26 29.8,5.23 L 24,11 C 21.5,13.5 21.2,17.4 22.8,20.3 L 25.8,17.3 C 25.2,15.4 25.7,14 27.2,12.6 L 31,8.8 C 33.3,6.55 36,6.55 38.1,8.8 L 39.3,9.9 C 41.4,12.1 41.4,14.7 39.2,17 L 35.4,20.8 C 33.9,22.4 32.1,23.2 30.2,22.7 L 27.8,25.2 C 30.6,26.9 34.4,26.5 37.1,24 L 42.7,18.2 C 45.7,15.2 45.7,10.5 42.7,7.49 L 40.4,5.23 M 33,15 C 32.3,14.5 31.4,14.3 30.6,14.8 L 14.8,30.6 C 14.3,31.3 14.5,32.3 15,33 15.6,33.5 16.7,33.7 17.4,33.2 L 33.2,17.4 C 33.7,16.7 33.5,15.6 33,15 M 20.3,22.9 C 17.4,21.2 13.4,21.5 11,24 L 5.23,29.8 C 2.26,32.9 2.26,37.6 5.23,40.4 L 7.48,42.8 C 10.5,45.8 15.3,45.8 18.2,42.8 L 24,37.1 C 26.5,34.5 26.8,30.6 25.1,27.7 L 22.2,30.7 C 22.7,32.6 22.3,34 20.8,35.5 L 17,39.3 C 14.8,41.5 12,41.5 9.8,39.4 L 8.8,38.2 C 6.55,36 6.55,33.3 8.8,31 L 12.5,27.3 C 14,25.7 15.4,25.3 17.2,25.7" /> </svg>
Отредактировано Vitaliy V. (15-07-2021 01:22:05)
Отсутствует
egorsemenov06
Ну там не только иконку надо бы обновлять, но пока не охота
Спасибо огромное!!!!!
Отсутствует
Что-то автор зачастил с обновлениями.
https://github.com/Aris-t2/CustomCSSforFx
Это что, рекомендуется тоже это все с выходом новых версий обновлять?
Каждый раз искать строки и править их в userChrome.css
Оно, конечно, можно, но утомительно.
Жаль, что нельзя делать импорт-экспорт этих настроек.
У меня пока 3.2.8.
Отредактировано falcon1598 (15-07-2021 23:20:23)
Отсутствует
Всем добра, и у всех пардон.
Вопроса два.
1. Как сделать, чтобы кнопка "Список всех вкладок" была доступна всегда? Код
не работает.
2. Ещё нужно вернуть в адресную строку или хотя бы рядом кнопку "Перейти", чтобы всегда была. Может не CSS, но как это сделать?
Всё это нужно буквально каждые пять минут, будь прокляты гопники-погромисты... Ну да ладно. Поможите, люди
Отсутствует
Это что, рекомендуется тоже это все с выходом новых версий обновлять?
А вам чего обновлять, вы же не на Протоне сидите, а на 78-ой.
Как сделать, чтобы кнопка "Список всех вкладок" была доступна всегда? Код не работает
Этот код работает по сей день и в 92 . Может вам поддержку файлов стилей нужно включить toolkit.legacyUserProfileCustomizations.stylesheets — true
кнопку "Перейти", чтобы всегда была
#urlbar-container :is(.urlbar-go-button, #urlbar-go-button) { display: initial !important; }
Отредактировано sandro79 (18-07-2021 23:53:18)
Отсутствует
Установил v.90.0 (до этого была v.84)
Цвет в настройках стал тёмный.
Буду очень благодарен за помощь!
Как можно его поменять на светлый #f2f2f2
Отсутствует
Использую такой код для замены стандартных черно-белых кнопок закрытия вкладок на цветные (изображения свои):
#tabbrowser-tabs .tabbrowser-tab .tab-close-button:hover {
list-style-image: url("./../image/close_hover.png") !important;
border-radius: 2px !important;
width: 16px !important;
height: 16px !important;
}
#tabbrowser-tabs .tabbrowser-tab .tab-close-button:active {
list-style-image: url("./../image/close_active.png") !important;
border-radius: 2px !important;
width: 16px !important;
height: 16px !important;
}
#tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
visibility: visible !important;
display: block !important;
}
#tabbrowser-tabs .tabbrowser-tab:not([pinned])[faviconized="true"] .tab-close-button {
visibility: collapse !important;
display: none !important;
}
Отсутствует
Alex_one
Как вариант, добавьте в файл config.js -> строку lockPref("browser.theme.toolbar-theme", 2); но будет светлая везде ( настройках, дополнениях и...
Win7
Отсутствует
Алексей У.
Попробуйте такой вариант:
Devuan
На панели вкладок или... ПКМ -> панель меню
Отредактировано kokoss (16-07-2021 21:28:41)
Win7
Отсутствует
kokoss
Отличный вариант, благодарю Вас!
в файл config.js -> строку lockPref("browser.theme.toolbar-theme", 2); но будет светлая везде
Отредактировано Alex_one (16-07-2021 21:38:42)
Отсутствует
kokoss
Посоветуй, на 91 контекстное меню внезапно стало темным, установлена тема серая Karabash и на 90 она со светлым КМ. Перебрал много серых и у всех на 91 темное КМ. Светлые темы глаз режут, привык к mac - овскому цвету обрамления
add
добавил скрин, "почернели" еще выпадающие меню папок панели закладок и меню кнопки ATB "восстановить". Все остальное светлое - что за дела?
Отредактировано bezuma (16-07-2021 21:51:17)
Отсутствует
Алексей У.
Попробуйте такой вариант:
Не работает.
Отсутствует
bezuma
Попробуй это: user_pref("browser.proton.contextmenus.enabled", false);
Не работает.
У меня в 68, работает!
Отредактировано kokoss (16-07-2021 22:31:45)
Win7
Отсутствует
установлена тема серая Karabash и на 90 она со светлым КМ. Перебрал много серых и у всех на 91 темное КМ
Ну правильно настройка browser.proton.contextmenus.enabled в 91 удалена.
Здесь под спойлером второе правило.
Отсутствует
sandro79
Зупер! побелело все в 91
, можешь добавить в название Протоновское контекстное меню для
10 и
11 dev (пару недель тестирую). Ежели что изменится, здесь тебя помониторю, ОК
Отсутствует
А как вернуть всплывающие подсказки на закладках в боковой панели в Firefox_91.0b3, как было раньше ?
Egc. Vitaliy V. - пожалуйста. И, если возможно, список содержимого, через новую строку, для [container="true"]. С индикацией подпапок (не стоит их разворачивать).
Отредактировано _zt (17-07-2021 09:50:24)
Отсутствует