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

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

№1232628-10-2022 10:15:11

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

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

Duche
Я использую такой код:

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

Выделить код

Код:

#tabbrowser-tabpanels {
  background-color: var(--uc-light-bkgnd-color, rgba(28, 27, 34, 0.7)) !important;
}


Win7

Отсутствует

 

№1232728-10-2022 12:49:47

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

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

kokoss пишет

Я использую такой код:

Спасибо.Попробовал , всё равно проскакивает на долю секунды белый цвет.Есть смутные подозрения что дело в скорости работы системы . Появился, на мой взгляд, долгий отклик системы на события (микро задержки) . FF почему то стал долго запускаться (30-40 сек), после первого включения ноутбука. Буду думать. Ещё раз спасибо.
P.S. Забыл спросить ,для общего развития почему цвет в RGBA а не HEX, может RGBA быстрее в обработке системой. У меня все цвета в HEX.

Отредактировано Duche (28-10-2022 13:54:55)

Отсутствует

 

№1232828-10-2022 14:31:05

vending_machine
Участник
 
Группа: Members
Зарегистрирован: 10-01-2020
Сообщений: 549
UA: Firefox 91.0

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

Duche пишет

всё равно проскакивает на долю секунды белый цвет.

Надо сделать цвет пустой страницы тот же.
В userContent.css

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

Выделить код

Код:

@-moz-document url("about:blank") {

:root {
    background:  #696969 !important;
}

}

Отсутствует

 

№1232928-10-2022 22:01:48

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

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

vending_machine пишет

Надо сделать цвет пустой страницы тот же.
В userContent.css
скрытый текст

Этот стиль затрагивает плеер на rezka.ag, вероятно ещё где нибудь.


Win7

Отсутствует

 

№1233029-10-2022 21:06:14

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

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

У меня так, вроде VitalyV когда-то предложил.

Выделить код

Код:

@-moz-document url("about:blank") {
    body:empty {
        background: #696969 !important;
    }
}

еще там это есть

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
    body {
        background: #696969 !important;
    }
    body[lwt-newtab-brighttext] {
        background: #696969 !important;
    }
}

но :root наверное надежней.
   
И непонятно какое отношение имеет rezka.ag к about:blank, адреса то разные. Проверить не получается. ))

Отредактировано _zt (29-10-2022 21:11:36)

Отсутствует

 

№1233129-10-2022 21:36:41

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

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

_zt пишет

И непонятно какое отношение имеет rezka.ag к about:blank, адреса то разные.

Мне тоже не понятно какое отношение about:blank имеет к плееру rezka.ag, но затрагивает > скрин


Win7

Отсутствует

 

№1233230-10-2022 00:28:15

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

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

kokoss пишет

Этот стиль затрагивает плеер на rezka.ag, вероятно ещё где нибудь.

Чтоб не влиял, нужно стиль для about:blank добавить сюда и включить здесь, и соответствующий чекбокс в настройках user_chrome_files
Или фикс-костыль для rezka.ag отсюда. Правда досконально не тестировал, но плеер картинку показывает.

Отсутствует

 

№1233330-10-2022 00:46:54

Northtech
Участник
 
Группа: Members
Зарегистрирован: 16-04-2011
Сообщений: 265
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;
}

Отсутствует

 

№1233430-10-2022 19:08:45

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

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

Northtech пишет

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

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


Win7

Отсутствует

 

№1233504-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)

Отсутствует

 

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

Отсутствует

 

№1233705-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)

Отсутствует

 

№1233805-11-2022 12:35:09

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

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

Вит пишет

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

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


Win7

Отсутствует

 

№1233905-11-2022 13:26:57

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

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

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

Отсутствует

 

№1234005-11-2022 16:19:35

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

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

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

Отсутствует

 

№1234105-11-2022 16:27:14

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1739
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

Отсутствует

 

№1234205-11-2022 16:45:21

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

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

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

Отсутствует

 

№1234305-11-2022 17:04:00

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

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

Вит пишет

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

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


Win7

Отсутствует

 

№1234405-11-2022 17:07:28

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

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

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

Отсутствует

 

№1234505-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)

Отсутствует

 

№1234607-11-2022 00:03:36

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

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

sandro79 пишет

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

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

Отсутствует

 

№1234707-11-2022 04:56:10

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

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

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

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

Отсутствует

 

№1234807-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.

Отсутствует

 

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

Отсутствует

 

№1235008-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)

Отсутствует

 

Board footer

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