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

Заказывай стафф с атрибутикой Mozilla и... пусть все вокруг завидуют тебе! Быть уникальным - быть с Mozilla!

№1250130-10-2022 00:46:54

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

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

В новых версиях поломался стиль счетчика вкладок. Может кто подправить? Заранее спасибо.

Выделить код

Код:

#tabbrowser-tabs {
counter-reset: tabs !important;
}

#tabbrowser-tabs .tab-text::before {
counter-increment: tabs !important;
content: counter(tabs) " -" !important;
margin-inline-end: 2px !important;
}

Отсутствует

 

№1250230-10-2022 19:08:45

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

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

Northtech пишет

В новых версиях поломался стиль счетчика вкладок. Может кто подправить?

Да вроде работает:
2022-10-30_190541.png
проверьте только с этим кодом.


Win7

Отсутствует

 

№1250304-11-2022 05:21:31

Efemernoct
Участник
 
Группа: Members
Зарегистрирован: 04-11-2022
Сообщений: 2
UA: Firefox 106.0

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

Привет всем.

Как изменить цвет активной вкладки на более светлый? FF 106

Обводка цветом совсем не красиво смотрится.

upd: Разобрался в Firefox Color

Отредактировано Efemernoct (04-11-2022 21:13:03)

Отсутствует

 

№1250404-11-2022 21:20:24

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

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

Efemernoct пишет

Как изменить цвет активной вкладки на более светлый? FF 106

На всякий случай, может понадобится всё же через css, здесь под третьим спойлером, ещё и с фоном для неактивной вкладки.
Прозрачный фон активной вкладки можно задать заменой blue на rgba(20, 91, 202, .28), например.

Обводку так убрать можно

Выделить код

Код:

.tab-background[selected]:not([multiselected="true"]):-moz-lwtheme {
  outline: none !important;
}

Ещё уменьшить толщину обводки в режиме "Выбрать все вкладки"

Выделить код

Код:

.tab-background[multiselected="true"][selected="true"] {
  outline-width: 1px !important;
  outline-offset: -1px !important;
}

Отсутствует

 

№1250505-11-2022 12:17:21

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

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

Никак не получается перенести кнопку Закрыть фото на Алиэкспрессе вправо !!?? Коды Виталия. Куда только код (который был ранее здесь) не вставлял, и в середину и в конец и в начало userchrome - кнопка как была справа так и осталась, может что и кто подскажет. Спасибо

Отредактировано Вит (05-11-2022 12:18:00)

Отсутствует

 

№1250605-11-2022 12:35:09

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

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

Вит пишет

Никак не получается перенести кнопку Закрыть фото на Алиэкспрессе вправо !!?? Коды Виталия. Куда только код (который был ранее здесь) не вставлял, и в середину и в конец и в начало userchrome - кнопка как была справа так и осталась, может что и кто подскажет. Спасибо

При чём здесь userchrome.css, это же контент! В этой теме недавно попадалось решение, пройдитесь по последним страницам.


Win7

Отсутствует

 

№1250705-11-2022 13:26:57

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

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

kokoss
Спасибо за подсказку. Нашел код, создал файл userContent.css - не помогло. Значит не судьба, знаний не хватает, извините за беспокойство

Отсутствует

 

№1250805-11-2022 16:19:35

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

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

При наведении мыши на toolbarbutton гамбургера всплывает сообщение в рамке с названием. Как в этом сообщении изменить цвет текста?

Отсутствует

 

№1250905-11-2022 16:27:14

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

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

Вит пишет

Нашел код, создал файл userContent.css - не помогло.

Странно, у меня этот код работает:

Выделить код

Код:

@-moz-document domain("aliexpress.ru") {
.msite-gallery_MsiteGalleryOverlay__cross__3bdem1 {
  left: unset !important;
  right: 20px;
}
}

проверьте кодировку, должна быть UTF-8 без BOM


Win7

Отсутствует

 

№1251005-11-2022 16:45:21

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

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

kokoss
Посмотрите пожалуйста. Я чувствую себя идиотом.   https://ibb.co/yfshyQ6

Отсутствует

 

№1251105-11-2022 17:04:00

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

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

Вит пишет

Посмотрите пожалуйста.  https://ibb.co/yfshyQ6

Значит что то не так сделали, проверяйте...
2022-11-05_165636.png


Win7

Отсутствует

 

№1251205-11-2022 17:07:28

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

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

Вит
У Вас, судя по всему, путь неверный. Должно быть
Папка профиля\chrome\userContent.css
если такой файл уже есть, добавить код в него. Где папка профиля можно посмотреть в about:support

Отсутствует

 

№1251305-11-2022 17:23:10

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

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

kokoss
ясно

Отредактировано Вит (05-11-2022 17:37:30)

Отсутствует

 

№1251407-11-2022 00:03:36

Efemernoct
Участник
 
Группа: Members
Зарегистрирован: 04-11-2022
Сообщений: 2
UA: Firefox 106.0

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

sandro79 пишет

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

Благодарю. Классно у вас тут. Буду заглядывать частенько. Огнелис нравится. Перешел пару лет назад с оперы, всем доволен:rock:

Отсутствует

 

№1251507-11-2022 04:56:10

kazarin
Участник
 
Группа: Members
Зарегистрирован: 23-11-2016
Сообщений: 83
UA: Firefox 102.0

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

6e73epo
Cкриптом или через config.js.

Отредактировано kazarin (07-11-2022 04:56:52)

Отсутствует

 

№1251607-11-2022 18:40:19

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

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

sandro79 спасибо за ссылку на пост Vitaliy V., где я увидел: color-mix(), что позволило решить проблему с цветом окна...

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

Выделить код

Код:

background: color-mix(in srgb, AccentColor 50%, rgb(66, 66, 66))

Решение конечно не идеальное, но лучше чем ничего...

Есть ещё несколько вопросов:
До того как -moz-accent-color превратился в AccentColor - его можно было использовать в userContent.css (чтобы красить элементы страниц в акцентный цвет Windows). С AccentColor это (к сожалению) не работает:(

Выделить код

Код:

@-moz-document url("moz-extension://UUID/view.html")
	{
	body.theme-dark
		{
		background-color: AccentColor !important;
		}
	.theme-dark .group > .inner
		{
		background-color: AccentColor !important;
		}
	.group .header input, 
	.group .header .name,
	.theme-dark .group .header .tab_count, 
	.theme-dark .group .header .group_id
		{
		color: white !important;
		}
	}

По крайней мере на странице Panorama Tab Groups - фон всегда окрашивается в голубой цвет (а не в цвет окна)... Вопрос: можно ли как-то прокинуть в userContent.css переменную с акцентным цветом windows?

Обводка активной вкладки - нашёл такой код:

Выделить код

Код:

#tabbrowser-tabs
	{
	--lwt-tab-line-color: AccentColor !important;
	}

но чё-то мне не нравятся скругления - слишком сильно они размываются...

скрытый текст
98ab65704786af09c1d904f509279f03.png

Может есть варианты с более чёткими скруглениями?

Ну и ещё: можно ли как-то перекрасить в белый цвет анимации кнопок загрузки (в процессе загрузки) и обновления страницы (в процессе обновления)?

Отредактировано Neytrino (07-11-2022 21:16:04)


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

Отсутствует

 

№1251708-11-2022 13:39:09

Duche
Участник
 
Группа: Members
Зарегистрирован: 07-02-2016
Сообщений: 208
UA: Firefox 105.0

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

Добрый день. Не могу победить изменение адресной строки, изменил цвет, размер, форму . Мой вариант как бы находится поверх старой панели адреса, и при вводе адреса проявляется, а изменение высоты ( #searchbar) адресной строки коробит весь #nav-bar (при вводе адреса панель #nav-bar увеличивается в размере по высоте, удалил адрес панель #nav-bar схлопнулась  обратно. Заранее спасибо.

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

Выделить код

Код:

/* Цветная адресная строка firefox  */

#urlbar, #searchbar, .searchbar-textbox {
    background-color: #dbebf5 !important;
    border-color: #eff9ff !important;
    border-radius: 50px 50px 50px 50px !important;
    overflow: hidden !important;
}
.urlbarView {
  display: none !important;
}
#urlbar {max-height: 22px !important;
           min-height: 0px !important;}

Отсутствует

 

№1251808-11-2022 16:02:51

Orchello
Участник
 
Группа: Members
Откуда: Братск
Зарегистрирован: 24-10-2022
Сообщений: 20
UA: Firefox 102.0
Веб-сайт

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

xrun1 пишет

Папка профиля\chrome\userContent.css

Нет у меня папки chrome )-: И userContent отсутствует.

Добавлено 08-11-2022 16:16:16

_zt пишет

В профиле создать папку "chrome" в ней два файла - userChrome.css и userContent.css

Так, ли чё ли? Пойду пробовать. (-:

Отредактировано Orchello (08-11-2022 16:16:16)

Отсутствует

 

№1251908-11-2022 17:31:30

GOROOOO
Участник
 
Группа: Members
Зарегистрирован: 10-07-2022
Сообщений: 17
UA: Firefox 106.0

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

Добрый вечер. Хочу заставить принудительно отображать фавиконку для закладки сайта. Нашел такой код

Выделить код

Код:

#PlacesToolbarItems > toolbarbutton.bookmark-item[container][label="имя_закладки"] { list-style-image: url("адрес_иконки") !important; }

но у меня не получилось чтоб он заработал. Есть рабочее решение? Сайт https://lk.megafon.ru фавиконка вроде https://lk.megafon.ru/public/rwlk/static/cdc5504119f8d0058c38.svg

Отсутствует

 

№1252008-11-2022 18:13:23

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

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

GOROOOO
Это для папок корня панели закладок.

Выделить код

Код:

toolbarbutton.bookmark-item[container="true"][label="..."] > .toolbarbutton-icon {
    list-style-image: url("...") !important;
}

Для отдельных закладок панели закладок любой вложенности так:

Выделить код

Код:

.bookmark-item:not([container])[label="..."] image {
    object-position: ??px ??px !important;
    list-style-image: none !important;
    background: url("...") !important;
}

или по домену

.bookmark-item[image^="page-icon:https://домен.ком"] image {
    object-position: ??px ??px !important;
    list-style-image: none !important;
    background: url("...") !important;
}

На 105 все это еще работало, на 106 не проверял.

Отредактировано _zt (08-11-2022 18:15:12)

Отсутствует

 

№1252108-11-2022 18:14:03

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

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

Neytrino пишет

Обводка активной вкладки - нашёл такой код:

У меня он вообще не сработал, может так попробовать

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

Выделить код

Код:

#tabbrowser-tabs .tab-background {
  border: 1px solid AccentColor;
  box-shadow: none !important;
}

Duche пишет

Не могу победить изменение адресной строки, изменил цвет, размер, форму

Там так просто не победить, строка же раздвигается при фокусе. Попробуйте такой способ, ненужное выкиньте. Цвета бордюров я свои вставил, для наглядности.

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

Выделить код

Код:

#urlbar, #searchbar {
  --urlbar-min-height: 22px !important;
  --urlbar-icon-padding: 2px !important;
}
.urlbarView {
  display: none !important;
}
#urlbar-input-container {
  border-radius: 50px !important;
}
#urlbar[breakout][breakout-extend] {
  width: 100% !important;
  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  left: 0 !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
  height: var(--urlbar-height) !important;
  padding-block: var(--urlbar-container-padding) !important;
  padding-inline: var(--urlbar-container-padding) !important;
  border-radius: 50px !important;
}
#urlbar > #urlbar-background, #searchbar {
  border-color: gold !important;
  border-radius: 50px !important;
  background-color: #dbebf5 !important;
}
#urlbar[focused="true"] > #urlbar-background, #searchbar:focus-within {
  outline: none !important;
  border-color: red !important;
  border-radius: 50px !important;
  background-color: #dbebf5 !important;
  box-shadow: none !important;
}

Другой вариант, получше вроде
скрытый текст

Выделить код

Код:

#urlbar[breakout][breakout-extend] {
  width: 100% !important;
  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  left: 0 !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
  animation-duration: 0s !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
  height: var(--urlbar-height) !important;
  padding-block: var(--urlbar-container-padding) !important;
  padding-inline: var(--urlbar-container-padding) !important;
}
#urlbar[focused="true"] > #urlbar-background, #searchbar:focus-within {
  outline: none !important;
  border-color: grey !important;
  box-shadow: none !important;
}
#urlbar-background, #searchbar {
  --toolbar-field-border-color: ThreeDShadow;
}
#PopupSearchAutoComplete {
  --arrowpanel-border-color: grey;
}
#urlbar-background, #searchbar {
  --toolbarbutton-border-radius: 2px;
}
#urlbar-container, #search-container {
  --urlbar-margin-inline: 2px;
}

GOROOOO пишет

Есть рабочее решение?

Этот метод пока работает. Так попробуйте

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

Выделить код

Код:

.bookmark-item:not([container])[image^="page-icon:https://lk.megafon.ru"] image {
    object-position: 16px 0px !important;
    list-style-image: none !important;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTExIiBoZWlnaHQ9IjExMSIgdmlld0JveD0iMCAwIDExMSAxMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIKICAgICAgICBkPSJNNjIuMDYxMyA1Ny4zNDk3VjAuNDQxNzExQzg5LjMwMDYgMy43NTQ2IDExMC40MjkgMjcuMDE4NCAxMTAuNTAzIDU1LjE0MTFDMTEwLjUwMyA4NS42MTk2IDg1Ljc2NjggMTEwLjM1NiA1NS4yODgzIDExMC4zNTZDNTMuNTk1MSAxMTAuMzU2IDUxLjkwMTggMTEwLjI4MiA1MC4yMDg2IDExMC4xMzVWNjIuNDI5NUM1MC4yMDg2IDYyLjEzNSA1MC40Mjk0IDYxLjg0MDUgNTAuNzk3NSA2MS44NDA1SDU3LjU3MDVDNjAgNjEuODQwNSA2Mi4wNjEzIDU5Ljg1MjggNjIuMDYxMyA1Ny4zNDk3Wk02MC44ODM0IDg1LjMyNTJDNTcuMDU1MiA4NS4zMjUyIDUzLjk2MzEgODIuMjMzMSA1My45NjMxIDc4LjQwNDlDNTMuOTYzMSA3NC41NzY3IDU3LjA1NTIgNzEuNDg0NyA2MC44ODM0IDcxLjQ4NDdDNjQuNzExNiA3MS40ODQ3IDY3LjgwMzYgNzQuNTc2NyA2Ny44MDM2IDc4LjQwNDlDNjcuODAzNiA4Mi4yMzMxIDY0LjcxMTYgODUuMzI1MiA2MC44ODM0IDg1LjMyNTJaTTcwLjE1OTQgNzguNDA0OUM3MC4xNTk0IDgyLjIzMzEgNzMuMjUxNSA4NS4zMjUyIDc3LjA3OTcgODUuMzI1MkM4MC45MDc5IDg1LjMyNTIgODMuOTk5OSA4Mi4yMzMxIDgzLjk5OTkgNzguNDA0OUM4My45OTk5IDc0LjU3NjcgODAuOTA3OSA3MS40ODQ3IDc3LjA3OTcgNzEuNDg0N0M3My4yNTE1IDcxLjQ4NDcgNzAuMTU5NCA3NC41NzY3IDcwLjE1OTQgNzguNDA0OVpNODYuMzU1OCA3OC40MDQ5Qzg2LjM1NTggODIuMjMzMSA4OS40NDc4IDg1LjMyNTIgOTMuMjc2IDg1LjMyNTJDOTcuMTA0MiA4NS4zMjUyIDEwMC4xOTYgODIuMjMzMSAxMDAuMTk2IDc4LjQwNDlDMTAwLjE5NiA3NC41NzY3IDk3LjEwNDIgNzEuNDg0NyA5My4yNzYgNzEuNDg0N0M4OS40NDc4IDcxLjQ4NDcgODYuMzU1OCA3NC41NzY3IDg2LjM1NTggNzguNDA0OVoiCiAgICAgICAgZmlsbD0iIzAwQjk1NiIgLz4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik0wIDU1LjIxNDdDMCAyNC43MzYyIDI0LjczNjIgMCA1NS4yMTQ3IDBINTUuMzYyVjU0LjYyNThDNTUuMzYyIDU0Ljk5MzkgNTUuMDY3NSA1NS4yMTQ3IDU0Ljc3MyA1NS4yMTQ3SDUwLjEzNUg0Ny44NTI4QzQ1LjQ5NjkgNTUuMjg4MyA0My41ODI4IDU3LjI3NjEgNDMuNTA5MiA1OS42MzE5VjEwOS4xNzhDMTguNjI1OCAxMDMuODA0IDAgODEuNzE3OCAwIDU1LjIxNDdaTTM3LjY5MzIgMzguNTc2N0MzNy42OTMyIDQyLjQwNDkgNDAuNzg1MiA0NS40OTY5IDQ0LjYxMzUgNDUuNDk2OUM0OC40NDE3IDQ1LjQ5NjkgNTEuNTMzNyA0Mi40MDQ5IDUxLjUzMzcgMzguNTc2N0M1MS41MzM3IDM0Ljc0ODUgNDguNDQxNyAzMS42NTY0IDQ0LjYxMzUgMzEuNjU2NEM0MC43ODUyIDMxLjY1NjQgMzcuNjkzMiAzNC43NDg1IDM3LjY5MzIgMzguNTc2N1oiCiAgICAgICAgZmlsbD0iIzAwQjk1NiIgLz4KPC9zdmc+") transparent center no-repeat !important;
    background-size: 16px !important;
}

Да, наверно лучше вместо data:image/svg+xml;*** просто адрес https://lk.megafon.ru/public/rwlk/static/cdc5504119f8d0058c38.svg вписать, но у меня при таком способе при запуске/перезапуске браузера иконка появляется с задержкой.

Отредактировано sandro79 (08-11-2022 23:40:53)

Отсутствует

 

№1252208-11-2022 19:28:08

GOROOOO
Участник
 
Группа: Members
Зарегистрирован: 10-07-2022
Сообщений: 17
UA: Firefox 106.0

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

_zt
sandro79
Большое спасибо! Это мне очень помогло, моя проблема теперь решена :)

Отсутствует

 

№1252308-11-2022 20:01:31

Duche
Участник
 
Группа: Members
Зарегистрирован: 07-02-2016
Сообщений: 208
UA: Firefox 105.0

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

sandro79 пишет

Там так просто не победить

sandro79 Код работает отлично. Примите искреннюю благодарность  за Вашу великолепную работу.
Ещё вопрос, может быть иконка кнопки (физически и технически) больше панели nav-bar или toolbar , как бы внахлёст, без ломки высоты панели.

Отредактировано Duche (08-11-2022 20:05:34)

Отсутствует

 

№1252408-11-2022 20:03:53

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

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

sandro79 пишет

У меня он вообще не сработал, может так попробовать

Спасибо, вроде симпатишнее получилось. Только вот действует оно на все вкладки, а надо только на активную...

Отредактировано Neytrino (08-11-2022 20:05:43)


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

Отсутствует

 

№1252508-11-2022 20:37:54

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

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

Duche пишет

Ещё вопрос, может быть иконка кнопки (физически и технически) больше панели nav-bar или toolbar , как бы внахлёст, без ломки высоты панели.

Не знаю, наверно можно сделать, не хочу с этим экспериментировать.

Neytrino пишет

Только вот действует оно на все вкладки, а надо только на активную

Добавьте тогда после .tab-background :is([selected="true"], [multiselected]) или просто [selected="true"]
Изначально я код таким и делал, но потом почему-то выкинул :is([selected="true"], [multiselected])

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

Выделить код

Код:

#tabbrowser-tabs .tab-background:is([selected="true"], [multiselected]) {
  border: 1px solid AccentColor;
  box-shadow: none !important;
}

А с остальным уже нет энтузиазма разбираться.

Отредактировано sandro79 (08-11-2022 20:48:21)

Отсутствует

 

Board footer

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