скрытый текст/* userContent.css */
a:visited, a:visited span {
color: #00d70f!important;
}
a:hover, a:hover span {
color: #ff0000 !important;
}
a {
color: maroon;
text-decoration: none;
display: inline-block;
transition: transform 0.2s ease;
}
a:hover {
transform: scale(1.02);
}
Вопрос был в изменении цвета ссылок на определённом сайте.
Ваш код изменяет все посещённые ссылки
Отсутствует
Специфический вопрос. Возможно ли изменить цвет посещённых ссылок на определённом сайте?
https://addons.mozilla.org/en-US/firefox/addon/styl-us/
Отсутствует
Возможно ли в боковой панели закладок сделать шрифт папок одним цветом, а самих закладок другим?
Вопрос снят. Помогли на дружественном форуме.
Отредактировано grom17 (04-03-2024 21:24:56)
Отсутствует
чтобы иконки при наведении на них отображались.
Проверьте без этой строки -> --arrowpanel-dimmed: rgba(255,255,255,0.1) !important;
Win7
Отсутствует
egorsemenov06
А это весь код выложен? У меня не работает прозрачность выпадающей панели адресной строки с вашим кодом,
но попробуйте добавить переменную в блок где у вас /* Прозрачность */ может поможет
--urlbarView-hover-background: rgba(255,255,255,0.1) !important;
Отсутствует
egorsemenov06, у меня так.
#ucf-additional-vertical-bar,#ucf-additional-top-bar,#ucf-additional-bottom-bar{--toolbarbutton-outer-padding:0px!important;--toolbarbutton-inner-padding:0.4px!important;}
Отсутствует
egorsemenov06
Это и для доп. панели если не нужно удалите #ucf-additional-top-bar, из кода
#ucf-additional-top-bar, #ucf-additional-vertical-bar, #ucf-additional-bottom-bar { --toolbarbutton-border-radius: 2px !important; --toolbarbutton-outer-padding: 1px !important; --toolbarbutton-inner-padding: 4px !important; :root[uidensity="compact"] & { /* компактный режим */ --toolbarbutton-outer-padding: 1px !important; --toolbarbutton-inner-padding: 4px !important; } :root[uidensity="touch"] & { /* мобильный режим */ --toolbarbutton-outer-padding: 2px !important; --toolbarbutton-inner-padding: 9px !important; } .toolbarbutton-badge { margin-top: calc(-1 * var(--toolbarbutton-inner-padding)) !important; margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important; border-radius: var(--toolbarbutton-border-radius) !important; } }
Отредактировано Vitaliy V. (08-03-2024 14:28:39)
Отсутствует
Vitaliy V., страница about:downloads. В контекстное меню добавляю иконки. Но как вижу для окна полицию прикрутили:
csp="default-src chrome:; img-src chrome: moz-icon:;
Добавить свою иконку не получится?
Отредактировано 6e73epo (08-03-2024 14:51:59)
Отсутствует
6e73epo
Получится, данная CSP не влияет на стили, но смотря куда вы добавляете и как, если в userChrome.css понятно не сработает нужно в userContent.css или в UCF ...
Отредактировано Vitaliy V. (09-03-2024 01:28:59)
Отсутствует
egorsemenov06
Как по мне, лучше старый код, работает. Пусть не такой универсальный.
/* Сжать доп.панели https://forum.mozilla-russia.org/viewtopic.php?pid=775867#p775867 */ #ucf-additional-top-bar, #ucf-additional-bottom-bar { --toolbarbutton-outer-padding: 0px !important; --toolbarbutton-inner-padding: 2px !important; min-height: 18px !important; } :is(#ucf-additional-top-bar,#ucf-additional-bottom-bar) .toolbarbutton-badge { margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important; } #ucf-additional-bottom-closebutton { padding: 0 !important; } #ucf-additional-vertical-bar { --toolbarbutton-outer-padding: 0px !important; /* это и есть ширина боковой панели; комбинируется с пар. ниже */ --toolbarbutton-inner-padding: 3px !important; /* расстояние по вертикали между кнопками; комбинируется с предыдущим, лучше 3 или 5 */ min-width: 18px !important; } #ucf-additional-vertical-bar .toolbarbutton-badge { margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important; }
Отредактировано xrun1 (09-03-2024 04:13:35)
Отсутствует
данная CSP не влияет на стили
Влияет, но избранно. Пункт меню "Clear Downloads" особняком стоит; не имеет класса и command присутствует. Ошибка в консоли не просто так:
Content-Security-Policy: The page’s settings blocked the loading of a resource at data:image/svg+xml;charset=utf-8,<svg wi… (“img-src”)
Отредактировано 6e73epo (09-03-2024 10:49:30)
Отсутствует
data:image
А ну да, забыл уже давно не использую data:image, отдельным файлом загружайте и не будет ошибки
Отредактировано Vitaliy V. (08-08-2024 15:02:04)
Отсутствует
Там плюс минус одно и то же
Да, конечно. Просто для компактного режима, мне так кажется, значения лучше поменьше. Они такие же же, как в обычном.
:root[uidensity="compact"] & { /* компактный режим */ --toolbarbutton-outer-padding: 0px !important; /* 1px */ --toolbarbutton-inner-padding: 3px !important; /* 4px */ }
И чтобы два раза со стула не вставать. В версиях UCF от 2024-3-2 и 2024-3-7 незначительно изменился файл vertical_top_bottom_bar.css, который есть в UserChromeFiles_Fix_115_ESR.zip. Может это и не особенно важно, просто информация.
#ucf-additional-vertical-box { background: none !important; border: none !important; box-shadow: none !important; position: relative !important; z-index: 3 !important; margin: -1px 0 !important; :root[BookmarksToolbarOverlapsBrowser] & { margin-top: calc(var(--bookmarks-toolbar-overlapping-browser-height) - 1px) !important; } }
Отсутствует
А ну да, забыл уже давно не использую data:image, отдельным файлом загружайте и не будет ошибки
Сегодня нельзя data:image, а позже нельзя ничего, кроме chrome:// Да и не любитель плодить файлы иконок внутри каталога chrome
Нашел выход через стилевое переопределение "неиспользуемого" svg
Отсутствует
-
Отредактировано Vitaliy V. (08-08-2024 15:01:48)
Отсутствует
egorsemenov06
Системная тема может быть как светлой так и темной я так понял у вас светлая, но с этим стилем и со светлой темой текста не видно он белый.
Исправьте во всех стилях visuallyselected="true" --> visuallyselected
Чтобы текст был черным на активных вкладках можно добавить в :root {
--tab-selected-textcolor: black !important;
Отсутствует
А еще как сделать белую адресную и поисковую строки с голубой обводкой как в светлой так и в темной теме без этих шторок
Так какой темой пользуетесь светлой или темной? Зачем делать везде одинаково не пойму если вы хотите из темной темы сделать светлую я пас.
И что шторками называете, без них это как? Если уж изменяете цвета в стилях (хотя это темы должны делать) то можно использовать функцию light-dark()
она возвращает первое значение для светлой темы и второе для темной, например
background-color: light-dark(rgba(255,255,255,0.8), rgba(10,10,15,0.6)) !important;
Отсутствует
egorsemenov06
У вас похоже много лишнего в стилях вот на замену (только то что касается строки адреса, поиска и выпадающих панелей), пробуйте сначала вообще без других стилей, потом добавите что не хватает
:root { --urlbar-min-height: max(28px, 1.4em) !important; --urlbar-icon-padding: 4px !important; --urlbar-container-padding: 0px !important; --urlbar-icon-border-radius: 0px !important; --urlbar-margin-inline: 1px !important; --focus-outline-width: 1px !important; --v-urlbar-searchbar-border-radius: calc(var(--urlbar-min-height) / 2); } :root[uidensity=touch] { --urlbar-min-height: max(34px, 1.4em) !important; --urlbar-margin-inline: 5px !important; } #urlbar-container { padding: 1px 0 !important; margin: 0 var(--urlbar-margin-inline) !important; &[breakout] { position: relative !important; } #urlbar { #identity-icon-box, #identity-box { max-width: calc(30px + 15em) !important; } &[breakout] { display: block !important; position: absolute !important; width: 100% !important; height: var(--urlbar-height) !important; top: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2) !important; inset-inline: 0 !important; } &[breakout] > :is(#urlbar-input-container,.urlbar-input-container) { width: 100% !important; height: var(--urlbar-height) !important; padding: 0 !important; } &[breakout][breakout-extend], &[breakout][breakout-extend-disabled][open] { height: auto !important; } &[breakout] > #urlbar-background { display: block !important; position: absolute !important; animation: none !important; inset-inline: 0 !important; box-shadow: none !important; height: var(--urlbar-height) !important; top: 0 !important; bottom: auto !important; } &[breakout][open] > #urlbar-background { border-color: var(--toolbar-field-border-color, transparent) !important; } &[breakout][focused] > #urlbar-background { border-color: var(--toolbar-field-focus-border-color, Highlight) !important; } &[breakout] > .urlbarView { margin: 0 !important; width: 100% !important; border-radius: var(--v-urlbar-searchbar-border-radius) !important; background: var(--toolbar-field-focus-background-color, Field) !important; color: var(--toolbar-field-focus-color, FieldText) !important; border: 1px solid var(--arrowpanel-border-color, ThreeDShadow) !important; border-top: none !important; box-shadow: 0 2px 14px rgba(0, 0, 0, 0.13); .searchbar-engine-one-off-item { margin: 0 !important; min-width: 28px !important; height: 28px !important; &:not(.search-setting-button)::after { content: ""; border-inline-end: 1px solid; border-image: linear-gradient(transparent 15%, var(--urlbarView-separator-color) 15%, var(--urlbarView-separator-color) 85%, transparent 85%) 1 1; } } .search-panel-one-offs-container { min-width: calc(5 * 28px) !important; } .urlbarView-quickaction-button { border-radius: var(--toolbarbutton-border-radius) !important; box-shadow: none !important; } } &[breakout] > .urlbarView .urlbarView-body-inner { border: none !important; } &[breakout] > .urlbarView .search-one-offs, &[breakout] > .urlbarView .urlbarView-results { padding-block: 0 !important; } &:not([focused]) input { mask-image: linear-gradient(to left, transparent, black 3ch); mask-repeat: no-repeat; } &:not([focused]):-moz-locale-dir(rtl) input { mask-image: linear-gradient(to right, transparent, black 3ch); } } } #search-container { padding: 1px 0 !important; margin: 0 var(--urlbar-margin-inline) !important; #searchbar { .searchbar-search-icon { margin-inline-start: 6px !important; } &:not(:focus-within) input { mask-image: linear-gradient(to left, transparent, black 3ch); mask-repeat: no-repeat; } &:not(:focus-within):-moz-locale-dir(rtl) input { mask-image: linear-gradient(to right, transparent, black 3ch); } } } #urlbar :is(#urlbar-input-container,.urlbar-input-container,#urlbar-background), #searchbar { box-shadow: none !important; background-clip: border-box !important; border-radius: var(--v-urlbar-searchbar-border-radius) !important; overflow: clip; } #urlbar, #searchbar { min-height: var(--urlbar-min-height) !important; font-size: 1em !important; box-shadow: none !important; align-items: stretch !important; } #PopupSearchAutoComplete { --panel-subview-body-padding: 0 !important; --panel-padding: 0 !important; --panel-border-radius: var(--v-urlbar-searchbar-border-radius) !important; --panel-shadow: 0 2px var(--panel-shadow-margin) rgba(0, 0, 0, 0.13) !important; --panel-shadow-margin: 14px !important; & > .search-panel-current-engine { margin-top: 0px !important; padding-inline: 6px !important; } & > menuseparator.searchbar-separator { display: none !important; } & > .search-one-offs:not([hidden]) { border-top: 1px solid var(--urlbarView-separator-color); display: flex !important; align-items: start !important; flex-wrap: wrap !important; } .search-panel-one-offs-container { min-width: calc(5 * 28px) !important; } .searchbar-engine-one-off-item { margin: 0 !important; min-width: 28px !important; height: 28px !important; &:not(.search-setting-button)::after { content: ""; border-inline-end: 1px solid; border-image: linear-gradient(transparent 15%, var(--urlbarView-separator-color) 15%, var(--urlbarView-separator-color) 85%, transparent 85%) 1 1; } } } #urlbar-search-splitter { min-width: 6px !important; width: 6px !important; margin: 0 -3px !important; }
А все цвета меняйте здесь как надо
:root { --toolbar-field-background-color: rgb(240, 240, 244) !important; --toolbar-field-color: rgb(21, 20, 26) !important; --toolbar-field-border-color: color-mix(in srgb, currentColor 20%, transparent) !important; --toolbar-field-focus-background-color: rgb(255,255,255) !important; --toolbar-field-focus-color: rgb(21, 20, 26) !important; --toolbar-field-focus-border-color: rgb(0, 97, 224) !important; } #urlbar > .urlbarView, #PopupSearchAutoComplete { --urlbarView-hover-background: color-mix(in srgb, currentColor 17%, transparent) !important; --urlbarView-separator-color: color-mix(in srgb, currentColor 14%, transparent) !important; --toolbar-field-focus-background-color: light-dark(rgb(255,255,255), rgba(10,10,15,0.6)) !important; --link-color: light-dark(rgb(0, 97, 224), rgb(41, 148, 255)) !important; --toolbar-field-focus-color: light-dark(rgb(21, 20, 26), rgb(251, 251, 254)) !important; } panel[type="autocomplete-richlistbox"] { --panel-background: light-dark(rgb(255,255,255), rgba(10,10,15,0.6)) !important; --panel-shadow-margin: 14px !important; --panel-shadow: 0 2px var(--panel-shadow-margin) rgba(0, 0, 0, 0.13) !important; }
UPD:
:root { --v-urlbar-searchbar-border-radius: calc(var(--urlbar-min-height) / 2); --urlbar-min-height: max(28px, 1.4em) !important; --urlbar-icon-border-radius: 0px !important; --urlbar-margin-inline: 1px !important; --focus-outline-width: 2px !important; --urlbar-container-padding: 0 !important; } :root[uidensity=touch] { --urlbar-min-height: max(34px, 1.4em) !important; --urlbar-margin-inline: 5px !important; } #urlbar-container { padding: 0 !important; margin: 0 var(--urlbar-margin-inline) !important; position: relative !important; align-items: center !important; #urlbar { width: var(--urlbar-width) !important; height: var(--urlbar-height) !important; margin: 0 !important; padding: 0 !important; #identity-icon-box, #identity-box { max-width: calc(30px + 15em) !important; } & > .urlbar-input-container { margin: 0 !important; padding: var(--urlbar-container-padding) !important; height: var(--urlbar-height) !important; } &[breakout-extend], &[breakout-extend-disabled][open] { height: auto !important; margin-top: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2) !important; } .urlbar-page-action, .urlbar-revert-button, .urlbar-go-button, .search-go-button { align-items: center !important; justify-content: center !important; } & > #urlbar-background { display: block !important; position: absolute !important; animation: none !important; inset: 0 !important; box-shadow: none !important; height: var(--urlbar-height) !important; bottom: auto !important; border-width: var(--focus-outline-width) !important; } &[open] > #urlbar-background { border-color: var(--toolbar-field-border-color, transparent) !important; } &[focused] > #urlbar-background { border-color: var(--toolbar-field-focus-border-color, Highlight) !important; } & > .urlbarView { margin: 0 !important; width: 100% !important; border-radius: var(--v-urlbar-searchbar-border-radius) !important; background: var(--toolbar-field-focus-background-color, Field) !important; color: var(--toolbar-field-focus-color, FieldText) !important; border: 1px solid var(--arrowpanel-border-color, ThreeDShadow) !important; border-top: none !important; box-shadow: 0 2px 14px rgba(0, 0, 0, 0.13); .searchbar-engine-one-off-item { margin: 0 !important; min-width: 28px !important; height: 28px !important; &:not(.search-setting-button)::after { content: ""; border-inline-end: 1px solid; border-image: linear-gradient(transparent 15%, var(--urlbarView-separator-color) 15%, var(--urlbarView-separator-color) 85%, transparent 85%) 1 1; } } .search-panel-one-offs-container { min-width: calc(5 * 28px) !important; } .urlbarView-quickaction-button { border-radius: var(--toolbarbutton-border-radius) !important; box-shadow: none !important; } } & > .urlbarView .urlbarView-body-inner { border: none !important; } & > .urlbarView .search-one-offs, & > .urlbarView .urlbarView-results { padding-block: 0 !important; } &:not([focused]) input { mask-image: linear-gradient(to left, transparent, black 3ch); mask-repeat: no-repeat; } &:not([focused]):-moz-locale-dir(rtl) input { mask-image: linear-gradient(to right, transparent, black 3ch); } } } #search-container { padding: 1px 0 !important; margin: 0 var(--urlbar-margin-inline) !important; #searchbar { .searchbar-search-icon { margin-inline-start: 6px !important; } &:not(:focus-within) input { mask-image: linear-gradient(to left, transparent, black 3ch); mask-repeat: no-repeat; } &:not(:focus-within):-moz-locale-dir(rtl) input { mask-image: linear-gradient(to right, transparent, black 3ch); } } } #urlbar :is(.urlbar-input-container,#urlbar-background), #searchbar { box-shadow: none !important; background-clip: border-box !important; border-radius: var(--v-urlbar-searchbar-border-radius) !important; overflow: clip; } #urlbar, #searchbar { min-height: var(--urlbar-min-height) !important; font-size: 1em !important; box-shadow: none !important; } #PopupSearchAutoComplete { --panel-subview-body-padding: 0 !important; --panel-padding: 0 !important; --panel-border-radius: var(--v-urlbar-searchbar-border-radius) !important; --panel-shadow: 0 2px var(--panel-shadow-margin) rgba(0, 0, 0, 0.13) !important; --panel-shadow-margin: 14px !important; & > .search-panel-current-engine { margin-top: 0px !important; padding-inline: 6px !important; } & > menuseparator.searchbar-separator { display: none !important; } & > .search-one-offs:not([hidden]) { border-top: 1px solid var(--urlbarView-separator-color); display: flex !important; align-items: start !important; flex-wrap: wrap !important; } .search-panel-one-offs-container { min-width: calc(5 * 28px) !important; } .searchbar-engine-one-off-item { margin: 0 !important; min-width: 28px !important; height: 28px !important; &:not(.search-setting-button)::after { content: ""; border-inline-end: 1px solid; border-image: linear-gradient(transparent 15%, var(--urlbarView-separator-color) 15%, var(--urlbarView-separator-color) 85%, transparent 85%) 1 1; } } } #urlbar-search-splitter { min-width: 6px !important; width: 6px !important; margin: 0 -3px !important; }
Отредактировано Vitaliy V. (29-11-2024 18:17:13)
Отсутствует
Извините за вопрос не по теме.
А есть редактор, в котором можно этот новый формат стилей вернуть к старому виду? Я и так мало что понимаю, а тут сплошные амперсанды. Надо в голове держать начало, потом добавлять, что за амперсандом без амперсанда...
У меня голова старая, и компьютер старый. Я так не могу. Мне нужна одна команда строчкой, другая и т.д. Иначе как свои старые стили править?
Отредактировано xrun1 (13-03-2024 04:26:07)
Отсутствует
Всем привет.
Подскажите,пожалуйста,как можно добавить пункт меню в раздел Файл возможность добавить "Отправить ярлык на рабочий стол"
115 WIN10
Отредактировано f480185 (16-03-2024 09:09:36)
Отсутствует
-
Отредактировано Vitaliy V. (08-08-2024 15:01:24)
Отсутствует
Vitaliy V.
Как это работает?
#PopupSearchAutoComplete { --panel-shadow: ... !important; & > .search-panel-current-engine { margin-top: ... !important; } .search-panel-one-offs-container { min-width: ... !important; } .searchbar-engine-one-off-item { margin: ... !important; &:not(.search-setting-button)::after { content: ""; } } }
#PopupSearchAutoComplete { --panel-shadow: ... !important; } #PopupSearchAutoComplete > .search-panel-current-engine { margin-top: ... !important; } #PopupSearchAutoComplete .search-panel-one-offs-container { min-width: ... !important; } #PopupSearchAutoComplete .searchbar-engine-one-off-item { margin: ... !important; } #PopupSearchAutoComplete .searchbar-engine-one-off-item:not(.search-setting-button)::after { content: ""; }
Отсутствует
Т.е. код выше равен коду ниже?
Да все верно, https://developer.mozilla.org/en-US/doc … SS_nesting
Кстати At-rules в том числе медиа запросы тоже могут быть вложенными в селектор https://developer.mozilla.org/en-US/doc … g_at-rules
Отсутствует