А вот для шеврона >> не срабатывает
Так должно сработать
/* раскраска иконок на панели закладок, по аналогии с предыдущим стилем для боковой панели */ #PlacesToolbarItems > toolbarbutton.bookmark-item:hover:not([open]), #PlacesChevron:hover:not([open]) > .toolbarbutton-icon { background-color: blue !important; color: white !important; fill: white !important; } #PlacesToolbarItems > toolbarbutton.bookmark-item[open="true"], #PlacesChevron[open="true"] > .toolbarbutton-icon { background-color: red !important; color: white !important; fill: white !important; } #PlacesToolbarItems > toolbarbutton.bookmark-item[open="true"]:not(:hover), #PlacesChevron[open="true"]:not(:hover) > .toolbarbutton-icon { background-color: darkred !important; color: white !important; fill: white !important; }
Отсутствует
Аноним125876
Мы ж не знаем, что у вас там накручено.
Переместите в другую папку свой userChrome.css и потом перезапустите Firefox. Тогда увидите, проблема была в userChrome.css или в чём-то другом.
Отсутствует
Пандёнок
Поковырял пару часов папку с профилем, проблема скорее всего в userChrome.css
Вот как у меня выглядит браузер.
Ps:
Паудалял пачку строк, Браузер ожил, но сломалась панель меню вверху справа(свернуть/развернуть/закрыть, она почему то раздвоилась и прямо под ней появился дуликат, а строка вкладок сместилась левее)
Мой userChrome.css
@-moz-document url("chrome://browser/content/browser.xhtml") { :root { --v-toolbar-menubar-height: 28px; /* высота панели меню, только чётные числа не меньше 20px, если изменяете эту переменную то и в --v-toolbar-menubar-height-content - атрибут height= нужно установить ровно в два раза больше*/ --v-toolbar-menubar-height-content: url("data:image/svg+xml,<svg width='28' height='56' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='100%' height='100%' style='fill:transparent;'/></svg>"); /* height='2 * --v-toolbar-menubar-height' */ --tab-border-radius: 4px !important; /* **************************************** */ --proton-tab-block-margin: 0px !important; --tab-block-margin: 0px !important; } #navigator-toolbox { border-block: none !important; box-shadow: none !important; padding-top: 0 !important; -moz-appearance: none !important; appearance: none !important; } :root:not([inFullscreen])[tabsintitlebar] #navigator-toolbox { position: relative !important; } #navigator-toolbox > toolbar { -moz-box-ordinal-group: 10 !important; } #navigator-toolbox > #nav-bar { margin-block: 0 !important; box-shadow: none !important; -moz-box-ordinal-group: 0 !important; padding-inline: 0 !important; } :root:not([inFullscreen]) #navigator-toolbox > #nav-bar { margin-top: var(--v-toolbar-menubar-height) !important; } #navigator-toolbox > #PersonalToolbar { -moz-box-ordinal-group: 1 !important; } :root:not([inFullscreen])[tabsintitlebar] > *|body::before { content: var(--v-toolbar-menubar-height-content) !important; display: -moz-box !important; -moz-box-flex: 0 !important; -moz-box-orient: vertical !important; -moz-box-pack: start !important; -moz-box-align: stretch !important; -moz-box-ordinal-group: 0 !important; margin-bottom: calc(-2 * var(--v-toolbar-menubar-height)) !important; box-sizing: content-box !important; } :root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > *|body::before { -moz-appearance: -moz-window-titlebar !important; appearance: -moz-window-titlebar !important; } :root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > *|body::before { -moz-appearance: -moz-window-titlebar-maximized !important; appearance: -moz-window-titlebar-maximized !important; } :root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > *|body::before { visibility: hidden !important; } @media not all and (-moz-os-version: windows-win7) { @media not all and (-moz-os-version: windows-win8) { :root:-moz-lwtheme { background-color: var(--lwt-accent-color, -moz-Dialog) !important; } :root:-moz-window-inactive:-moz-lwtheme { background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color, -moz-Dialog)) !important; } } } #navigator-toolbox > #titlebar { -moz-appearance: none !important; appearance: none !important; -moz-box-ordinal-group: 100 !important; position: static !important; } #toolbar-menubar { padding-block: 0 !important; margin-block: 0 !important; border: none !important; background: none !important; --toolbarbutton-outer-padding: 0px !important; --toolbarbutton-inner-padding: calc((var(--v-toolbar-menubar-height) - 16px) / 2) !important; -moz-appearance: none !important; appearance: none !important; } :root:not(:is([inFullscreen],[chromehidden~="menubar"])) #toolbar-menubar { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; display: flex !important; flex-wrap: nowrap !important; flex-direction: row !important; align-items: stretch !important; justify-content: flex-start !important; min-height: 0 !important; height: var(--v-toolbar-menubar-height) !important; overflow: hidden !important; } #toolbar-menubar .toolbarbutton-badge { margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important; } :root:not([inFullscreen]) #toolbar-menubar > :is(toolbaritem,toolbarbutton) { align-self: center !important; } :root:not([inFullscreen]) #toolbar-menubar > :is(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) { align-self: flex-start !important; } :root:not([inFullscreen]) #toolbar-menubar > * { padding-block: 0 !important; margin-block: 0 !important; } :root:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) { opacity: 0 !important; pointer-events: none !important; } :root[inFullscreen] #toolbar-menubar { visibility: collapse !important; } :root:not([inFullscreen]) #toolbar-menubar > :is(*[style*="-moz-box-ordinal-group: 1000;"],.titlebar-buttonbox-container) { order: 1000 !important; } :root:not([inFullscreen]) #toolbar-menubar > :is(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) { flex-grow: 1 !important; } :root:not([inFullscreen]) #toolbar-menubar > :is(#search-container,#wrapper-search-container) { flex-grow: 100 !important; } #toolbar-menubar #search-container { padding-block: 0 !important; } #toolbar-menubar #searchbar { min-height: calc(var(--v-toolbar-menubar-height) - 2px) !important; } #TabsToolbar { -moz-appearance: none !important; appearance: none !important; padding-block: 0 !important; margin-block: 0 !important; box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important; position: static !important; background-color: var(--toolbar-bgcolor, -moz-dialog) !important; background-image: var(--toolbar-bgimage, none) !important; color: var(--toolbar-color, -moz-dialogtext) !important; --lwt-toolbarbutton-icon-fill: inherit !important; } #TabsToolbar #tabbrowser-tabs { padding-bottom: 0 !important; margin-bottom: 0 !important; } #TabsToolbar .tabbrowser-tab { background-color: transparent !important; border-top: none !important; } #TabsToolbar .tab-background { border-end-end-radius: 0 !important; border-end-start-radius: 0 !important; } #TabsToolbar > .toolbar-items { padding-top: 0 !important; margin-top: 0 !important; } } #TabsToolbar .titlebar-buttonbox-container, #navigator-toolbox::after, #TabsToolbar::after, #TabsToolbar .titlebar-spacer:is([type="pre-tabs"],[type="post-tabs"]) { display: none !important; } #scrollbutton-up, #scrollbutton-down { border-block: none !important; border-end-end-radius: 0 !important; border-end-start-radius: 0 !important; } :root[inFullscreen] #window-controls { position: absolute !important; display: flex !important; align-items: start !important; top: 0 !important; inset-inline-start: auto !important; inset-inline-end: 0 !important; margin: 0 !important; } :root[inFullscreen] #navigator-toolbox > #nav-bar { margin-inline-end: var(--v-titlebar-buttonbox-container-width, 108px) !important; } :root:not([inFullscreen])[v_menubar_autohide="true"] #navigator-toolbox > #nav-bar { margin-top: 0 !important; margin-inline-end: var(--v-titlebar-buttonbox-container-width, 108px) !important; } :root:not([inFullscreen])[v_menubar_autohide="true"] #toolbar-menubar { pointer-events: none !important; } :root:not([inFullscreen])[v_menubar_autohide="true"] #toolbar-menubar .titlebar-buttonbox-container { pointer-events: auto !important; } @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) { :root[sizemode="normal"] #TabsToolbar { border-inline: 1px solid hsla(240,5%,5%,0.3) !important; background-clip: padding-box !important; } @media (-moz-windows-classic: 0) { :root:not([inFullscreen])[v_menubar_autohide="true"][tabsintitlebar][sizemode="normal"] #navigator-toolbox > #nav-bar { margin-top: 1px !important; } :root:not([inFullscreen])[sizemode="normal"] #toolbar-menubar:not([autohide="true"]) > #menubar-items { margin-top: 1px !important; } } } @media (-moz-windows-classic) { :root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox::before { content: "" !important; display: -moz-box !important; height: 4px !important; -moz-box-ordinal-group: 0 !important; visibility: visible !important; } :root:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #navigator-toolbox::before { background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important; } :root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #toolbar-menubar { margin-top: 4px !important; } } :root[data-l10n-id="browser-main-window-mac"] { --v-toolbar-menubar-height: 0px !important; --v-toolbar-menubar-height-content: none !important; } :root:not([inFullscreen])[tabsintitlebar][data-l10n-id="browser-main-window-mac"] #nav-bar { margin-inline-start: calc(var(--toolbarbutton-outer-padding, 2px) + var(--v-titlebar-button-horizont-padding, 6px) * 6 + var(--v-titlebar-button-image-width, 12px) * 3) !important; } :root:not([inFullscreen])[tabsintitlebar][data-l10n-id="browser-main-window-mac"] #TabsToolbar .titlebar-buttonbox-container { visibility: visible !important; display: -moz-box !important; position: absolute !important; display: flex !important; top: 0 !important; } } menupopup > menuitem, menupopup > menu { padding-block: 6px !important; padding-inline-start: 8px !important; }
Отредактировано Аноним125876 (18-12-2022 17:09:52)
Отсутствует
sandro79
Спасибо, значок ">>" меняет цвет.
Я неправильно поставил вопрос и, вроде, раньше работало нормально. Цвет фона. Так работает.
#PlacesChevron:hover:not([open]) { --toolbarbutton-hover-background: blue !important; fill: white !important; } #PlacesChevron[open="true"] { --toolbarbutton-active-background: red !important; fill: white !important; } #PlacesChevron[open="true"]:not(:hover) { --toolbarbutton-active-background: darkred !important; fill: white !important; }
Отсутствует
Помогите. Как в 108 лисе сделать панель закладок как на скрине "было", чтобы отбражались только значки
было
#PlacesToolbarItems > .bookmark-item {max-width: 10px !important;} #PlacesToolbarItems > .bookmark-item:hover {max-width: 300px !important;} #PlacesToolbarItems > .bookmark-item {margin: -3px !important;}
Отредактировано eugenikus8 (19-12-2022 15:26:56)
Отсутствует
Как в 108 лисе сделать панель закладок как на скрине "было", чтобы отбражались только значки
#PlacesToolbarItems > .bookmark-item:not(:hover,[open]) > .toolbarbutton-text { display: none !important; }
toolbarbutton.bookmark-item:not(.subviewbutton) { margin: 1px !important; padding: 1px !important; }
Отсутствует
sandro79
Спасибо большое. То, что нужно.
Отсутствует
Прошу прощения, не слежу за темой, что произошло с user_chrome_files, он перестал работать. Настройки открываются, панели все включены, но в браузере их нет. Новый срипт скачать на родной страничке невозможно, она не работает
Отредактировано R@MEO (20-12-2022 11:15:38)
Отсутствует
Новый срипт скачать на родной страничке невозможно, она не работает
Win7
Отсутствует
Отсутствует
R@MEO пишетНовый срипт скачать на родной страничке невозможно, она не работает
скрытый текстhttps://www.mediafire.com/file/a4tm1zgcczefr8p/VitaliyVstyle.github.io-master.zip/file
К сожалению, не работает. Может есть фикс для версии 109?
Отсутствует
Но когда адрес редактируешь, она вдруг становится синей. Очень-очень раздражает синий цвет
Как от него избавиться???
Как вариант:
Отредактировано kokoss (20-12-2022 20:38:11)
Win7
Отсутствует
tannacat пишетНо когда адрес редактируешь, она вдруг становится синей. Очень-очень раздражает синий цвет Как от него избавиться???Как вариант:Выделить кодКод:#urlbar-background {
--toolbar-field-focus-border-color: transparent !important;
}
Отредактировано kokoss (Сегодня 20:38:11)
Так не помогло, к сожалению
Добавлено 20-12-2022 22:35:48
Как сделана? Смотрю и selection поменял.
Отредактировано 6e73epo (Сегодня 20:31:29)
Вот так
/* цвет бордюра адресной строки */
*#urlbar-background{ border-color: green !important; }
Вот это не помогло
.urlbarView-row[selected] {
background-color: green !important;
border-color: green !important;
}
А selection - это наверное вот это
/*цвет в адресной строке при выделении */
:-moz-any(#urlbar,#searchbar,*|*.findbar-textbox) *|input::-moz-selection,
*|input.findbar-textbox::-moz-selection {
background-color: green !important;
color: white !important;
}
Отредактировано tannacat (20-12-2022 22:35:48)
Отсутствует
А selection - это наверное вот это
/*цвет в адресной строке при выделении */
:-moz-any(#urlbar,#searchbar,*|*.findbar-textbox) *|input::-moz-selection,
*|input.findbar-textbox::-moz-selection {
background-color: green !important;
color: white !important;
}
https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/locationbar/selection_color_for_bright_bg.css
или такой вариант: https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/locationbar/selection_color_for_dark_bg.css
Отредактировано kokoss (21-12-2022 00:29:56)
Win7
Отсутствует
tannacat, представляю какая катавасия творится у тебя в стилях. Надо смотреть их все, чтобы понять, почему не срабатывает, например то, что тебе предложил kokoss, и все равно идет наложение outline. Попробуй так:
#urlbar-background { border-color: green !important; outline-color: transparent !important; }
Отсутствует
tannacat
Не знаю, как Вы устанавливаете цвет бордюра urlbar. Использую давно типа такого стиля. Лишнее уберёте и свои цвета, комментарии добавил.
/* панели по умолчанию */ #urlbar:not(:-moz-lwtheme) > #urlbar-background, #searchbar:not(:-moz-lwtheme), #search-box:not(:-moz-lwtheme) { /* border: 2px solid green !important; /* установить толщину и цвет */ border-color: green !important; /* или только цвет */ } /* при наведении мышкой */ #urlbar:not(:-moz-lwtheme):hover > #urlbar-background, #searchbar:not(:-moz-lwtheme):hover, #search-box:not(:-moz-lwtheme):hover { border-color: red !important; background-color: lightblue !important; box-shadow: none !important; } /* панель активна */ #urlbar:not(:-moz-lwtheme)[focused="true"] > #urlbar-background, #searchbar:not(:-moz-lwtheme):focus-within, #search-box:not(:-moz-lwtheme)[focused="true"] { border-color: blue !important; background-color: #FFD700 !important; box-shadow: none !important; }
Отсутствует
tannacatНе знаю, как Вы устанавливаете цвет бордюра urlbar. Использую давно типа такого стиля. Лишнее уберёте и свои цвета, комментарии добавил.скрытый текстВыделить кодКод* панели по умолчанию */
#urlbar:not(:-moz-lwtheme) > #urlbar-background,
#searchbar:not(:-moz-lwtheme), #search-box:not(:-moz-lwtheme) {
/* border: 2px solid green !important; /* установить толщину и цвет */
border-color: green !important; /* или только цвет */
}
/* при наведении мышкой */
#urlbar:not(:-moz-lwtheme):hover > #urlbar-background,
#searchbar:not(:-moz-lwtheme):hover, #search-box:not(:-moz-lwtheme):hover {
border-color: red !important;
background-color: lightblue !important;
box-shadow: none !important;
}
/* панель активна */
#urlbar:not(:-moz-lwtheme)[focused="true"] > #urlbar-background,
#searchbar:not(:-moz-lwtheme):focus-within, #search-box:not(:-moz-lwtheme)[focused="true"] {
border-color: blue !important;
background-color: #FFD700 !important;
box-shadow: none !important;
}
Похоже, проблема в другом.
Что-то с файлом userchrome происходит. Я убрала оттуда вообще все, и ничего не поменялось в браузере
Я его удалила из каталога - и опять же ничего не изменилось
Отсутствует
что произошло с user_chrome_files, он перестал работать. Настройки открываются, панели все включены, но в браузере их нет.
У меня в 109 UCF в целом работает, но пропала нижняя панель.
Исчезновение нижней панели судя по всему связано с этим: https://hg.mozilla.org/mozilla-central/rev/49cefc94b9bd
Поправить это моих знаний не хватает.
«The Truth Is Out There»
Отсутствует
unter_officer
Невозможно поправить то чего больше нет. Забудьте.
https://forum.mozilla-russia.org/viewtopic.php?pid=802615#p802615
https://forum.mozilla-russia.org/viewtopic.php?pid=802907#p802907
Отсутствует
unter_officer
Невозможно поправить то чего больше нет. Забудьте.
https://forum.mozilla-russia.org/viewtopic.php?pid=802615#p802615
https://forum.mozilla-russia.org/viewtopic.php?pid=802907#p802907
_zt
Если я правильно понял, вот ЗДЕСЬ Dumby привел пример, как это исправлено в userChromeJS.
Но у меня не хватает знаний, чтобы на основе этого примера сделать тоже самое в UCF. Поэтому и спросил здесь.
Тем более, что при выходе релиза 109 этот вопрос все равно появится не только у меня.
«The Truth Is Out There»
Отсутствует
Если я правильно понял, вот ЗДЕСЬ Dumby привел пример, как это исправлено в userChromeJS.
Да, понял правильно. Но, суть, скорее даже в том,
создавать ли выпиленный vbox#browser-bottombox
или можно ведь добавить тулбар прямо вместо него.
Хорошо, допустим создаём
/* document.querySelector("#browser-bottombox")?.append(bottombar); */ let id = "browser-bottombox", box = document.getElementById(id); if (!box) { box = document.createXULElement("vbox"); box.id = id; document.getElementById("a11y-announcement")?.before(box); } box.append(bottombar);
Отсутствует
Dumby, большое спасибо!
«The Truth Is Out There»
Отсутствует