kokoss
вы не поняли, надо не закомментировать стиль в исходнике, а сделать через userChrome.css так что бы браузер не видел определённый правило и не обрабатывал его, как будто правила вообще нет в исходнике.
допустим -moz-appearance: none; как отменить через userChrome.css ?
margin: 5px 5px;
font-size: 1em;
ну и так далее
Отредактировано Kero (18-10-2023 18:56:48)
Отсутствует
А где бы посмотреть все эти коды-атрибуты ?
Инструменты браузера в помощь.
Win7
Отсутствует
Kero
Отсутствует
Kot DaVinci
так понимаю общего метода нет и всегда надо придумывать метод в зависимости от того что надо убрать ?
а как сделать что бы -moz-appearance: none; было скрыто ?
Отсутствует
Kero, сделай опционально. создай булевой конфиг параметр. Если включен, то стили обрабатываются и наоборот. Нужные стили оберни в @supports -moz-bool-pref()
Отсутствует
Kero, в about:config создаешь новый булевой параметр: kero.styles.enabled со значением false. Правила оборачиваешь в
@supports -moz-bool-pref("kero.styles.enabled") {
...
}
и они будут пропускаться, если kero.styles.enabled=false и выполняться, если kero.styles.enabled=true
Отредактировано 6e73epo (20-10-2023 18:57:46)
Отсутствует
Не может ли кто соорудить пункт контекстного меню страницы, открывающий Настройку панели инструментов?
Отсутствует
vending_machine
https://forum.mozilla-russia.org/viewto … 31#p806531, кроме последней ссылки.
Win7
Отсутствует
Здравствуйте форумчане !Помогите с кодом сдеать так что бы активная вкладка отображалась белым цветом а то сейчас вот так
:root { --tab-curve-width: 26px; --tabs-border: transparent !important; --tab-border-radius: 0 !important; } .tabbrowser-arrowscrollbox .arrowscrollbox-scrollbox { padding-inline-start: 10px !important; } /* To be able to see the top border of the tab */ .tab-stack { margin-top: 2px !important; } /* To prevent tab label appearing on pinned tab in compact mode. */ .tab-content { padding: 0 18px !important; } /* When the window is maximized, the first pinned tab is properly displayed. */ #TabsToolbar { padding-inline-start: 8px !important; min-height: 30px !important; max-height: 30px !important; } .tabbrowser-tab[first-visible-tab="true"] { padding-left: 12px !important; } #tabbrowser-tabs { margin-left: -15px !important; } .titlebar-placeholder { border: none !important; } .titlebar-spacer { border: none !important; } /* Styles to account for when tab scrollbar is visible, and margin-inline-start kicks in */ .tabbrowser-tab[pinned="true"] { width: 41px !important; /* Actual photon pinned tab is 41px, but 40px removes pixelated artifact from pinned tab favicon */ } .tabbrowser-tab[pinned="true"][style^="margin-inline-start"] { padding-left: 12px !important; } /* Remove unneeded styles from Photon */ .tabbrowser-tab::before, .tabbrowser-tab::after { border: none !important; } /* Remove uneeded styles from Proton */ .tabbrowser-tab { padding-inline: 0px !important; } .tab-background { margin-bottom: 0 !important; display: flex !important; } .tab-background > .tab-context-line { flex: 1 !important; } #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] { margin-inline-start: 0px !important; } .tabbrowser-tab { margin-inline-start: -8px !important; } /* Remove container colors */ .tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line { background-color: rgba(0,0,0,0) !important; height: inherit !important; border-radius: 0px !important; margin: 0px !important; } /* Default theme customization: Vibrant (transparent, dark) titlebar for mac */ :root:is([inFullscreen], [tabsintitlebar]) #TabsToolbar:not(:-moz-lwtheme), #toolbar-menubar:not(:-moz-lwtheme){ background-color: rgb(83,74,43) !important; color: hsl(240, 9%, 98%) !important; text-shadow: none !important; } #navigator-toolbox { background-color: transparent !important; } #new-tab-button > .toolbarbutton-icon, #tabs-newtab-button > .toolbarbutton-icon { fill: rgb(249,249,250) !important; } /* End default theme customizations */ /* Windows 7 specific */ @media (-moz-os-version: windows-win7) { .tabbrowser-tab { background-color: transparent !important; border: none !important; } @media (-moz-windows-default-theme) { .tabbrowser-tab:not(:-moz-lwtheme) { background-color: transparent !important; border: none !important; } } } .tabbrowser-tab > .tab-stack > .tab-background { background-image: none !important; flex-direction: row !important; background-color: transparent !important; margin-top: 0px !important; } .tab-background[selected="true"] { border: none !important; } .tab-background { pointer-events: none !important; } .tab-line { display: none !important; } .tab-bottom-line { display: none !important; } .tab-label-container{ height: 2.2em !important; } /* Match height of new tab button (right svg) on hover */ #tabs-newtab-button { margin: 0 !important; } /* overlap the tab curves */ .tab-background { -moz-margin-end: -15px !important; -moz-margin-start: -15px !important; } /* Remove blue animation on tab on page load complete */ .tab-loading-burst { display: none !important; } /* Begin tab background customizations */ .tab-background[selected="true"]::before { border: none !important; content: "" !important; width: 34px !important; min-height: 26px !important; display: flex !important; background-repeat: no-repeat !important; } tabbrowser-tab[pinned="true"][first-visible-tab="true"] .tab-background::before, .tabbrowser-tab[pinned="true"][first-visible-tab="true"]:hover > .tab-stack > .tab-background:not([selected=true])::before { width: 42px !important; } .tabbrowser-tab[pinned="true"][first-visible-tab="true"] .tab-content { padding: 0px 18px 0px 22px !important; } #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] { margin-inline-start: -16px !important; } .tab-background[selected="true"]::after { border: none !important; content: "" !important; width: 34px !important; min-height: 26px !important; display: flex !important; background-repeat: no-repeat !important; } .tab-background[selected="true"] > spacer { margin-top: 0px !important; } #new-tab-button, #tabs-newtab-button { width: calc(36px + 30px) !important; margin-inline-start: -16px !important; margin-top: 1px !important; } /* Tab hover customizations */ .close-icon:hover { border-radius: 50% !important; } .tab-close-button:hover { fill: red !important; padding: 3px !important; } .tab-close-button { width: 20px !important; height: 20px !important; padding: 3px !important; } /* Regular tabs */ .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before { display: flex !important; background-repeat: no-repeat !important; content: "" !important; width: 34px !important; max-height: 26px !important; background-color: transparent !important; } .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after { display: flex !important; background-repeat: no-repeat !important; content: "" !important; width: 34px !important; max-height: 26px !important; background-color: transparent !important; } .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer { margin-top: 0px !important; } #TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]), #tabs-newtab-button:hover, #tabs-newtab-button:hover::before, #tabs-newtab-button:hover::after { background-color: transparent !important; } /* New tab hover customizations */ .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]), #tabs-newtab-button:hover { background-position: 0px 2px, 30px 4px , 36px 2px !important; background-repeat: no-repeat !important; background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px !important; } #tabs-newtab-button:hover > .toolbarbutton-icon { background: none !important; background-color: transparent !important; } /* Color specific customizations */ :root { --svg-selected-before: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='26px' height='27px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='26' height='27' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgb(249,249,250);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>"); --svg-selected-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='26px' height='27px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='26' height='27' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgb(249, 249, 255);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>"); --background-selected-middle: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), linear-gradient( transparent 2px, rgb(249,249,255) 2px, rgb(249,249,255) ), none; --svg-hover-before: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='26px' height='26px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='26' height='26' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255, .1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>"); --svg-hover-after: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='26px' height='27px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='26' height='27' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255, 255, 255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>"); --background-hover-middle: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), linear-gradient( transparent 2px, rgba(255,255,255,.1) 2px, rgba(255,255,255,.1) ), none; --newtab-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='26px' height='26px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='26' height='27' clip-path='url(%23tab-curve-clip-path-start)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>"), linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' width='26px' height='27px' preserveAspectRatio='none'><defs><svg:clipPath id='tab-curve-clip-path-start' clipPathUnits='objectBoundingBox'><svg:path d='m 1,0.065 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.065 z'/></svg:clipPath><svg:clipPath id='tab-curve-clip-path-end' clipPathUnits='objectBoundingBox'><svg:path d='m 0,0.065 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.065 z'/></svg:clipPath><svg:clipPath id='tab-hover-clip-path' clipPathUnits='objectBoundingBox'><svg:path d='M 0,0.2 0,1 1,1, 1,0.2 z'/></svg:clipPath></defs><foreignObject width='26' height='27' clip-path='url(%23tab-curve-clip-path-end)'><div id='tab-background-fill' style='background-color:rgba(255,255,255,.1);background-repeat:no-repeat;height:100%;width:100%;' xmlns='http://www.w3.org/1999/xhtml'></div></foreignObject></svg>"); } /* OS-specific color variables */ @media screen and (-moz-windows-theme) { :root { } } @media not screen and (-moz-windows-theme) { :root { } } .tab-background[selected="true"]::before { background-image: var(--svg-selected-before) !important; background-position: right top; } .tab-background[selected="true"]::after { background-image: var(--svg-selected-after) !important; } .tab-background[selected="true"] > .tab-context-line { background-image: var(--background-selected-middle) !important; } .tabbrowser-tab[visuallyselected="true"] > .tab-stack > .tab-background { box-shadow: none !important; } .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before { background-image: var(--svg-hover-before) !important; background-position: right top; } .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after { background-image: var(--svg-hover-after) !important; } .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > .tab-context-line { background-image: var(--background-hover-middle) !important; } #tabs-newtab-button:hover { background-image: var(--newtab-hover) !important; margin-inline-start: -16px !important; } /*Fix под кнопками управления окном */ .titlebar-buttonbox-container { padding: 0px !important; height: 2.0em !important; margin-top: 2px !important; } /*Белый шрифт и динамик и иконки на неактивных вкладках*/ .tabbrowser-tab:not([visuallyselected="true"], [multiselected]) { color: white !important; } .tab-icon-overlay:not([selected="true"]), .tabbrowser-tab:not([selected="true"]) .tab-icon-image { fill: white !important; } /*Высота вкладок*/ #titlebar, #tabbrowser-tabs { --tab-min-height: 26px; } /*Ширина вкладок*/ .tabbrowser-tab[fadein]:not([pinned]) { min-width: 90px !important; max-width: 90px !important; } /* поднимаем панель с табами выше, чтобы меньше места занимала */ #TabsToolbar{ margin-top: -4px !important; } /* Когда много мелких табов при выборе или наведении мыши таб растягивается */ .tabbrowser-tab[fadein][selected]:not([pinned]), .tabbrowser-tab:hover[fadein]:not([pinned]) { min-width: 90px !important; } /*Покрасить все панели*/ *|*:root { --toolbar-non-lwt-bgcolor: #f0f0f0 !important; --toolbar-non-lwt-textcolor: black !important; } .tabbrowser-tab[multiselected="true"]:not(:-moz-lwtheme), .tabbrowser-tab[selected="true"]:not(:-moz-lwtheme) { --toolbar-bgcolor: white !important; color: black !important; } /* TabBar reduce Spacer width on the right */ .titlebar-spacer[type="post-tabs"] { width: 10px !important; } /* твик иконки воспроизведения на вкладке */ /* https://forum.mozilla-russia.org/viewtopic.php?pid=791607#p791607 */ .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; } /* Скрыть надпись "воспроизводится" в режиме обычных и мобильных значков */ .tab-secondary-label { display: none !important; }
Отсутствует
egorsemenov06
С вашим кодом она итак белая без правки, по крайней мере в 115. Причина либо в используемой теме, или другом коде.
тема системная 119.0 в 118.0.2 нормально было
Отредактировано egorsemenov06 (23-10-2023 21:43:54)
Отсутствует
egorsemenov06 пишеттема системная 119.0 в 118.0.2 нормально было
Проверьте только с этим кодом.
чистый профиль и только этот код
Отсутствует
что бы активная вкладка отображалась белым цветом
В 119 работает точно, если у вас не работает, значит его ломает какой-то другой стиль.
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected] .tab-content { background: #ffffbf !important; /* цвет фона */ color: blue !important; /* цвет текста */ }
Отсутствует
Dumby Помогите пожалуйста с моим вопросом https://forum.mozilla-russia.org/viewto … 20#p807420
fuchsfan ваш код рабочий но это не то что нужно
Отсутствует
сдеать так что бы активная вкладка отображалась белым цветом а то сейчас вот так
не знаю как было раньше, но если по всему коду найти selected="true" и заменить на selected то какой-то белый появляется.
Жизнь иногда такое выкидывает, что хочется подобрать...
Отсутствует
egorsemenov06 пишетсдеать так что бы активная вкладка отображалась белым цветом а то сейчас вот так
не знаю как было раньше, но если по всему коду найти selected="true" и заменить на selected то какой-то белый появляется.
От души Спасибо Вам!!!!Заменил все selected="true" на selected и selected=true на selected и заработало!
Отсутствует
Отсутствует
а можно как то сделать так чтоб правила вносимые в userChrome.css сразу применялись, чтоб было видно, работает оно и как ? Чтобы ненужно было постоянно перезапускать браузер.
Раньше такое вроде мог делать Stylish, а сейчас есть может расширение ?
Отсутствует
а можно как то сделать так чтоб правила вносимые в userChrome.css сразу применялись, чтоб было видно, работает оно и как ?
Можно, как вариант в виде кнопки CB -> решение под вторым спойлером
Add, смотря для какой версии ... ?
Отредактировано kokoss (04-11-2023 23:44:27)
Win7
Отсутствует
ну желательно для фф 68.
Проверяйте -> https://forum.mozilla-russia.org/viewto … 77#p789677
Win7
Отсутствует
а можно как то сделать так чтоб правила вносимые в userChrome.css сразу применялись, чтоб было видно, работает оно и как ?
В инструментах разработчика открываем редактор стилей, вносим изменения в userChrome.css и сразу видим результат
Отсутствует