westyles
Может я чего не правильно понял. Вы этот код ищете?
https://github.com/Aris-t2/CustomCSSfor … o_icon.css
Раскраска значка https://github.com/Aris-t2/CustomCSSfor … orized.css
Отредактировано xrun1 (25-08-2022 04:01:33)
Отсутствует
Может я чего не правильно понял. Вы этот код ищете?
Да, это оно, но как сказал и kazarin, это оказывается не работает на 102, проверил на 102.1 и 102.2., других у меня нет.
Вот записал видео, о чем я, как делаю и что происходит, что не перебивает параметр почему-то, и что с этим делать и как победить легально пока не ясно, другой версии ESR нету:
https://drive.google.com/file/d/1XALkaF … sp=sharing
На записи делал медленно действия и повторял, чтобы было понятнее. Это в режиме компактном! Обычный режим не скрывает иконку.
Отредактировано westyles (25-08-2022 15:51:52)
Отсутствует
Пользовался 91 ESR. Решил посмотреть, что из себя представляет 102 ESR и сразу же столкнулся с ужасным видом меню закладок:
Возможно ли вернуть прежний вид?
Или придется мириться с этим жутким новым видом меню закладок?
«The Truth Is Out There»
Отсутствует
ветка большая, все не пересмотреть) как уменьшить высоту панели вкладок? ff103.
поиск по TabsToolbar height не помог.
Уменьшил высоту вкладок с помощью кода:
:root {
--tab-min-height: 24px !important; }
:root[uidensity=touch] {
--tab-min-height: 32px !important; }
#TabsToolbar {
height: calc(var(--tab-min-height) + 2px) !important; }
та же задача. Ваш код не срабатывает
Отредактировано iamgdv (25-08-2022 18:56:11)
Отсутствует
westyles, kazarin
Ну представленные мной выше коды были проверены и в 102.2.0esr в том числе, тем паче что этот код у меня в портативном 102.2.0esr и выше успешно работал, и именно с компактным режимом значков.
Только смену значков звука перенёс давно в user_chrome.manifest комплекта user_chrome_files, а вчера код чуток подрихтовал, как здесь под вторым спойлером.
unter_officer
Возможно ли вернуть прежний вид?
Что-то похожее я здесь недавно пытался сделать, только цвета и отступы возможно придётся подобрать свои. А тут для бордюра стиль Vitaliy V.
Отсутствует
ветка большая, все не пересмотреть) как уменьшить высоту панели вкладок? ff103.
поиск по TabsToolbar height не помог.
На предыдущей странице посмотрите...
Win7
Отсутствует
Ну представленные мной выше коды были проверены и в 102.2.0esr в том числе, тем паче что этот код у меня в портативном 102.2.0esr и выше успешно работал, и именно с компактным режимом значков.
Попробовал отдельный нетронутый core 102.2 через libportable и отдельно через x-firefox:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* Этот файл userChrome.css должен находиться в папке "chrome" в корне папки профиля */ :root[uidensity="compact"] .tab-icon-stack[indicator-replaces-favicon] > :not(.tab-icon-overlay) { opacity: 1 !important; } .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { opacity: 1 !important; margin-inline-start: 20px !important; margin-inline-end: 2px !important; } .tab-icon-overlay[soundplaying] { list-style-image: url("chrome://global/skin/media/audio.svg") !important; } .tab-icon-overlay[muted] { list-style-image: url("chrome://global/skin/media/audio-muted.svg") !important; } .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay) { opacity: 1 !important; } /* Скрыть надпись "воспроизводится" в режиме обычных и мобильных значков, для компактных browser.uidensity = 1 не требуется */ .tab-secondary-label { display: none !important; }
и user.js
// >>>>>>>>>>>>> user_pref("browser.compactmode.show", true); // Показать пункт в персонализации в меню значков "Компактные (не поддерживается)" user_pref("browser.uidensity", 1); // включает компактный режим user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true); // для работы userChrome.css и userContent.css user_pref("browser.cache.disk.parent_directory", "%TEMP%");
Не работает!
Иконки меняются у звука, икона звука отодвигается, а фавикон исчезает!!!!
Может надо что-то еще включить или добавить в css или ещё куда?
Отсутствует
Может надо что-то еще включить или добавить в css или ещё куда?
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); удалите и заработает! Других вариантов не знаю.
В начале стиля браузера chrome://browser/skin/tabs.css прописано @namespace html url("http://www.w3.org/1999/xhtml");
Отредактировано sandro79 (25-08-2022 20:45:52)
Отсутствует
sandro79, спасибо.
В целом получилось что-то похожее.
Но появился ещё вопрос. Как изменить этот серый цвет при наведении на свой?
«The Truth Is Out There»
Отсутствует
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); удалите и заработает! Других вариантов не знаю.
В начале стиля браузера chrome://browser/skin/tabs.css прописано @namespace html url("http://www.w3.org/1999/xhtml");
Во! В этом проблема была, спасибо!
И с @namespace html url("http://www.w3.org/1999/xhtml"); и без этих строк работает.
Какую строку вообще тут надо добавлять или можно вообще не добавлять их?
Много где встречал, когда пишут про эти файлы, пишут добавить в начало строку, у всех разная, не знаю в чём тут смысл этих строк.
Отсутствует
А там этот цвет задан в первом правиле (#AEAEAE).
sandro79, большое спасибо.
Получилось почти также, как было на 91 ESR.
«The Truth Is Out There»
Отсутствует
Какую строку вообще тут надо добавлять или можно вообще не добавлять их?
Да я в теории не слишком силён, да и в практике тоже. У меня кое-где добавлено только одно @namespace html url("http://www.w3.org/1999/xhtml");
И в стиле Vitaliy V., для полос прокрутки, немного под себя подкрученном, с правами AGENT_SHEET, добавлены обе эти строки, иначе не работает, вот так:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @namespace html url("http://www.w3.org/1999/xhtml"); scrollbar, scrollcorner { --v-scrollbar-background-color: rgba(0,0,0,0.5); --v-scrollbar-background-color-hover: rgba(200,0,0,0.5); --v-scrollbar-background-color-active: rgba(200,0,0,0.7); --v-scrollbar-border-radius: 0px; --v-scrollbar-min-size: 7px; --v-scrollbar-image-size: 5px; } /* ************************************************ */ scrollbar { -moz-appearance: none !important; appearance: none !important; background: none !important; border: none !important; padding: 0 !important; margin: 0 !important; } scrollbar[root="true"] { position: relative !important; z-index: 2147483647 !important; } scrollbar[root="true"][orient="vertical"] { margin-left: calc(-1 * var(--v-scrollbar-min-size)) !important; } scrollbar[root="true"][orient="horizontal"] { margin-top: calc(-1 * var(--v-scrollbar-min-size)) !important; } scrollcorner { -moz-appearance: none !important; appearance: none !important; width: var(--v-scrollbar-min-size) !important; height: var(--v-scrollbar-min-size) !important; background: none !important; border: none !important; } scrollbar > slider { -moz-appearance: none !important; appearance: none !important; background: none !important; border: none !important; } scrollbar > slider > thumb, html|*:not(html|select) > scrollbar > slider > thumb { -moz-appearance: none !important; appearance: none !important; border: none !important; border-radius: var(--v-scrollbar-border-radius) !important; background-color: var(--v-scrollbar-background-color) !important; background-image: none !important; background-repeat: no-repeat !important; background-position: center !important; background-size: var(--v-scrollbar-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 { -moz-appearance: none !important; display: none !important; } scrollbar > slider > thumb:hover { background-color: var(--v-scrollbar-background-color-hover) !important; } scrollbar > slider > thumb:active { background-color: var(--v-scrollbar-background-color-active) !important; }
Отсутствует
sandro79
Да, дело было в строке)) Замечал и раньше, что строки имеют значение (в основном тем, что без них код не работает), но впервые столкнулся, чтоб, наоборот, мешало.
Только смену значков звука перенёс давно в user_chrome.manifest комплекта user_chrome_files
А можно поподробнее, на что влияет манифест и что стоит туда вносить?
Отредактировано kazarin (25-08-2022 22:19:04)
Отсутствует
А можно поподробнее, на что влияет манифест и что стоит туда вносить?
Например, чтобы сменить иконку "Глобус".
В папке user_chrome_files создаете какую-нибудь папку, например, icon и помещаете туда свою иконку.
Потом в файл user_chrome.manifest добавляете такую строку:
override chrome://global/skin/icons/defaultFavicon.svg chrome://user_chrome_files/content/icon/ИМЯ_ВАШЕЙ_ИКОНКИ.svg
После этого стандартная иконка "Глобус" автоматом везде сменится на вашу.
Отредактировано unter_officer (25-08-2022 22:33:11)
«The Truth Is Out There»
Отсутствует
А можно поподробнее, на что влияет манифест и что стоит туда вносить?
Насколько я знаю, он служит, как минимум, для смены иконок глобально, без css Меньше требуется кода, только закинул иконку и путь старой и новой прописал.
Ну у меня он вот такой в 102+
content user_chrome_files ./ # Не уверены, не редактируйте этот файл! override chrome://global/skin/icons/defaultFavicon.svg chrome://user_chrome_files/content/custom_styles/svg/defaultFavicon.svg override chrome://mozapps/skin/extensions/extension.svg chrome://user_chrome_files/content/custom_styles/svg/extension.svg override chrome://global/skin/icons/settings.svg chrome://user_chrome_files/content/custom_styles/svg/settings.svg override chrome://mozapps/skin/extensions/extensionGeneric.svg chrome://user_chrome_files/content/custom_styles/svg/extension.svg override chrome://global/skin/icons/help.svg chrome://user_chrome_files/content/custom_styles/svg/help.svg override chrome://global/skin/icons/plugin.svg chrome://user_chrome_files/content/custom_styles/svg/pluginGeneric.svg override chrome://mozapps/skin/extensions/category-discover.svg chrome://user_chrome_files/content/custom_styles/svg/category-discover.svg override chrome://mozapps/skin/extensions/category-extensions.svg chrome://user_chrome_files/content/custom_styles/svg/category-extensions.svg override chrome://mozapps/skin/extensions/category-themes.svg chrome://user_chrome_files/content/custom_styles/svg/category-themes.svg override chrome://mozapps/skin/extensions/category-plugins.svg chrome://user_chrome_files/content/custom_styles/svg/category-plugins.svg override chrome://browser/skin/preferences/category-general.svg chrome://user_chrome_files/content/custom_styles/svg/settings.svg override chrome://browser/skin/home.svg chrome://user_chrome_files/content/custom_styles/svg/home.svg override chrome://browser/skin/preferences/category-search.svg chrome://user_chrome_files/content/custom_styles/svg/category-search.svg override chrome://browser/skin/preferences/category-privacy-security.svg chrome://user_chrome_files/content/custom_styles/svg/category-privacy-security.svg override chrome://browser/skin/preferences/category-experiments.svg chrome://user_chrome_files/content/custom_styles/svg/category-experiments.svg override chrome://global/skin/icons/more.svg chrome://user_chrome_files/content/custom_styles/svg/more.svg override chrome://global/skin/icons/folder.svg chrome://user_chrome_files/content/custom_styles/svg/folder.png override chrome://global/skin/icons/arrow-up.svg chrome://user_chrome_files/content/custom_styles/svg/arrow-up.svg override chrome://global/skin/icons/arrow-down.svg chrome://user_chrome_files/content/custom_styles/svg/arrow-down.svg override chrome://browser/skin/history.svg chrome://user_chrome_files/content/custom_styles/svg/history.svg override chrome://global/skin/icons/chevron.svg chrome://user_chrome_files/content/custom_styles/svg/chevron.svg override chrome://browser/skin/menu.svg chrome://user_chrome_files/content/custom_styles/svg/menu.svg override chrome://browser/skin/menu-badged.svg chrome://user_chrome_files/content/custom_styles/svg/menu-badged.svg override chrome://browser/skin/back.svg chrome://user_chrome_files/content/custom_styles/svg/back.svg override chrome://browser/skin/forward.svg chrome://user_chrome_files/content/custom_styles/svg/forward.svg override chrome://browser/skin/bookmark-hollow.svg chrome://user_chrome_files/content/custom_styles/svg/bookmark-hollow.svg override chrome://browser/skin/bookmark.svg chrome://user_chrome_files/content/custom_styles/svg/bookmark.svg override chrome://browser/skin/places/bookmarksToolbar.svg chrome://user_chrome_files/content/custom_styles/svg/bookmarksToolbar.svg override chrome://browser/skin/places/bookmarksMenu.svg chrome://user_chrome_files/content/custom_styles/svg/bookmarksMenu.svg override chrome://browser/skin/controlcenter/tracking-protection.svg chrome://user_chrome_files/content/custom_styles/svg/tracking-protection2.svg override chrome://global/skin/icons/reload.svg chrome://user_chrome_files/content/custom_styles/svg/reload.svg override chrome://global/skin/icons/close.svg chrome://user_chrome_files/content/custom_styles/svg/close2.svg override chrome://browser/skin/tabbrowser/tab-audio-playing-small.svg chrome://global/skin/media/audio.svg override chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg chrome://global/skin/media/audio-muted.svg override chrome://browser/skin/reader-mode.svg chrome://user_chrome_files/content/custom_styles/svg/reader-mode.svg override chrome://browser/skin/tracking-protection.svg chrome://user_chrome_files/content/custom_styles/svg/tracking-protection.svg override chrome://browser/skin/tracking-protection-disabled.svg chrome://user_chrome_files/content/custom_styles/svg/tracking-protection-disabled.svg override chrome://browser/skin/tracking-protection-active.svg chrome://browser/content/logos/tracking-protection.svg override chrome://browser/skin/tracking-protection-active-brighttext.svg chrome://browser/content/logos/tracking-protection.svg override chrome://global/skin/icons/security.svg chrome://user_chrome_files/content/custom_styles/svg/security.svg override chrome://global/skin/icons/security-warning.svg chrome://user_chrome_files/content/custom_styles/svg/security-warning.svg override chrome://global/skin/icons/security-broken.svg chrome://user_chrome_files/content/custom_styles/svg/security-broken.svg override chrome://browser/skin/permissions.svg chrome://user_chrome_files/content/custom_styles/svg/permissions.svg override chrome://browser/skin/notification-icons/autoplay-media-blocked.svg chrome://user_chrome_files/content/custom_styles/svg/autoplay-media-blocked.svg override chrome://browser/skin/notification-icons/autoplay-media.svg chrome://user_chrome_files/content/custom_styles/svg/autoplay-media.svg override chrome://browser/skin/notification-icons/desktop-notification.svg chrome://user_chrome_files/content/custom_styles/svg/desktop-notification.svg override chrome://browser/skin/notification-icons/geo.svg chrome://user_chrome_files/content/custom_styles/svg/geo.svg override chrome://browser/skin/notification-icons/camera.svg chrome://user_chrome_files/content/custom_styles/svg/camera.svg override chrome://browser/skin/notification-icons/microphone.svg chrome://user_chrome_files/content/custom_styles/svg/microphone.svg
Отсутствует
Попробовал, прикольно! А размеры иконок, например, там можно прописывать? Или это только картинок касается?
И правильно понимаю, что работает это только в последних FF? Пробовал на 68 и 78, там иконки не заменяются.
Отсутствует
Да я в теории не слишком силён, да и в практике тоже. У меня кое-где добавлено только одно @namespace html url("http://www.w3.org/1999/xhtml");
И в стиле Vitaliy V., для полос прокрутки, немного под себя подкрученном, с правами AGENT_SHEET, добавлены обе эти строки, иначе не работает, вот так:
А если вот так указать, то это корректно? Проверь на своем коде такой тип записи:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"), html url("http://www.w3.org/1999/xhtml");
Я пробовал и менять местами, у меня так в одну строку работает, то с чем боролись сегодня.
Но если указать их в отдельных строках, как у тебя в примере, то не работает. Надо выяснить как лучше указывать, чтобы эти оба работали.
Отсутствует
А размеры иконок, например, там можно прописывать? Или это только картинок касается?
И правильно понимаю, что работает это только в последних FF? Пробовал на 68 и 78, там иконки не заменяются.
Размеры - нет. Это работает и на более старых версиях, там просто адреса практически всех иконок отличаются от протоновских. Вот с 69 несколько примеров
content user_chrome_files ./ # Не уверены, не редактируйте этот файл! override chrome://mozapps/skin/places/defaultFavicon.svg chrome://user_chrome_files/content/custom_styles/svg/defaultFavicon.svg override chrome://browser/skin/places/folder.svg chrome://user_chrome_files/content/custom_styles/svg/folder.svg override chrome://browser/skin/places/bookmarksToolbar.svg chrome://user_chrome_files/content/custom_styles/svg/bookmarksToolbar.svg override chrome://browser/skin/places/unfiledBookmarks.svg chrome://user_chrome_files/content/custom_styles/svg/unfiledBookmarks.svg override chrome://browser/skin/places/bookmarksMenu.svg chrome://user_chrome_files/content/custom_styles/svg/bookmarksMenu.svg override chrome://browser/skin/places/folder-smart.svg chrome://user_chrome_files/content/custom_styles/svg/folder-smart.svg override chrome://browser/skin/tabbrowser/tab-audio-playing.svg chrome://user_chrome_files/content/custom_styles/svg/audio.svg override chrome://browser/skin/tabbrowser/tab-audio-muted.svg chrome://user_chrome_files/content/custom_styles/svg/audio-muted.svg override chrome://browser/skin/controlcenter/conn-not-secure.svg chrome://browser/skin/connection-mixed-active-loaded.svg
А если вот так указать, то это корректно? Проверь на своем коде такой тип записи
Нет, так некорректно, не работает и не должно так работать.
Надо выяснить как лучше указывать, чтобы эти оба работали
Отсутствует
sandro79
Спасибо! Вот знаю же, что адреса у ресурсов в разных версиях могут отличаться, у библиотеки в 68, 78 и 100х адреса совсем разные (прописывал их в кнопку для открытия во вкладке). Но сам не сообразил.
А можно ещё несколько вопросов? Я причёсываю 68 , и при кастомизации выявились странные косяки:
.toolbarbutton-icon, .toolbarbutton-badge-stack { fill: white !important; width: 26px !important; height: 26px !important; padding: 0 !important; }
или
toolbar .toolbarbutton-icon, toolbar .toolbarbutton-badge-stack { fill: white !important; width: 26px !important; height: 26px !important; padding: 0 !important; }
всем кнопкам на верхней панели (nav-bar), то кнопка загрузок принимает такой вид:
На остальных панелях всё нормально.
Такой код
#nav-bar-customization-target > .toolbarbutton-icon, #nav-bar-customization-target > .toolbarbutton-badge-stack { fill: white !important; width: 26px !important; height: 26px !important; padding: 0 !important; }
и вообще указание верхних панелей не помогает. Не нашёл как обойти, пришлось задать каждому значку размер отдельно.
Значки расширений не перекрашиваются кодами такого типа:
#_0c3ab5c8-57ac-4ad8-9dd1-ee331517884d_-browser-action > .toolbarbutton-icon, #_0c3ab5c8-57ac-4ad8-9dd1-ee331517884d_-browser-action > .toolbarbutton-badge-stack { fill: white !important;}
Хотя на 78 и 100 и выше это работает. Пробовал color, тоже не подходит. Background-color работает, но он не нужен.
И скорее курьёз, но тоже спрошу. Есть такой код:
/* Двигающиеся иконки */ /*move icons on hover*/ #xpinstallheader:hover>.alert-icon,installitem:hover .xpinstallItemIcon,treecol:hover>.treecol-icon,richlistitem:hover .addonIcon>image,hbox[id*="Button"]:hover image,statusbarpanel:hover>image,tab:hover image,checkbox:hover>.checkbox-check,radio:hover>image,radio:hover>*>image,menuitem:hover>hbox>.menu-iconic-icon,menu:hover>image.menubar-left,menu:hover>hbox>.menu-iconic-icon,toolbarbutton:hover .toolbarbutton-icon,button:hover .button-icon {-moz-transform: scale(1.6, 1.6) !important; -moz-transition: 0.2s linear !important} /*move icons on click*/ #xpinstallheader:active>.alert-icon,installitem:active .xpinstallItemIcon,treecol:active>.treecol-icon,richlistitem:active .addonIcon>image,hbox[id*="Button"]:active image,statusbarpanel:active>image,tab:active image,checkbox:active>.checkbox-check,radio:active>image,radio:active>*>image,menuitem:active>hbox>.menu-iconic-icon,menu:active>image.menubar-left,menu:active>hbox>.menu-iconic-icon,toolbarbutton:active .toolbarbutton-icon,button:active .button-icon {-moz-transform: scale(.6, .6) !important; -moz-transition: 0.03s linear !important} /*menu fix for move icons*/ popup .box-inherit.scrollbox-innerbox,menupopup .box-inherit.scrollbox-innerbox {margin-bottom:2.5pt!important}
Корректно работает на PM, 78 и далее. А на 68 вот так:
И отключение после этого не помогает, это исчезает только после перезагрузки. Точнее, не перезагрузки, а надо браузер закрыть и снова открыть. А с перезагрузкой эта свистопляска продолжается бесконечно.
Без двигающихся иконок я обойдусь, но всё же непонятно, почему такое поведение.
Отсутствует
то кнопка загрузок принимает такой вид
Попробуйте так, с остальным нет желания разбираться
toolbar .toolbarbutton-icon, toolbar .webextension-browser-action > .toolbarbutton-badge-stack, #PanelUI-menu-button > .toolbarbutton-badge-stack { fill: white !important; width: 26px !important; height: 26px !important; padding: 0 !important; } #downloads-indicator-anchor { transform: scale(1.6) !important; fill: white !important; }
toolbar .toolbarbutton-1 > .toolbarbutton-icon, toolbar .webextension-browser-action > .toolbarbutton-badge-stack, #PanelUI-menu-button > .toolbarbutton-badge-stack { fill: white !important; width: 26px !important; height: 26px !important; padding: 0 !important; } #downloads-indicator-anchor { transform: scale(1.6) !important; fill: white !important; }
И ещё нашёл вот такой скрипт, он реально расширяет возможности кастомизации?
Ну да, решает эту проблему, давая css права AUTHOR_SHEET Если используете user_chrome_files, то он вам не нужен.
Отредактировано sandro79 (27-08-2022 00:01:24)
Отсутствует
sandro79
Нет, к сожалению, всё равно расчетверяется.
Если используете user_chrome_files, то он вам не нужен.
Да, использую. Спасибо за разъяснение))
Отсутствует