Ребята как убрать голубую обводку на новой и домашней странице в поисковой строке
У меня другой вопрос: как эту голубую обводку перекрасить в свой цвет?
_zt
Благодарю за код изменения цвета в Активной вкладке!
Отсутствует
Отсутствует
код для сжатия контекстного меню Закладок
у меня на закладок и гамбургера так
#BMB_bookmarksPopup .subviewbutton, panelview .subviewbutton { min-height: 18px !important; padding-top: 0px !important; padding-bottom: 0px !important; }
Отсутствует
Вот на Reddit.com нашёл вот такой маленький код для Proton'a:
/* Цвет Панели вкладок вместе с неактивными вкладками, задан, как в Win. 10 */ #titlebar > toolbar{ background-color: -moz-accent-color !important; }
Отсутствует
Может кто знает как уменьшить или убрать интервал между закрепленными и обычными вкладками?
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] { margin-inline-start: 2px !important; }
Отсутствует
Вот ещё код замены Акцентного голубого цвета, например, на красный:
/* Меняем на красный акцентный голубой цвет обводки на Новой и Домашней странице в Адресной строке, а также этот акцентный цвет меню Сохранения закладки */ :root { --in-content-primary-button-background: red !important; --in-content-primary-button-background-hover: red !important; --in-content-primary-button-background-active: red !important; --buttons-primary-button-bgcolor: red !important; --buttons-primary-button-hover-bgcolor: red !important; --buttons-primary-button-active-bgcolor: red !important; --checkbox-checked-bgcolor: red !important; --checkbox-checked-hover-bgcolor: red !important; --checkbox-checked-active-bgcolor: red !important; --lwt-popup-brighttext-url-color: red !important; --focus-outline-color: red !important; } @-moz-document regexp("^(about:|chrome:|moz-extension:).*") { :root { --in-content-primary-button-background: red !important; --in-content-primary-button-background-hover: red !important; --in-content-primary-button-background-active: red !important; --buttons-primary-button-bgcolor: red !important; --buttons-primary-button-hover-bgcolor: red !important; --buttons-primary-button-active-bgcolor: red !important; --checkbox-checked-bgcolor: red !important; --checkbox-checked-hover-bgcolor: red !important; --checkbox-checked-active-bgcolor: red !important; --lwt-popup-brighttext-url-color: red !important; --focus-outline-color: red !important; } html:not([role="dialog"]), html:not([role="dialog"]) *, html:not([role="dialog"]) body.activity-stream, window:not([chromehidden]), window:not([chromehidden]) > dialog { --in-content-primary-button-background: red !important; --in-content-primary-button-background-hover: red !important; --in-content-primary-button-background-active: red !important; } }
Отсутствует
sandro79
Подскажите, пожалуйста, в каком конкретном стиле происходит замена папок. По ссылке их 4 штуки.
Не могли бы вы дать готовый вариант замены иконок без всего остального.
Отредактировано fantom123 (03-06-2021 23:34:22)
Отсутствует
в каком конкретном стиле происходит замена папок. По ссылке их 4 штуки
Да любой скачайте.
Возьмите оттуда папку с иконками image и код из bookmark_icons_colorized.css скопируйте в свой userChrome.css, папку с иконками положите рядом и измените пути в коде как здесь, лишние значки можно удалить.
url("./../../image/folder-item.png") меняем на url("./image/folder-item.png").
Не могли бы вы дать готовый вариант замены иконок без всего остального
Я думаю вы с этим справитесь не хуже чем с этим справилась linlin. Там довольно-таки подробно всё расписано.
Отсутствует
Отсутствует
fantom123
Забыл я ещё про один метод, но только в userContent.css, меняет только папки, Dumby в этой теме выкладывал
@-moz-document url(chrome://browser/skin/places/folder.svg) { *|svg { background: no-repeat url( "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABtklEQVR4AYxStbpWQQycPT/u7tDh7vAkdHQ4DVIjPSUtNfIWuLu7u8vRTTLck+t+5/tmszobCyTx+fb2Q8NGjztIMxBw0BQmAhCQGN0ChEp1eObaY4fQCpL4+WQ/ix+nSH3eK788OOL2zYXNJIlWDnKRmpaC8ZGv2sAABCIMWgHU5/IRJkQHuIAjaYyAaYGALiCAhqLKfoJWgkB3ARoBCiACgp3ehpo0aPwLagWyFw/MKhcJXX43j0JQ5SmoRTeBBAOEqaAnuIBGqQcwprAmqmROk8z3aAJRhUkOmOHJmW0n3l/fO68thLLIMUpL0LJ2330McJi40fwlhk9ajvTLrU0xDvkNYJt74A3DxH83Sd065Z9bUiBR/GzcxJEYO3Mjqn9ftraFIFUEtXCX/WGb+7VN3YOiqnxPsucYO3URaEB7CFl9sfDHIbS57gggSIWIumANWgSh7QIhJN4kXibfYHsngqApzAyeRAQXsI4emAqoEbQCYPdGBNUrRS3hMAXNOniQJAAjGkPnoCeExkh/0BjWem6wjgLvn9zfnf76dtSM6BlXkDQC/u/W+dNQ/mkGHiHhPhALAOZmfBm+8hn2AAAAAElFTkSuQmCC" ) !important; } *|path { display: none !important; } }
Отредактировано sandro79 (04-06-2021 01:15:17)
Отсутствует
sandro79, большое спасибо!
---
Спасибо всем кто помогает, из-за обновления до протона пришлось опять потратить время на настройку интерфейса. Может кому пригодится, выкладываю свой userChrom.css (все брал с форумов или других ресурсов, в том числе и отсюда, кое-где вносил небольшие правки):
/* выдвигающаяся боковая панель */
:root { --sidebar-normal-width: 1px; --sidebar-hover-width: 434px; }
#sidebar-box {
background: #f5f6f7 !important;
border: 1px solid lightgrey !important;
position: relative !important;
overflow-x: hidden !important;
min-width: var(--sidebar-normal-width) !important;
max-width: var(--sidebar-normal-width) !important;
-moz-transition: all .2s ease-out 1.0s !important; }
#sidebar-box:hover {
margin-left: calc((var(--sidebar-hover-width) - var(--sidebar-normal-width)) * -1) !important;
min-width: var(--sidebar-hover-width) !important; }
/* максимальная и минимальная ширина вкладок */
.tabbrowser-tab[fadein]:not([pinned]) { max-width: 160px !important; min-width: 100px !important; }
/* убрать кнопку закрытия вкладок */
#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display: none !important; }
/* убрать кнопку списка всех вкладок */
#alltabs-button { display: none !important; }
/* убрать звездочку из адресной строки */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#star-button { display: none !important; }
/* уменьшить интервал между закладками */
#PlacesToolbarItems menuitem.bookmark-item,
#PlacesToolbarItems menu.menu-iconic {padding-top: 3px !important;padding-bottom: 3px !important;}
/* убрать пункт управление закладками из списка закладок */
#BMB_bookmarksShowAll { display: none !important; }
/* убрать скругление углов вкладок */
.tabbrowser-tab .tab-background { border-radius: 0px 0px 0px 0px !important; box-shadow: none !important; }
/* уменьшить расстояние между вкладками */
.tab-stack { -moz-margin-start: -3px !important; -moz-margin-end: -2px !important; }
/* убрать интервал между обычными и закрепленными вкладками */
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] { margin-inline-start: 0px !important; }
/* цвет и размер границ вкладок */
.tab-background { border-left: 1px solid #AEAEB0 !important; border-right: 1px solid #AEAEB0 !important; }
/* цвет и размер верхней границы активной вкладки */
.tab-background[selected] { border-top: 2px solid #8C8C99 !important; }
Отсутствует
egorsemenov06
А что делает код openpermissionswithrightclick?
Отсутствует
Вот на Reddit.com нашёл вот такой маленький код для Proton'a:
скрытый текстВыделить кодКод:
/* Цвет Панели вкладок вместе с неактивными вкладками, задан, как в Win. 10 */ #titlebar > toolbar{ background-color: -moz-accent-color !important; }
Как сделать белый шрифт на неактивной вкладке?
Отсутствует
Как сделать белый шрифт на неактивной вкладке?
Отсутствует
egorsemenov06
А что делает код openpermissionswithrightclick?
в строке адреса ПКМ по замку открыват разрешения для сайта
Отредактировано egorsemenov06 (04-06-2021 09:35:58)
Отсутствует
Добрый день!
Порекомендуйте пожалуйста рабочий скрипт для отображения вкладок в несколько строк. Раньше пользовался вот таким https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css но после обновления стал работать некорректно.
Спасибо.
Отсутствует
Вот на Reddit.com нашёл вот такой маленький код для Proton'a:
скрытый текстВыделить код
Код:/* Цвет Панели вкладок вместе с неактивными вкладками, задан, как в Win. 10 */
#titlebar > toolbar{ background-color: -moz-accent-color !important; }
У меня после этого кода еще и высота вкладок нормальной стала, почему-то ))
Отсутствует
Вот ещё нашёл код для изменения шрифта, (в моём случае это мой Системный шрифт для всей Windows. Вы можете подставить свой шрифт, какой захотите):
/* Шрифт PT Serif Caption в Панелях инструментов и вкладок, а также в Главном меню */ :root { font-family: "PT Serif Caption" !important } #appMenu-protonMainView .panel-subview-body { font-family: "PT Serif Caption" !important; }
Обращаюсь к спецам-кодерам: что нужно дописать в этом коде (или может быть можно написать другой, более правильный или компактный код) для того, чтобы этот шрифт применился во всем FF, а не только в Панелях инструментов и вкладок и Главном меню FF?
Отсутствует
в строке адреса ПКМ по замку открыват разрешения для сайта
Мне не подойдёт, у меня так куки очищаются.
Повесил на значок щита. 3-я строка
var identitybox = this.identitybox = document.querySelector("#tracking-protection-icon-box");
Отсутствует
Растолкуй, у меня твой код очистки куки
У меня тоже. Поэтому в коде openpermissionswithrightclick правый клик повесил на значок щита, заменив 3-ю строчку. Как сказал выше egorsemenov06 кнопка открывает разрешения для сайта.
var identitybox = this.identitybox = document.querySelector("#tracking-protection-icon-box");
UPD: Хотя мне это особо не нужно, т.к. использую https://github.com/Aris-t2/CustomJSforFx/blob/master/scripts/favicon_in_urlbar.uc.js
в котором включил ЛКМ на иконке сайта
Пусть будет.
Отредактировано xrun1 (04-06-2021 14:14:33)
Отсутствует
xrun1
заменил, все чики-пики )
добавлено
не успеваю за тобой ) favicon_in_urlbar.uc.js есть, но выключен (что-то Vitaliy V. там не понравилось), переключил в true, шоб было
Отредактировано bezuma (04-06-2021 14:37:09)
Отсутствует