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

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№1230122-07-2022 11:09:18

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 99
UA: Firefox 102.0

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

Подскажите пожалуйста как сделать подсветку строки при наведении в гамбургере.

Отсутствует

 

№1230222-07-2022 12:06:54

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1160
UA: Firefox 102.0

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

Ник 22

У меня так (давно не правился, но работает)

Выделить код

Код:

/* SELECTED ITEM - в меню кнопки гамбургера и 3-х точек */
popup menu:not([disabled="true"])[_moz-menuactive="true"],
menupopup menu:not([disabled="true"])[_moz-menuactive="true"],
menuitem:not([disabled="true"])[_moz-menuactive="true"],
autorepeatbutton:not([disabled="true"]):hover, 
splitmenu-menuitem:not([disabled="true"])[_moz-menuactive="true"],
panel[type="arrow"] .subviewbutton:not([disabled="true"]):hover,
panel[type="arrow"] toolbarbutton:not([disabled="true"]):hover, 
panel[type="arrow"] button:not([disabled="true"]):hover {
/* системный цвет заголовка окна и шрифта
background: -moz-win-accentcolor !important;
    color: -moz-win-accentcolortext !important; */
    background: blue !important;
    color: white !important;
    border-radius: 0px !important;
}

Отсутствует

 

№1230322-07-2022 12:41:44

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 99
UA: Firefox 102.0

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

Ник 22
У меня так давно

Спасибо. Работает

Отсутствует

 

№1230422-07-2022 15:57:13

Stariy
Участник
 
Группа: Members
Зарегистрирован: 16-07-2022
Сообщений: 6
UA: Firefox 64.0

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

Приветствую!
Подскажите, пожалуйста,  как прицепить иконку к пункту "Добавить новую кнопку"
c0e86eda24ec4192ff4ee91bb3610ca5.jpeg

Firefox.91.x.ESR, FF-Menu-Icon-Plus-CSS-master

Отредактировано Stariy (22-07-2022 16:00:46)

Отсутствует

 

№1230522-07-2022 23:43:30

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

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

Stariy пишет

Подскажите, пожалуйста,  как прицепить иконку к пункту "Добавить новую кнопку"

Выделить код

Код:

menuitem.menuitem-iconic[label^="Добавить новую кнопку"] {
    list-style-image: url("./image/иконка.png") !important;
}

Отредактировано kokoss (25-07-2022 00:18:07)


Win7

Отсутствует

 

№1230623-07-2022 03:47:04

Stariy
Участник
 
Группа: Members
Зарегистрирован: 16-07-2022
Сообщений: 6
UA: Firefox 64.0

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

kokoss
Огромное спасибо!!!

Отсутствует

 

№1230725-07-2022 23:10:37

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

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

sandro79 помогите пожалуйста убрать этот цвет 49af8ecacb4d92b81502317718c657f9.png на панели вкладок.использую вот этот стиль

скрытый текст

Выделить код

Код:

: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: 15px !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: -16px !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) {
  appearance: auto !important;
  -moz-default-appearance: -moz-mac-vibrant-titlebar-dark !important;
  -moz-font-smoothing-background-color: -moz-mac-vibrant-titlebar-dark !important;
  background-color: #232323 !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: 1px !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: 4px 0px !important;
}

/*убрать туман на панели вкладок*/
#TabsToolbar {
    background-image: none !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;
}
}

[firefox] 103.0

Отсутствует

 

№1230826-07-2022 00:09:00

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

egorsemenov06
Это влияет стиль /* Кнопки управления окном */ Что там править, я точно не знаю, а методом тыка в таком стиле нет желания разбираться.
Это стиль авторства Vitaliy V., может он вам подскажет, где и что подправить в его стиле. Не так давно он оставил пост, так что есть надежда.

Отсутствует

 

№1230926-07-2022 09:32:56

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

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

sandro79 пишет

egorsemenov06Это влияет стиль /* Кнопки управления окном */ Что там править, я точно не знаю, а методом тыка в таком стиле нет желания разбираться. Это стиль авторства Vitaliy V., может он вам подскажет, где и что подправить в его стиле. Не так давно он оставил пост, так что есть надежда.

я убрал этот стиль. вообще ни чего не поменялось кроме кнопок управления окном как был этот ублюдский цвет так и остался

Отсутствует

 

№1231026-07-2022 11:14:06

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 2129
UA: Firefox 78.0

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

egorsemenov06 пишет

я убрал этот стиль. вообще ни чего не поменялось

Совсем не в этом стиле дело.


Вот зачем ты вообще этот Мак-стафф к себе притащил?

скрытый текст

Выделить код

Код:

…
  appearance: auto !important;
  -moz-default-appearance: -moz-mac-vibrant-titlebar-dark !important;
  -moz-font-smoothing-background-color: -moz-mac-vibrant-titlebar-dark !important;


В Firefox 103 значение -moz-mac-vibrant-titlebar-dark выпилили,
и -moz-default-appearance для #TabsToolbar свалился в браузерный "toolbar".


Таким образом, задавать ему background-color стало бесполезно,
всё равно отрисуется системный прозрачный тулбар.
Вобщем, попробуй убрать эти три строки.

Отсутствует

 

№1231126-07-2022 11:29:22

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

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

Dumby пишет

Вобщем, попробуй убрать эти три строки.

Спасибо Огромное это сработало!!!

Отсутствует

 

№1231227-07-2022 08:18:29

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 99
UA: Firefox 102.0

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

Подскажите пожалуйста код для настройки высоты НЕ активной вкладки Firefox 102 esr.

Отредактировано Ник 22 (27-07-2022 08:22:27)

Отсутствует

 

№1231328-07-2022 07:20:54

Neytrino
Участник
 
Группа: Extensions
Зарегистрирован: 05-02-2006
Сообщений: 161
UA: Firefox 103.0

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

У этих козлов - опять руки чешутся не там где надо, сломали мой прекрасный (раскрашенный в системный цвет) фокс:cry:

скрытый текст

Выделить код

Код:

.browser-toolbar
			{
			background: -moz-accent-color !important;
			color: white !important;
			fill: white !important;
			}
		.browser-toolbar:-moz-window-inactive
			{
			background: unset !important;
			color: unset !important;
			fill: unset !important;
			}
		.toolbarbutton-icon
			{
			fill: currentColor !important;
			}
		#navigator-toolbox
			{
			--chrome-content-separator-color: LightSlateGray;
			}
		.toolbarbutton-icon, .toolbarbutton-badge-stack
			{
			--toolbarbutton-hover-background: rgba(255,255,255,.25);
			--toolbarbutton-active-background: rgba(255,255,255,.33);
			}
		:root
			{
			--lwt-toolbarbutton-icon-fill-attention: -moz-accent-color /*#45a1ff*/ !important;
			}


© уважением Neytrino.

Отсутствует

 

№1231428-07-2022 08:43:32

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

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

Здравствуйте уважаемый коллектив.
Решил перейти на 102 но на нём перестали работать правки стиля:

Межстрочные интервалы меню

скрытый текст
/* Межстрочные интервалы меню */

:root {
  --arrowpanel-menuitem-padding: 4px 8px !important;
}


Цветовое оформление панели закладок и выпадающего меню
скрытый текст
/* Цветовое оформление выпадающего меню */

#PlacesToolbar menupopup {
    appearance: none !important;
    --panel-background: #EDEDED !important;
    --panel-color: #606060 !important;
}
#PlacesToolbar menupopup :is(menuitem.menuitem-iconic, menu, .openintabs-menuitem):hover {
    appearance: none !important;
    background-color: #AEAEAE !important;
}
#PlacesToolbar menupopup menuseparator {
    appearance: none !important;
    padding: 2px 0px 0px !important;
    border-top: 0 !important;
    border-bottom: 1px solid #606060 !important;
}


На 91 было так:
скрытый текст
fd2f5f6031cd5ac2ded74897f7071382.png

На 102 стало так:
скрытый текст
9e44de145bceaa3bb965d55f982e45bd.png

Можно ли вернуть элементы стиля как было на скрине в 91?
То,что предлагалось здесь https://forum.mozilla-russia.org/viewtopic.php?pid=799622#p799622 на Windows 7х64 не работает.
Или на Windows 7 в 102 эти правки стиля уже не работают?

Отредактировано Pifontiy (28-07-2022 08:47:56)

Отсутствует

 

№1231528-07-2022 10:42:56

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 105.0

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

Pifontiy пишет

102 но на нём перестали работать правки стиля: Межстрочные интервалы меню

Не знаю, у меня в 102+ это еще работает. Включите компактные значки browser.uidensity = 1 и все подобные меню должны ужаться.

Цветовое оформление панели закладок и выпадающего меню

Да, это я когда-то пытался стиль нарисовать. Попробуйте код ниже, вроде все исправил, только не помню уже, зачем правило для #PlacesToolbar menupopup menuseparator добавлял, кажется сейчас оно не нужно

скрытый текст

Выделить код

Код:

:is(#PlacesToolbar menuitem, #PlacesToolbar menu)[_moz-menuactive] {
  background-color: #AEAEAE !important;
}
#PlacesToolbar menuitem, #PlacesToolbar menu {
  padding: 2px !important;
  min-height: 22px !important;
}
#PlacesToolbar menupopup {
  margin-top: -2px !important;
  --arrowpanel-background: #EDEDED;
  --arrowpanel-color: #606060;
  --arrowpanel-menuitem-margin: 0 2px !important;
  --arrowpanel-border-radius: 2px !important;
  --arrowpanel-menuitem-border-radius: 2px !important;
  --panel-subview-body-padding: 2px 0 !important;
}

    margin-top: -2px !important; забыл добавить. Хотя это не критично, но добавил, и код немного оптимизировал.

Отредактировано sandro79 (28-07-2022 21:42:46)

Отсутствует

 

№1231628-07-2022 11:47:56

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

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

sandro79,благодарю за консультацию, всё вернулось на круги своя :D
Вдобавок ко всему на 102 в цвете стало отображаться и меню закладок:

скрытый текст
8b2fae8eef39735a73631507f7eedc26.png

А на 91 это меню было белым...
скрытый текст
67bb7625fbad81a6e054ad104eb54e6f.png

Спасибо за труды, очень удачно пошаманили :)

Отсутствует

 

№1231728-07-2022 22:02:38

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

Pifontiy пишет

Вдобавок ко всему на 102 в цвете стало отображаться и меню закладок

Странно, не должно было... проверил в 102, - без изменений. Может с другими вашими кодами в связке как-то сработало.
У меня только с кодом именно для этого меню сработало

скрытый текст
Image_001.png

Выделить код

Код:

#BMB_bookmarksPopup {
  --arrowpanel-background: #EDEDED;
  --arrowpanel-color: #606060;
  --arrowpanel-menuitem-margin: 0 2px !important;
  --arrowpanel-border-radius: 2px !important;
  --arrowpanel-menuitem-border-radius: 2px !important;
  --arrowpanel-menuitem-padding: 4px 4px !important;
  --panel-subview-body-padding: 2px 0 !important;
}
#BMB_bookmarksPopup :is(menu.subviewbutton, menuitem.subviewbutton):not([disabled])[_moz-menuactive] {
  --panel-item-hover-bgcolor: #AEAEAE;
}
#BMB_bookmarksPopup menupopup {
  margin-top: -6px !important;
  margin-inline: -6px !important;
}

Предыдущий код я чуть подправил.

Отсутствует

 

№1231829-07-2022 11:54:42

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

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

Ну вот секция /* Цветовое оформление панели закладок и выпадающего меню */ из 91

скрытый текст
/* Цветовое оформление панели закладок и выпадающего меню */

#PlacesToolbar {
    --toolbarbutton-hover-background: color-mix(in srgb, #AEAEAE, transparent) !important;
    --toolbarbutton-active-background: color-mix(in srgb, #CECECE , transparent) !important;
}
#PlacesToolbar menuitem, #PlacesToolbar menu {
    --button-hover-bgcolor: color-mix(in srgb, #AEAEAE , transparent) !important;
    --button-active-bgcolor: color-mix(in srgb, #CECECE , transparent) !important;
}
#PlacesToolbar menupopup {
    --arrowpanel-background: #EDEDED !important;
    --arrowpanel-color: #606060 !important;
}
#PlacesToolbar menupopup menuseparator {
    appearance: none !important;
    padding: 2px 0px 0px !important;
    border-top: 0 !important;
    border-bottom: 1px solid #606060 !important;
}
#PlacesToolbar, #BMB_bookmarksPopup {
    --toolbarbutton-hover-background: color-mix(in srgb, #AEAEAE, transparent) !important;
    --toolbarbutton-active-background: color-mix(in srgb, #CECECE, transparent) !important;
    --button-hover-bgcolor: color-mix(in srgb, #AEAEAE, transparent) !important;
    --button-active-bgcolor: color-mix(in srgb, #CECECE, transparent) !important;
    --arrowpanel-background: #EDEDED !important;
    --arrowpanel-color: #606060 !important;
}


А вот секция /* Цветовое оформление панели закладок и выпадающего меню */ из 102
скрытый текст
/* Цветовое оформление панели закладок и выпадающего меню */

#PlacesToolbar {
    --toolbarbutton-hover-background: color-mix(in srgb, #AEAEAE, transparent) !important;
    --toolbarbutton-active-background: color-mix(in srgb, #CECECE , transparent) !important;
}
#PlacesToolbar menuitem, #PlacesToolbar menu {
    --button-hover-bgcolor: color-mix(in srgb, #AEAEAE , transparent) !important;
    --button-active-bgcolor: color-mix(in srgb, #CECECE , transparent) !important;
}
#PlacesToolbar menupopup {
    --arrowpanel-background: #EDEDED !important;
    --arrowpanel-color: #606060 !important;
}
#PlacesToolbar menupopup menuseparator {
    appearance: none !important;
    padding: 2px 0px 0px !important;
    border-top: 0 !important;
    border-bottom: 1px solid #606060 !important;
}
#PlacesToolbar, #BMB_bookmarksPopup {
    --toolbarbutton-hover-background: color-mix(in srgb, #AEAEAE, transparent) !important;
    --toolbarbutton-active-background: color-mix(in srgb, #CECECE, transparent) !important;
    --button-hover-bgcolor: color-mix(in srgb, #AEAEAE, transparent) !important;
    --button-active-bgcolor: color-mix(in srgb, #CECECE, transparent) !important;
    --arrowpanel-background: #EDEDED !important;
    --arrowpanel-color: #606060 !important;
}


Они одинаковые и обе работают.
Ну и замечательно :D

Отсутствует

 

№1231930-07-2022 18:36:33

Oleg_V
Участник
 
Группа: Members
Зарегистрирован: 12-08-2021
Сообщений: 25
UA: Firefox 91.0

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

Привет
Использую модуль Find Bar из этой темы. Все радует. На 91еср.
Начал постепенно настраивать 102еср
и find bar делает окно набора строки поиска серым (такого же цвета само окно и такой же цвет панели фокс)
А ранее было окно набора строки поиска белое
как исправить? заодно и слова убрать "Найти на странице"
ME1558V1_t.png ME1558V3_t.png

дополнительно, хотелось бы изменить цвет панели вкладок на потемнее и цвет панели иконок расширений на тоже потемнее, но светлее панели вкладок (из скрин 2 сделать цвета скрин1). не меняя при этом установленную тему
какой код/стиль для этого нужен на 102еср

Отредактировано Oleg_V (30-07-2022 18:39:12)

Отсутствует

 

№1232030-07-2022 23:21:40

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 91.0

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

Oleg_V пишет

как исправить? заодно и слова убрать "Найти на странице"

Добавьте в тот стиль перед последней скобкой

скрытый текст

Выделить код

Код:

input.findbar-textbox {
  background-color: white !important;
  color: black !important;
}

input.findbar-textbox::placeholder {
  opacity: 0 !important;
}

изменить цвет панели вкладок на потемнее и цвет панели иконок расширений

Так попробуйте, цвета сами подберите

скрытый текст

Выделить код

Код:

#TabsToolbar {
  background-color: LightGray !important;
}

#nav-bar {
  background-color: LightGray !important;
}

Если панель меню не включена, то цвет перекроет и кнопки управления окном, тогда можно такой костыль для панели вкладок, хотя и то тоже костыли ещё те.
Лучше тему подобрать, благо их там у них хватает, чем стилями извращаться

Выделить код

Код:

#TabsToolbar-customization-target {
  background-color: LightGray !important;
}

Отсутствует

 

№1232131-07-2022 12:29:28

ВВП
Участник
 
Группа: Members
Зарегистрирован: 13-03-2021
Сообщений: 332
UA: Firefox 103.0

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

Как в сидебаре фавиконки уменьшить ?
vidnwgta.jpg
Как-то так, в 103 все какое-то увеличенное...
.sidebar-placesTree treechildren::-moz-tree-image{width: 15px!important; height: 14px!important; }

Отредактировано ВВП (01-08-2022 16:44:57)

Отсутствует

 

№1232204-08-2022 06:10:12

lesnik38
Участник
 
Группа: Members
Зарегистрирован: 18-07-2022
Сообщений: 3
UA: Firefox 102.0

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

Уважаемые форумчане, подскажите, пожалуйста, как изменить цвет кнопок в адресной панели (обведено красным)

57a34d74ca6a7d35c4e289f6632ebeed.jpeg

Отсутствует

 

№1232304-08-2022 09:03:43

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

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


Win7

Отсутствует

 

№1232405-08-2022 06:11:49

Вит
Участник
 
Группа: Members
Зарегистрирован: 09-11-2018
Сообщений: 214
UA: Firefox 102.0

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

Скажите пожалуйста как сделать окантовку Зеленого цвета в Активной вкладке? Во всехвкладках Зеленый цвет, а в Активной-Синий. FF102ESR. Коды от Виталия

#TabsToolbar {
    --lwt-selected-tab-background-color: rgb( 192,192,192 ) !important;
    --v-selected-tab-color: black !important;
}

#TabsToolbar:-moz-lwtheme-brighttext,
#TabsToolbar[brighttext="true"] {
    --lwt-selected-tab-background-color: rgb(192,192,192) !important;
    --v-selected-tab-color: black !important;
}

#TabsToolbar:not(:-moz-lwtheme) .tab-background[selected="true"] {
    background-color: var(--lwt-selected-tab-background-color) !important;
}

#TabsToolbar .tabbrowser-tab[visuallyselected="true"] {
    color: var(--v-selected-tab-color) !important;
}

Отредактировано Вит (05-08-2022 06:50:37)

Отсутствует

 

№1232505-08-2022 14:14:42

ezh
Участник
 
Группа: Members
Зарегистрирован: 17-11-2017
Сообщений: 19
UA: Firefox 103.0

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

Подскажите, плз, как активировать ADDONS BAR (simulated bottoms toolbar)
Скачал отсюда настройки, всё очень круто выглядит, как раньше, но не понимаю как включить нижний аддон/статус бар...
TOOLBARS
    - ADDONS BAR (simulated bottoms toolbar)
https://github.com/Aris-t2/CustomCSSforFx/releases/tag/4.2.0

Отсутствует

 

Board footer

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