Полезная информация

Юристы зарабатывают огромные деньги и славу, оперируя хорошим знанием законов. Правила форума — простой путь к успешному общению.

№1295125-04-2023 20:46:32

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1733
UA: Firefox 112.0

Re: Настройка внешнего вида Firefox в userChrome.css

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

Отсутствует

 

№1295225-04-2023 21:08:15

Northtech
Участник
 
Группа: Members
Зарегистрирован: 16-04-2011
Сообщений: 261
UA: Firefox 112.0

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss
ага, нашел. конфликт с

Выделить код

Код:

.tabbrowser-tab {
margin-top: -4px !important;
margin-bottom: -4px !important;
}

видимо перебор с уменьшением вкладок. спасибо)
хотя странно конечно...

Отредактировано Northtech (25-04-2023 21:11:21)

Отсутствует

 

№1295325-04-2023 21:44:29

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1733
UA: Firefox 112.0

Re: Настройка внешнего вида Firefox в userChrome.css

Northtech пишет

видимо перебор с уменьшением вкладок.

Для уменьшения вкладок попробуйте с этим кодом ->

Выделить код

Код:

#titlebar,
#tabbrowser-tabs {
    --tab-min-height: 24px;
}

Win7

Отсутствует

 

№1295425-04-2023 22:13:15

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1430
UA: Firefox 112.0

Re: Настройка внешнего вида Firefox в userChrome.css

Northtech пишет

"ограничить зону действия типа "scrollbox:not([...])" не получается"

Зачем not когда есть is? Вопрос риторический.

Отсутствует

 

№1295502-05-2023 23:13:11

Тоторо
Участник
 
Группа: Members
Зарегистрирован: 21-12-2022
Сообщений: 20
UA: Firefox 106.0

Re: Настройка внешнего вида Firefox в userChrome.css

У кого-нибудь есть точная копия внешнего вида [firefox]78-88 для 100+ версий?
Или, может быть, Мозилла планирует в ближайшее время переименовать протон в бозон и снова дизайн сменить?

Отсутствует

 

№1295603-05-2023 00:11:38

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1430
UA: Firefox 112.0

Re: Настройка внешнего вида Firefox в userChrome.css

Тоторо
Например
GitHub - black7375/Firefox-UI-Fix
GitHub - jannikbuscha/firefox-dracula
Такое еще
GitHub - datguypiko/Firefox-Mod-Blur
   
Да и full_theme от VitaliyV до сих пор работает, с минимальными правками.

Отсутствует

 

№1295703-05-2023 00:47:52

Тоторо
Участник
 
Группа: Members
Зарегистрирован: 21-12-2022
Сообщений: 20
UA: Firefox 106.0

Re: Настройка внешнего вида Firefox в userChrome.css

_zt
Можно поверх них обычные темы ставить? А если извлечь из 88 старые значки закладок/загрузок/домашней страницы и т.д., их тоже надо будет дополнительным кодом оформлять или можно просто в папке подменить?

Или может, у какого-то форка от [firefox] нормальный дизайн сохранился, чтобы не извращаться?

Отредактировано Тоторо (03-05-2023 00:55:08)

Отсутствует

 

№1295803-05-2023 10:26:13

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1430
UA: Firefox 112.0

Re: Настройка внешнего вида Firefox в userChrome.css

Тоторо пишет

Можно поверх них обычные темы ставить?

Не знаю. На 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 для [firefox]. :)

Отредактировано _zt (03-05-2023 15:47:14)

Отсутствует

 

№1295903-05-2023 10:45:06

Тоторо
Участник
 
Группа: Members
Зарегистрирован: 21-12-2022
Сообщений: 20
UA: Firefox 106.0

Re: Настройка внешнего вида Firefox в userChrome.css

_zt пишет

Может быть, пробуйте.

Спасибо, попробую.

Отсутствует

 

№1296008-05-2023 13:30:24

FireForce
Участник
 
Группа: Members
Зарегистрирован: 18-01-2010
Сообщений: 463
UA: Firefox 112.0

Re: Настройка внешнего вида Firefox в userChrome.css

Идентификация первой и последней вкладок

Здравствуйте.

Как однозначно идентифицировать первую и последнюю вкладки на панели вкладок. Я имею ввиду элементы tab класса tabbrowser-tab, являющиеся дочерними для элемента tabs класса tabbrowser-tabs.

Спасибо.

Отсутствует

 

№1296108-05-2023 13:46:21

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 193
UA: unknown 0.0

Re: Настройка внешнего вида Firefox в userChrome.css

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)

Отсутствует

 

№1296208-05-2023 16:01:19

FireForce
Участник
 
Группа: Members
Зарегистрирован: 18-01-2010
Сообщений: 463
UA: Firefox 112.0

Re: Настройка внешнего вида Firefox в userChrome.css

Разобрался в вопросе. Вот решение.

Выделить код

Код:

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, спасибо за внимание к вопросу.

Отсутствует

 

№1296308-05-2023 16:28:36

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1733
UA: Firefox 112.0

Re: Настройка внешнего вида Firefox в userChrome.css

FireForce
Скобки забыли добавить!


Win7

Отсутствует

 

№1296408-05-2023 17:09:06

FireForce
Участник
 
Группа: Members
Зарегистрирован: 18-01-2010
Сообщений: 463
UA: Firefox 112.0

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss Это Sass.

Отсутствует

 

№1296508-05-2023 17:18:30

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1733
UA: Firefox 112.0

Re: Настройка внешнего вида Firefox в userChrome.css

FireForce пишет

Это Sass.

И как это работает ?


Win7

Отсутствует

 

№1296608-05-2023 17:34:23

FireForce
Участник
 
Группа: Members
Зарегистрирован: 18-01-2010
Сообщений: 463
UA: Firefox 112.0

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss Пишите на Sass, компилируете в CSS. Далее, используете скомпилированный файл так, как вам необходимо.

Отсутствует

 

№1296710-05-2023 09:01:11

Pifontiy
Участник
 
Группа: Members
Зарегистрирован: 01-07-2020
Сообщений: 20
UA: Firefox 113.0

Re: Настройка внешнего вида Firefox в userChrome.css

В 113 версии пропали кнопки управления окном:

daf3b920250098951ceed32bab52fd51.png

Код из 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;
}
}


Можно их вернуть обратно...

Отсутствует

 

№1296810-05-2023 09:08:52

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1733
UA: Firefox 113.0

Re: Настройка внешнего вида Firefox в userChrome.css

Pifontiy пишет

В 113 версии пропали кнопки управления окном:

https://forum.mozilla-russia.org/viewtopic.php?pid=804888#p804888


Win7

Отсутствует

 

№1296910-05-2023 10:24:40

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 381
UA: Firefox 113.0

Re: Настройка внешнего вида Firefox в userChrome.css

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;
}
}

если добавляю .scrollbox-clip {
      height: 28px !important;}
то становиться вот так 06b3ab670fcb55f89e200e295f29c209.png последнию извилину у себя уже сломал

Отсутствует

 

№1297010-05-2023 12:51:39

Retif
Участник
 
Группа: Members
Зарегистрирован: 14-09-2014
Сообщений: 111
UA: Firefox 113.0

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss пишет

Retif пишетНо для панели со вкладками что-то не выходитhttps://github.com/Aris-t2/CustomCSSfor … .css#L1083

https://forum.mozilla-russia.org/viewto … 70#p803370


Тут Firefox решил обновиться до версии 113.0 и это:

Выделить код

Код:

@import "./css/toolbars/general_toolbar_colors_tabs_toolbar_aeroglass.css";

больше не работает.

Опять тогда вопрос, как задать свой цвет для панели с табами?

Использую Custom CSS for Firefox 4.3.5

Отредактировано Retif (10-05-2023 13:16:35)

Отсутствует

 

№1297110-05-2023 13:33:33

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1733
UA: Firefox 113.0

Re: Настройка внешнего вида Firefox в userChrome.css

Retif пишет

больше не работает.

Опять тогда вопрос, как задать свой цвет для панели с табами?

У меня в [firefox] 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

Отсутствует

 

№1297210-05-2023 13:35:46

Pifontiy
Участник
 
Группа: Members
Зарегистрирован: 01-07-2020
Сообщений: 20
UA: Firefox 113.0

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss
Мой вопрос https://forum.mozilla-russia.org/viewtopic.php?pid=804907#p804907
Ваша рекомендация https://forum.mozilla-russia.org/viewtopic.php?pid=804888#p804888
При всём уважении не понял,как код для вертикальной панели может быть использован для возвращения убежавших кнопок управления окном.
Или я таки чего то не там смотрю?

Отсутствует

 

№1297310-05-2023 13:42:53

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1733
UA: Firefox 113.0

Re: Настройка внешнего вида Firefox в userChrome.css

Pifontiy пишет

как код для вертикальной панели может быть использован для возвращения убежавших кнопок управления окном.

Этот код не только для вертикальной панели...

Отредактировано kokoss (10-05-2023 13:43:47)


Win7

Отсутствует

 

№1297410-05-2023 13:48:16

Retif
Участник
 
Группа: Members
Зарегистрирован: 14-09-2014
Сообщений: 111
UA: Firefox 113.0

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss пишет

Попробуйте тогда такой вариант ->

Попробовал. Что-то не работает, как был F0F0F0, так и остался.

kokoss пишет

У меня в [firefox] 113 работает!

Блин. А у меня почему не работает тогда... Конфликт между какими-то параметрами что ли...

Отсутствует

 

№1297510-05-2023 13:55:57

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1733
UA: Firefox 113.0

Re: Настройка внешнего вида Firefox в userChrome.css

Retif пишет

А у меня почему не работает тогда... Конфликт между какими-то параметрами что ли...

Да -> 2023-05-10_135423.png


Win7

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]