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

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

№1032604-06-2021 10:39:58

KiRay
Участник
 
Группа: Members
Зарегистрирован: 04-12-2009
Сообщений: 56
UA: Firefox 89.0

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

Добрый день!

Порекомендуйте пожалуйста рабочий скрипт для отображения вкладок в несколько строк. Раньше пользовался вот таким https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css но после обновления стал работать некорректно.

Спасибо.

Отсутствует

 

№1032704-06-2021 10:49:14

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

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

v4386 пишет

Вот на Reddit.com нашёл вот такой маленький код для Proton'a:
скрытый текст

Выделить код
Код:

/* Цвет Панели вкладок вместе с неактивными вкладками, задан, как в Win. 10 */
#titlebar > toolbar{ background-color: -moz-accent-color !important; }

У меня после этого кода еще и высота вкладок нормальной стала, почему-то ))

Отсутствует

 

№1032804-06-2021 11:56:32

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 89.0

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

Вот ещё нашёл код для изменения шрифта, (в моём случае это мой Системный шрифт для всей Windows. Вы можете подставить свой шрифт, какой захотите):

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

Выделить код

Код:

/* Шрифт PT Serif Caption в Панелях инструментов и вкладок, а также в Главном меню */
:root { font-family: "PT Serif Caption" !important }
#appMenu-protonMainView .panel-subview-body {
  font-family: "PT Serif Caption" !important;
}

Обращаюсь к спецам-кодерам: что нужно дописать в этом коде (или может быть можно написать другой, более правильный или компактный код) для того, чтобы этот шрифт применился во всем FF, а не только в Панелях инструментов и вкладок и Главном меню FF?

Отсутствует

 

№1032904-06-2021 12:14:46

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

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

egorsemenov06 пишет

в строке адреса ПКМ по замку открыват разрешения для сайта

Мне не подойдёт, у меня так куки очищаются.
Повесил на значок щита. 3-я строка

Выделить код

Код:

var identitybox = this.identitybox = document.querySelector("#tracking-protection-icon-box");

Отсутствует

 

№1033004-06-2021 12:44:14

Jo
Участник
 
Группа: Members
Зарегистрирован: 26-09-2010
Сообщений: 28
UA: Firefox 89.0

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

sandro79 спасибо.

Отсутствует

 

№1033104-06-2021 13:41:41

bezuma
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 26-01-2014
Сообщений: 256
UA: Chrome 86.0

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

xrun1

Повесил на значок щита. 3-я строка

3-я строка чего/где? Растолкуй, у меня твой код очистки куки

Отсутствует

 

№1033204-06-2021 14:02:51

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

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

bezuma пишет

Растолкуй, у меня твой код очистки куки

У меня тоже. Поэтому в коде openpermissionswithrightclick правый клик повесил на значок щита, заменив 3-ю строчку. Как сказал выше egorsemenov06 кнопка открывает разрешения для сайта.

Выделить код

Код:

var identitybox = this.identitybox = document.querySelector("#tracking-protection-icon-box");

UPD: Хотя мне это особо не нужно, т.к. использую https://github.com/Aris-t2/CustomJSforFx/blob/master/scripts/favicon_in_urlbar.uc.js
в котором включил ЛКМ на иконке сайта

Выделить код

Код:

var favicon_click_opens_page_info_window = true;

Пусть будет.

Отредактировано xrun1 (04-06-2021 14:14:33)

Отсутствует

 

№1033304-06-2021 14:25:57

bezuma
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 26-01-2014
Сообщений: 256
UA: Firefox 89.0

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

xrun1
:beer: заменил, все чики-пики )


добавлено

не успеваю за тобой ) favicon_in_urlbar.uc.js есть, но выключен (что-то Vitaliy V. там не понравилось), переключил в true, шоб было

Отредактировано bezuma (04-06-2021 14:37:09)

Отсутствует

 

№1033404-06-2021 14:57:20

iandd
Участник
 
Группа: Members
Зарегистрирован: 04-06-2021
Сообщений: 2
UA: Firefox 89.0

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

Подскажите пожалуйста, как можно вернуть "убрать звук во вкладке" - как было в прежней версии? так чтобы он не перекрывал фавикон?

Отсутствует

 

№1033504-06-2021 16:12:34

Santo
Children of koRn
 
Группа: Members
Откуда: moscow
Зарегистрирован: 31-05-2006
Сообщений: 785
UA: Firefox 89.0
Веб-сайт

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

Приветствую.
Такой вопросик: как изменить стиль для пустой страницы? где плитка сайтов быстрого доступа.
Пробовал:

Выделить код

Код:

@-moz-document url(about:blank), url(about:newtab), url(about:home) {
	.top-site-outer .tile .icon-wrapper {
		width: 64px !important;
		height: 64px !important;
	}
}

Но результата нету.


Another year, another revolution.

Отсутствует

 

№1033604-06-2021 16:53:13

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

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

iandd пишет

Подскажите пожалуйста, как можно вернуть "убрать звук во вкладке" - как было в прежней версии? так чтобы он не перекрывал фавикон?

Бился тоже над этим вопросом, получилось сделать только вот так

скрытый текст
6ad4527ddbd5.png

Выделить код

Код:

.tab-icon-overlay[muted]:not([crashed]),
.tab-icon-overlay[soundplaying]:not([crashed]) {
	margin-inline-start: 20px !important; /* отступ от левого края вкладки */
	margin-inline-end: 2px !important; /* отступ от заголовка вкладки */
	padding: 1px !important; /* размер динамика */
}
:root[uidensity="compact"] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay), #tabbrowser-tabs[secondarytext-unsupported] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay), :root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:not(:hover) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]), :root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:hover .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay) {
	opacity: 1 !important;
}

Второй вариант
скрытый текст

Выделить код

Код:

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

Vitaliy V.
Ну посоветуйте, может более что-то подходящее для перемещения динамика на прежнее место, -moz-box-ordinal-group: не прошло.


Santo пишет

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

Что именно хотите поменять? Посмотрите здесь. Или так

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
main {
  	padding-bottom: 68px !important; 
}
.top-site-outer {
	width: 128px !important;
	padding-block: 10px 4px !important;
	border-radius: 4px !important;
}
.top-site-outer .tile {
	height: 96px !important;
	width: 96px !important;
}
.top-site-outer .tile .icon-wrapper {
	height: 100% !important;
	width: 100% !important;
}
.ds-outer-wrapper-breakpoint-override main {
	width: 1100px !important;
}
.top-site-outer .title .icon {
	inset-inline-start: 0 !important;
	position: absolute !important;
	top: 10px !important;
}
.top-site-outer .title.pinned span {
	padding: 0 14px !important;
	width: 96px !important;
}
.sponsored-label {
    display: none !important;
}
.top-site-outer .screenshot.active {
      opacity: 1 !important; 
}
.top-site-outer .screenshot {
	background-color: #FFF !important; 
	background-position: top left !important; 
	background-size: cover !important; 
	border-radius: 4px !important; 
	box-shadow: inset 0 0 0 1px var(--newtab-inner-box-shadow-color) !important; 
	height: 100% !important; 
	opacity: 0 !important; 
	position: absolute !important; 
	top: 0 !important; 
	left: 0 !important; 
	transition: opacity 1s !important; 
	width: 100% !important; 
}
.top-site-outer .default-icon {
    bottom: -6px !important;
    height: 42px !important;
    width: 42px !important;
    inset-inline-end: -6px !important;
    align-items: center !important;
    display: flex !important; 
}
.top-site-outer:is(.active, :focus, :hover) {
	background: unset !important;
}
.top-site-outer .tile {
	border-radius: 4px !important;
}
.top-site-outer .top-site-icon {
	border-radius: 4px !important; 
}
.ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(.active, :focus) .tile {
    box-shadow: 0 0 0 5px rgba(10, 132, 255, 0.3) !important;
    transition: box-shadow 150ms !important;
    border-radius: 4px !important;
    outline: none !important; 
}
[lwt-newtab-brighttext] .ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(.active, :focus) .tile {
      box-shadow: 0 0 0 5px rgba(69, 161, 255, 0.4) !important;
      transition: box-shadow 150ms !important;
      border-radius: 4px !important;
      outline: none !important; 
}
.ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(:hover) .tile {
    box-shadow: 0 0 0 5px #D7D7DB !important;
    transition: box-shadow 150ms !important;
    border-radius: 4px !important;
    outline: none !important; 
}
[lwt-newtab-brighttext] .ds-top-sites .top-sites .top-site-outer .top-site-inner > a:is(:hover) .tile {
      box-shadow: 0 0 0 5px #4A4A4F !important;
      transition: box-shadow 150ms !important;
      border-radius: 4px !important;
      outline: none !important; 
}
.top-sites-list:not(.dnd-active) .top-site-outer:is(.active, :focus, :hover) .tile {
    box-shadow: inset 0 0 0 1px var(--newtab-inner-box-shadow-color), 0 0 0 5px var(--newtab-card-active-outline-color) !important;
    transition: box-shadow 150ms !important; 
}
.top-sites-list:not(.dnd-active) .top-site-outer:is(.active, :focus, :hover) .context-menu-button {
    opacity: 1 !important;
    transform: scale(1) !important;
    transition-delay: 333ms !important; 
}
.top-site-outer:is(.active, :focus, :hover) .context-menu-button {
    opacity: 1 !important;
    transform: scale(1) !important;
}
.top-site-outer .context-menu-button:is(:active, :focus) {
    opacity: 1 !important;
    transform: scale(1) !important; 
}
.top-site-outer .context-menu {
	top: 4px !important; 
	margin-inline-start: 7px !important;
}
.top-site-outer .context-menu-button {
	background-clip: padding-box !important;
	background-color: var(--newtab-contextmenu-button-color) !important;
	background-position: 55% !important;
	border: 1px solid var(--newtab-border-primary-color) !important;
	border-radius: 100% !important;
	box-shadow: 0 2px rgba(12, 12, 13, 0.1) !important;
	cursor: pointer !important;
	fill: var(--newtab-icon-primary-color) !important;
	height: 27px !important;
	inset-inline-end: -13.5px !important;
	opacity: 0 !important;
	position: absolute !important;
	top: -13.5px !important;
	transform: scale(0.25) !important;
	transition-duration: 150ms !important;
	transition-property: transform, opacity !important;
	width: 27px !important;
}
}

Отредактировано sandro79 (12-07-2021 17:54:16)

Отсутствует

 

№1033704-06-2021 17:07:04

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

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

Vitaliy V.
По поводу сайдбара расширений.

скрытый текст
Эта строка виновата:

Выделить код

Код:

:where(:not(#ContentSelectDropdown)) > menupopup :is(menu,menuitem,menucaption) {
    color: var(--v-arrowpanel-color) !important;
}

Здесь должно быть наследование, иначе во всех панелях расширений (проверил TST и SingleFile) будет белое конт.меню и черный текст, и придется лепить что то большее чем

Выделить код

Код:

#contentAreaContextMenu {
    background-color: rgba(27,33,40,0.85) !important; /**/
    color: rgb(200,200,200) !important;
    border: 1px solid rgba(200,200,200,.3) !important;
}
menupopup > menuseparator {
  fill: #555555 !important; /* нужен только для сайдбара */
}

Или учесть это другим способом.
Это тоже не работает в сайдбаре расширений

Выделить код

Код:

menupopup {
    ...
    border: 1px solid var(--v-arrowpanel-border-color) !important;
    ...
}
menupopup menuseparator {
    ...
    fill: var(--v-panel-separator-color) !important;
    ...
}
:root:is([lwt-sidebar-brighttext],.theme-dark) {
    ...
    --v-arrowpanel-background: var(--lwt-sidebar-background-color, rgb(27, 27, 33));
    ...
}

даже если задать свои цвета. И если с первыми двумя это хоть как то объяснимо, то последний явно поломан, так как фон не применяется ни к закладкам ни к расширениям. Если это вообще для Windows конечно.


Как перекрасить фон(подсветку) выделенного текста в панели поиска и в меню звездочки?
скрытый текст
5c2f2e3c46d9912c2c2eb10438f32d29.jpg  d3906e9655d7f6c782034da30add6b2c.jpg

Отсутствует

 

№1033804-06-2021 18:15:19

ТатьянаПетрова
Участник
 
Группа: Members
Зарегистрирован: 15-05-2021
Сообщений: 12
UA: Firefox 89.0

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

Хотелось бы так:
Меню
Адресная строка
Табы
Это можно сделать в Лисе 89.0?

Заранее спасибо помощь!

Отсутствует

 

№1033904-06-2021 18:27:25

iandd
Участник
 
Группа: Members
Зарегистрирован: 04-06-2021
Сообщений: 2
UA: Firefox 89.0

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

sandro79 пишет

Бился тоже над этим вопросом, получилось сделать только вот так

Выделить код

Код:

tab-icon-overlay[muted]:not([crashed]),
.tab-icon-overlay[soundplaying]:not([crashed]) {
	margin-inline-start: 20px !important; /* отступ от левого края вкладки */
	margin-inline-end: 2px !important; /* отступ от заголовка вкладки */
	padding: 1px !important; /* размер динамика */
}
:root[uidensity="compact"] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay), #tabbrowser-tabs[secondarytext-unsupported] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay), :root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:not(:hover) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]), :root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:hover .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay) {
	opacity: 1 !important;
}

Спасибо, так в любом случае лучше, помогло

Отсутствует

 

№1034004-06-2021 18:29:33

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

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

Vitaliy V.

Context Menu Icons?
Правильно ли будет работать этот стиль(вроде работает), не добавляя везде -> content: "" !important;

Выделить код

Код:

*|*:root {
    --v-menu-icons-margin-start: 5px; /* отступ слева для иконок, для Linux 0px */
}

menu::before, menuitem::before {
    content: "" !important;
    width: 16px !important;
    height: 16px !important;
    display: -moz-box !important;
    margin-inline-start: var(--v-menu-icons-margin-start) !important;
    margin-inline-end: calc(-1 * (var(--v-menu-icons-margin-start) + 16px)) !important;
    position: relative !important;
    background-color: transparent !important;
    background-position: center !important;
    background-size: 16px !important;
    background-repeat: no-repeat !important;
}

/* ************************************************ */

menu#fill-login::before {
    background-image: url("chrome://browser/skin/login.svg") !important;
}


Win7

Отсутствует

 

№1034104-06-2021 19:28:14

Santo
Children of koRn
 
Группа: Members
Откуда: moscow
Зарегистрирован: 31-05-2006
Сообщений: 785
UA: Firefox 89.0
Веб-сайт

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

sandro79 пишет

Что именно хотите поменять? Посмотрите здесь. Или так

Тоже что и я написал через

Выделить код

Код:

@-moz-document url(about:newtab), url(about:home) {}

только не работает, банально даже background-color поменять:

Выделить код

Код:

@-moz-document url(about:newtab), url(about:home) {
	body {
		background-color: LightBlue !important;
	}
}

можете проверить?


Another year, another revolution.

Отсутствует

 

№1034204-06-2021 19:37:29

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

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

Santo пишет

можете проверить?

Да работают оба ваши кода, вы наверно забыли переключить в about:config параметр toolkit.legacyUserProfileCustomizations.stylesheets в true.

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

Отредактировано sandro79 (04-06-2021 19:43:55)

Отсутствует

 

№1034304-06-2021 19:46:40

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 90.0

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

sandro79 пишет

Ну посоветуйте, может более что-то подходящее для перемещения динамика на прежнее место

Там есть .tab-icon-sound он скрыт для proton, можно использовать, но скорее всего его удалят.
Поэтому лучше так можно сделать

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

Выделить код

Код:

.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
    opacity: 1 !important;
    transform: translate(10px,8px);
}
.tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > .tab-icon-image {
    opacity: 1 !important;
}
.tab-secondary-label {
    margin-inline-start: 3px !important;
}

_zt пишет

По поводу сайдбара расширений.

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

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

Выделить код

Код:

:root:is([lwt-popup-brighttext],[lwt-sidebar-brighttext],.theme-dark),
#webextpanels-window {
    --v-arrowpanel-color: rgb(177, 177, 180) !important;
    --v-arrowpanel-background: rgb(27, 27, 33) !important;
    --v-arrowpanel-border-color: rgba(249, 249, 250, .1) !important;
    --v-panel-separator-color: rgba(249, 249, 250, .1) !important;
    --v-arrowpanel-dimmed: rgba(249, 249, 250, .1) !important;
}

_zt пишет

Как перекрасить фон(подсветку) выделенного текста в панели поиска и в меню звездочки?

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

Выделить код

Код:

#editBookmarkPanel *|input::selection {
    background-color: red !important;
    color: white !important;
}

kokoss пишет

Правильно ли будет работать этот стиль(вроде работает), не добавляя везде -> content: "" !important;

Уже обсуждали, так будут генерироваться псевдоэлементы там где это не нужно, а это огромное количество в тех же закладках, так что нет это не правильно

Добавлено 04-06-2021 19:50:32
ТатьянаПетрова
https://forum.mozilla-russia.org/viewto … 10#p784310

Отредактировано Vitaliy V. (04-06-2021 19:50:32)

Отсутствует

 

№1034404-06-2021 19:54:02

Santo
Children of koRn
 
Группа: Members
Откуда: moscow
Зарегистрирован: 31-05-2006
Сообщений: 785
UA: Firefox 89.0
Веб-сайт

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

sandro79
Спасибо.
Разобрался, моя ошибка, добавлял правила в userChrome.css, добавил в userContent.css всё заработало.


Another year, another revolution.

Отсутствует

 

№1034504-06-2021 20:45:51

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

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

Vitaliy V. пишет

Поэтому лучше так можно сделать

Спасибо за более компактный вариант. Но в [windows] получается так, что значок динамика внизу вкладки расположен, значения transform: translate(10px,8px); пытался менять, крутил и с четырьмя значениями - вверх, вниз, влево, вправо - не сработало.

скрытый текст
90366a9314e5.png
Проверял в чистом userChrome с компактными, обычными, мобильными значками. Ну у меня компактные включены с квантума.
В общем изменил свой код по вашей методике, а то у меня там было тоже для всех типов значков динамик отображался, но дюже громоздкий стиль.
Оставлю так
скрытый текст
Image_001.png

Выделить код

Код:

.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;
    padding: 1px !important;
}
.tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > .tab-icon-image {
    opacity: 1 !important;
}


Если transform: translate(10px,0px); выставить, то получается динамик по центру, но наезжает на фавикон и заголовок вкладки.
Ну фиг с ним, не столь важно, код в принципе нормальный собрал, его и буду использовать. В принципе разница с Вашим кодом теперь небольшая. Ещё раз спасибо за помощь :beer:


Ещё вариант созрел

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

Выделить код

Код:

.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]) > .tab-icon-image {
    opacity: 1 !important;
}
/* Скрыть надпись "воспроизводится" в режиме обычных и мобильных значков */
.tab-secondary-label {
    display: none !important;
}

Отредактировано sandro79 (18-06-2021 13:36:39)

Отсутствует

 

№1034604-06-2021 21:21:01

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

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

Vitaliy V.

Vitaliy V. пишет

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

Так работает, хоть с наследованием, хоть без.

Vitaliy V. пишет

*|input::selection

Спасибо, оказывается такой код уже был, но я о нем забыл.

Отсутствует

 

№1034704-06-2021 22:10:12

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 90.0

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

sandro79 пишет

получается так, что значок динамика внизу вкладки расположен

Да если отключить неподдерживаемый компактный режим то значёк будет как раз напротив надписи воспроизведение,
да его и в другое место можно передвинуть, в начало например translate(-10px,-8px);


egorsemenov06

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
body {
    --newtab-focus-outline: transparent !important;
    --newtab-focus-border: transparent !important;
    --newtab-focus-border-selected: transparent !important;
}
}

Отредактировано Vitaliy V. (04-06-2021 22:10:41)

Отсутствует

 

№1034804-06-2021 22:51:44

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

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

Vitaliy V. пишет

Да если отключить неподдерживаемый компактный режим то значёк будет как раз напротив надписи воспроизведение

Да, это так, под коробочный [firefox] отлично подходит. А я же тулил Ваш код к компактным значкам, но главное мой код под компактные значки теперь похудел.

Отсутствует

 

№1034904-06-2021 23:25:10

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

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

Vitaliy V.
Подскажите, как заменить дефолтный глобус в закладках, желательно во всех, но хотя бы для панели закладок и сайдбара?

Отредактировано _zt (04-06-2021 23:28:37)

Отсутствует

 

№1035004-06-2021 23:57:59

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 90.0

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

egorsemenov06 пишет

не сработал

где не сработал? и что надо может не так понял

Отсутствует

 

Board footer

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