Northtech
Попробуйте ещё такой вариант ->
menupopup[placespopup="true"] > .menupopup-arrowscrollbox { --uc-scrollbox-overflow: auto; } scrollbox { overflow-y: var(--uc-scrollbox-overflow,initial) }
Add, проверьте только с этим кодом, так как у меня он работает без глюков.
Отредактировано kokoss (25-04-2023 20:49:24)
Win7
Отсутствует
kokoss
ага, нашел. конфликт с
видимо перебор с уменьшением вкладок. спасибо)
хотя странно конечно...
Отредактировано Northtech (25-04-2023 21:11:21)
Отсутствует
видимо перебор с уменьшением вкладок.
Для уменьшения вкладок попробуйте с этим кодом ->
Win7
Отсутствует
У кого-нибудь есть точная копия внешнего вида [firefox]78-88 для 100+ версий? Или, может быть, Мозилла планирует в ближайшее время переименовать протон в бозон и снова дизайн сменить?
Отсутствует
Тоторо
Например
GitHub - black7375/Firefox-UI-Fix
GitHub - jannikbuscha/firefox-dracula
Такое еще
GitHub - datguypiko/Firefox-Mod-Blur
Да и full_theme от VitaliyV до сих пор работает, с минимальными правками.
Отсутствует
_zt
Можно поверх них обычные темы ставить? А если извлечь из 88 старые значки закладок/загрузок/домашней страницы и т.д., их тоже надо будет дополнительным кодом оформлять или можно просто в папке подменить?
Или может, у какого-то форка от нормальный дизайн сохранился, чтобы не извращаться?
Отредактировано Тоторо (03-05-2023 00:55:08)
Отсутствует
Можно поверх них обычные темы ставить?
Не знаю. На Firefox-UI-Fix можно попробовать.
извлечь из 88 старые значки закладок/загрузок/домашней ... подменить?
В omni.ja можно подменить, но этого мало, формат, размер, названия и пути многих значков изменились. Вот бы все так просто было.
может, у какого-то форка
Может быть, пробуйте.
Pale Moon - https://www.palemoon.org/
Basilisk - https://basilisk-browser.org/
Waterfox - https://www.waterfox.net/
Floorp - https://floorp.ablaze.one/
нормальный дизайн сохранился, чтобы не извращаться
Вот и не извращайтесь форками, в теме про css для .
Отредактировано _zt (03-05-2023 15:47:14)
Отсутствует
Идентификация первой и последней вкладок
Здравствуйте.
Как однозначно идентифицировать первую и последнюю вкладки на панели вкладок. Я имею ввиду элементы tab класса tabbrowser-tab, являющиеся дочерними для элемента tabs класса tabbrowser-tabs.
Спасибо.
Отсутствует
FireForce, наверное так для большей гибкости:
tab.tabbrowser-tab:nth-child(1)
tab.tabbrowser-tab:nth-last-child(1)
Элементы tab класса tabbrowser-tab не являются дочерними для элемента tabs класса tabbrowser-tabs. Хотя, может в ранних версиях Firefox по другому - не проверял
Отредактировано 6e73epo (08-05-2023 14:25:59)
Отсутствует
Разобрался в вопросе. Вот решение.
tab:first-of-type hbox[class='tab-content'] background-color: violet tab:last-of-type hbox[class='tab-content'] background-color: orange
То есть, задача стояла окрасить первую и последнюю вкладки в определенные цвета. Для её решения можно было использовать как псевдоклассы first-child/last-child, так и first-of-type/last-of-type.
Разница заключается в следующем.
Псевдоклассы типа -child репрезентует заданный элемент в группе всех дочерних элементов. Псевдоклассы же типа -of-type репрезентуют заданный элемент в группе дочерних элементов данного типа. То есть, если элемент выбранного типа не является заданным элементом (первым, последним, n-ым), то в случае -child он выбран не будет, а в случае -of-type будет.
Посколько в иерархии дочерних элементов репрезентующих вкладки на панели вкладок элемент „вкладка“ не является единственным возможным дочерним элементом, то его выбор в некоторых случаях возможен только по типу.
6e73epo, спасибо за внимание к вопросу.
Отсутствует
В 113 версии пропали кнопки управления окном:
Код из userChrome.css
/* Кнопки управления окном */ *|*:root { --v-titlebar-button-vert-padding: 5px; --v-titlebar-button-horizont-padding: 10px; --v-svg-filter-fill: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill"); --v-titlebar-min-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><line stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges' x1='1' y1='5.5' x2='11' y2='5.5'/></svg>"); --v-titlebar-max-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='1.5' width='9' height='9'/></svg>"); --v-titlebar-maximized-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='3.5' width='7' height='7'/><polyline points='3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5'/></svg>"); --v-titlebar-close-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><path stroke='black' stroke-width='.9' fill='none' d='M1,1 l 10,10 M1,11 l 10,-10'/></svg>"); --v-titlebar-button-image-height: 12px; --v-titlebar-button-image-width: 12px; --v-titlebar-button-background-hover: rgba(0,0,0,.12); --v-titlebar-button-background-active: rgba(0,0,0,.22); --v-titlebar-close-background-hover: rgb(227, 27, 93); --v-titlebar-close-background-active: rgb(191, 22, 78); --v-windows-glass-default-background: ActiveCaption; --v-windows-glass-default-background-inactive: InactiveCaption; } *|*:root:-moz-lwtheme-brighttext, toolbar[brighttext] { --v-titlebar-button-background-hover: rgba(255,255,255,.22); --v-titlebar-button-background-active: rgba(255,255,255,.12); } @media (-moz-windows-glass), (-moz-os-version: windows-win8) { *|*:root[sizemode="normal"] > #titlebar { -moz-appearance: none !important; margin-bottom: calc(-1 * (var(--v-titlebar-button-vert-padding) * 2 + var(--v-titlebar-button-image-height))) !important; } *|*:root[sizemode="normal"] > #titlebar > #titlebar-content { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } *|*:root[sizemode="normal"] > #navigator-toolbox, *|*:root[sizemode="normal"] > box > #navigator-toolbox { border-top: none !important; padding-top: 0 !important; box-shadow: 0 1px 0 rgba(12,12,13,0.3) inset !important; } #titlebar-buttonbox, .titlebar-buttonbox { -moz-appearance: none !important; margin: 0 !important; padding: 0 !important; } *|*:root { -moz-appearance: none !important; background-color: var(--lwt-accent-color, var(--v-windows-glass-default-background)) !important; } *|*:root:-moz-window-inactive { background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color, var(--v-windows-glass-default-background-inactive))) !important; } #TabsToolbar:-moz-lwtheme-darktext { color: inherit !important; --lwt-toolbarbutton-icon-fill: currentColor !important; } #TabsToolbar:not(:-moz-lwtheme) { color: inherit !important; } #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab { background-color: transparent !important; } vbox#appcontent { -moz-appearance: none !important; } } #titlebar-buttonbox > .titlebar-button, .titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-restore,.titlebar-close), #minimize-button, #restore-button, #close-button { display: -moz-box !important; -moz-appearance: none !important; margin: 0 !important; padding: var(--v-titlebar-button-vert-padding) var(--v-titlebar-button-horizont-padding) !important; color: var(--lwt-toolbarbutton-icon-fill, inherit) !important; } *|*:root:not([sizemode="maximized"]) .titlebar-buttonbox > .titlebar-restore[tooltiptext], *|*:root[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max[tooltiptext] { display: none !important; } #window-controls { -moz-box-align: start !important; } @media not all and (-moz-os-version: windows-win7) { #titlebar-buttonbox, .titlebar-buttonbox { -moz-appearance: none !important; -moz-box-align: start !important; -moz-box-pack: end !important; } } #titlebar-buttonbox > .titlebar-button > .toolbarbutton-icon, .titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-restore,.titlebar-close) > .toolbarbutton-icon, :-moz-any(#minimize-button,#restore-button,#close-button) > .toolbarbutton-icon { filter: var(--v-svg-filter-fill) !important; fill: currentColor !important; color: inherit !important; margin: 0 !important; padding: 0 !important; height: var(--v-titlebar-button-image-height) !important; width: var(--v-titlebar-button-image-width) !important; } #titlebar-buttonbox > #titlebar-min, .titlebar-buttonbox > .titlebar-min, #minimize-button { list-style-image: var(--v-titlebar-min-image) !important; -moz-image-region: auto !important; } #titlebar-buttonbox > #titlebar-max, .titlebar-buttonbox > .titlebar-max { list-style-image: var(--v-titlebar-max-image) !important; -moz-image-region: auto !important; } *|*:root[sizemode="maximized"] #titlebar-buttonbox > #titlebar-max, *|*:root[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max, .titlebar-buttonbox > .titlebar-restore, #restore-button { list-style-image: var(--v-titlebar-maximized-image) !important; -moz-image-region: auto !important; } #titlebar-buttonbox > :-moz-any(#titlebar-min,#titlebar-max):hover, .titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-restore):hover, :-moz-any(#minimize-button,#restore-button):hover { background-color: var(--v-titlebar-button-background-hover) !important; } #titlebar-buttonbox > :-moz-any(#titlebar-min,#titlebar-max):hover:active, .titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-restore):hover:active, :-moz-any(#minimize-button,#restore-button):hover:active { background-color: var(--v-titlebar-button-background-active) !important; } #titlebar-buttonbox > #titlebar-close, .titlebar-buttonbox > .titlebar-close, #close-button { list-style-image: var(--v-titlebar-close-image) !important; -moz-image-region: auto !important; } #titlebar-buttonbox > #titlebar-close:hover, .titlebar-buttonbox > .titlebar-close:hover, #close-button:hover { background-color: var(--v-titlebar-close-background-hover) !important; color: white !important; } #titlebar-buttonbox > #titlebar-close:hover:active, .titlebar-buttonbox > .titlebar-close:hover:active, #close-button:hover:active { background-color: var(--v-titlebar-close-background-active) !important; color: white !important; } }
Отсутствует
Dumby помогите пожалуйста с вкладками .Опять уехали вверх
: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; -moz-box-orient: horizontal !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; } /* 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: -moz-box !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: -moz-box !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: -moz-box !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: -moz-box !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; } /*Высота вкладок*/ *|*#main-window:not([uidensity="touch"]) { --tab-min-height: 26px !important; } *|*#main-window:not([uidensity="touch"]) #TabsToolbar { --toolbarbutton-outer-padding: 0px !important; --toolbarbutton-inner-padding: 3px !important; } *|*#main-window:not([uidensity="touch"]) #TabsToolbar .toolbarbutton-badge { margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !important; } @media (-moz-windows-compositor) { *|*#main-window:not([uidensity="touch"]) .titlebar-buttonbox { -moz-box-align: start !important; } *|*#main-window:not([uidensity="touch"]) .titlebar-buttonbox .titlebar-button { margin: 0 !important; padding: 4px 8px !important; } *|*#main-window:not([uidensity="touch"])[sizemode="normal"] vbox#titlebar { -moz-appearance: none !important; } } /*Ширина вкладок*/ .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; } /* Кнопки управления окном */ @-moz-document url("chrome://browser/content/browser.xhtml") { :root { --v-titlebar-button-vert-padding: 5px; --v-titlebar-button-horizont-padding: 10px; --v-svg-filter-fill: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill"); --v-titlebar-min-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><line stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges' x1='1' y1='5.5' x2='11' y2='5.5'/></svg>"); --v-titlebar-max-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='1.5' width='9' height='9'/></svg>"); --v-titlebar-maximized-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='.9' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='3.5' width='7' height='7'/><polyline points='3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5'/></svg>"); --v-titlebar-close-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><path stroke='black' stroke-width='.9' fill='none' d='M1,1 l 10,10 M1,11 l 10,-10'/></svg>"); --v-titlebar-button-image-height: 12px; --v-titlebar-button-image-width: 12px; --v-titlebar-button-background-hover: rgba(0, 0, 0, .12); --v-titlebar-button-background-active: rgba(0, 0, 0, .22); --v-titlebar-close-background-hover: rgb(227, 27, 93); --v-titlebar-close-background-active: rgb(191, 22, 78); } :root:-moz-lwtheme-brighttext, toolbar[brighttext] { --v-titlebar-button-background-hover: rgba(255, 255, 255, .22); --v-titlebar-button-background-active: rgba(255, 255, 255, .12); } :root { background-color: -moz-Dialog !important; color: -moz-DialogText !important; } @media (-moz-windows-glass), (-moz-os-version: windows-win8) { :root { -moz-appearance: none !important; appearance: none !important; background-color: ActiveCaption !important; color: CaptionText !important; } :root:-moz-window-inactive { background-color: InactiveCaption !important; color: InactiveCaptionText !important; } vbox#appcontent { -moz-appearance: none !important; appearance: none !important; } } @media (-moz-windows-glass: 0) and (-moz-os-version: windows-win7) { :root { background-color: ActiveCaption !important; color: CaptionText !important; } :root:-moz-window-inactive { background-color: InactiveCaption !important; color: InactiveCaptionText !important; } } :root:-moz-lwtheme { --v-lwt-accent-color-for-lwtheme: var(--lwt-accent-color, rgb(227, 228, 230)); background-color: var(--v-lwt-accent-color-for-lwtheme) !important; color: var(--lwt-text-color, rgb(24, 25, 26)) !important; } :root:-moz-lwtheme-brighttext { --v-lwt-accent-color-for-lwtheme: var(--lwt-accent-color, rgb(12, 12, 13)); color: var(--lwt-text-color, rgb(249, 249, 250)) !important; } :root:-moz-lwtheme:-moz-window-inactive { background-color: var(--lwt-accent-color-inactive, var(--v-lwt-accent-color-for-lwtheme)) !important; } @media (-moz-windows-accent-color-in-titlebar) { :root[tabsintitlebar]:not(:-moz-lwtheme):not(:-moz-window-inactive), :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) { background-color: -moz-win-accentcolor !important; color: -moz-win-accentcolortext !important; } } :root[tabsintitlebar]:not([inDOMFullscreen]) #titlebar { visibility: hidden !important; } :root[tabsintitlebar]:not([inDOMFullscreen]):not([chromehidden~="menubar"]) #titlebar > #toolbar-menubar, :root[tabsintitlebar]:not([inDOMFullscreen]):not([chromehidden~="toolbar"]) #titlebar > #TabsToolbar { visibility: visible; } :root[sizemode="normal"] #titlebar { -moz-appearance: none !important; appearance: none !important; } .titlebar-buttonbox-container { -moz-box-align: start !important; } .titlebar-buttonbox { -moz-appearance: none !important; appearance: none !important; -moz-box-align: start !important; -moz-box-pack: end !important; margin: 0 !important; padding: 0 !important; } :root[data-l10n-id="browser-main-window-mac"] .titlebar-buttonbox:-moz-locale-dir(ltr) { -moz-box-direction: reverse !important; } :root[sizemode="normal"] #navigator-toolbox { border-top: none !important; padding-top: 0 !important; box-shadow: none !important; background-image: none !important; } :root[tabsintitlebar][sizemode="normal"] #toolbar-menubar { margin-top: 0 !important; } #toolbar-menubar { text-shadow: inherit !important; } #main-menubar { text-shadow: inherit !important; background-color: transparent !important; color: inherit !important; border-radius: 0 !important; } #toolbar-menubar, #TabsToolbar { color: inherit !important; background-image: none !important; } #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab { background-color: transparent !important; } :root[tabsintitlebar] #TabsToolbar .tab-label { opacity: 1 !important; } #TabsToolbar:-moz-lwtheme { --lwt-toolbarbutton-icon-fill: currentColor !important; } .titlebar-buttonbox > :is(.titlebar-min,.titlebar-max,.titlebar-restore,.titlebar-close), #minimize-button, #restore-button, #close-button { display: -moz-box !important; -moz-appearance: none !important; appearance: none !important; margin: 0 !important; padding: var(--v-titlebar-button-vert-padding) var(--v-titlebar-button-horizont-padding) !important; color: var(--lwt-toolbarbutton-icon-fill, inherit) !important; background-color: transparent !important; } :root:not([sizemode="maximized"]) .titlebar-buttonbox > .titlebar-restore[tooltiptext], :root[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max[tooltiptext] { display: none !important; } #window-controls { -moz-box-align: start !important; } .titlebar-buttonbox > :is(.titlebar-min,.titlebar-max,.titlebar-restore,.titlebar-close) > .toolbarbutton-icon, :is(#minimize-button,#restore-button,#close-button) > .toolbarbutton-icon { filter: var(--v-svg-filter-fill) !important; fill: currentColor !important; color: inherit !important; margin: 0 !important; padding: 0 !important; height: var(--v-titlebar-button-image-height) !important; width: var(--v-titlebar-button-image-width) !important; } .titlebar-buttonbox > .titlebar-min, #minimize-button { list-style-image: var(--v-titlebar-min-image) !important; -moz-image-region: auto !important; } .titlebar-buttonbox > .titlebar-max { list-style-image: var(--v-titlebar-max-image) !important; -moz-image-region: auto !important; } :root[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max, .titlebar-buttonbox > .titlebar-restore, #restore-button { list-style-image: var(--v-titlebar-maximized-image) !important; -moz-image-region: auto !important; } .titlebar-buttonbox > :is(.titlebar-min,.titlebar-max,.titlebar-restore):hover, :is(#minimize-button,#restore-button):hover { background-color: var(--v-titlebar-button-background-hover) !important; } .titlebar-buttonbox > :is(.titlebar-min,.titlebar-max,.titlebar-restore):hover:active, :is(#minimize-button,#restore-button):hover:active { background-color: var(--v-titlebar-button-background-active) !important; } .titlebar-buttonbox > .titlebar-close, #close-button { list-style-image: var(--v-titlebar-close-image) !important; -moz-image-region: auto !important; } .titlebar-buttonbox > .titlebar-close:hover, #close-button:hover { background-color: var(--v-titlebar-close-background-hover) !important; color: white !important; } .titlebar-buttonbox > .titlebar-close:hover:active, #close-button:hover:active { background-color: var(--v-titlebar-close-background-active) !important; color: white !important; } }
Отсутствует
Retif пишетНо для панели со вкладками что-то не выходитhttps://github.com/Aris-t2/CustomCSSfor … .css#L1083
https://forum.mozilla-russia.org/viewto … 70#p803370
Тут Firefox решил обновиться до версии 113.0 и это:
больше не работает.
Опять тогда вопрос, как задать свой цвет для панели с табами?
Использую Custom CSS for Firefox 4.3.5
Отредактировано Retif (10-05-2023 13:16:35)
Отсутствует
больше не работает.
Опять тогда вопрос, как задать свой цвет для панели с табами?
У меня в 113 работает!
Попробуйте тогда такой вариант ->
#TabsToolbar {
background-image: radial-gradient(ellipse at bottom, rgba(255,0,0,0.8), rgba(139,0,0,0.5) 80%, transparent) !important;
color: white !important;
}
Win7
Отсутствует
kokoss
Мой вопрос https://forum.mozilla-russia.org/viewtopic.php?pid=804907#p804907
Ваша рекомендация https://forum.mozilla-russia.org/viewtopic.php?pid=804888#p804888
При всём уважении не понял,как код для вертикальной панели может быть использован для возвращения убежавших кнопок управления окном.
Или я таки чего то не там смотрю?
Отсутствует
как код для вертикальной панели может быть использован для возвращения убежавших кнопок управления окном.
Этот код не только для вертикальной панели...
Отредактировано kokoss (10-05-2023 13:43:47)
Win7
Отсутствует
Попробуйте тогда такой вариант ->
Попробовал. Что-то не работает, как был F0F0F0, так и остался.
У меня в 113 работает!
Блин. А у меня почему не работает тогда... Конфликт между какими-то параметрами что ли...
Отсутствует