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

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 20-06-2023 16:01:47

kokoss, тоже вариант, спасибо. Но если кто-то может решить проблему через userchrom.css - тоже интересно (вдруг понадобится убить кнопку какого-нить расширения - оставив его при этом работать)...

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 20-06-2023 14:50:21

Всем доброго времени суток. Есть желание скрыть GMail Notifier в меню расширений (в режиме приватного просмотра):

Выделить код

Код:

#main-window[privatebrowsingmode="temporary"] #jid0-gjwrpchs3ugt7xydvqvk4dqk8ls_jetpack-BAP
    	{
	display:none !important;
    	}

при использовании такого кода - остаётся пустое место. Можно ли как-то от него избавиться?

скрытый текст
image.jpg

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 18-03-2023 22:18:12

Inko7 пишет

как\чем скопировать селектор?

Отсутствует

Гамбургер меню/Другие настройки/Инструменты браузера, там нажимаете на самую левую кнопку (в верхнем ряду (курсор в квадрате) и ведёте указатель к нужному элементу в окне фокса). Когда вы ткнёте по нужной кнопке - её код выделится в левой части инспектора, правой кнопкой по выделенному/Скопировать/CSS-селектор...

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 18-03-2023 18:45:06

xrun1 пишет

Отсутствие шестерёнки меня смущает: как добавить/убрать кнопку расширение на панель

А меню правой кнопки мыши?

Inko7 пишет

Теперь осталось только найти, как скрыть ненужные...

Те, которые можно закрепить на панели - скрываются через CSS-селектор (надо закрепить кнопку на панель, и у закреплённой кнопки - скопировать селектор). Кстати, после открепления от панели - кнопка встаёт на первое место в меню (возможно это способ сортировки в нужном порядке)

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

Выделить код

Код:

#admin_fastaddons_com_searchresultpreviews-BAP
    	{
    	display:none !important;
    	}

kokoss, спасибо!

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 18-03-2023 13:41:58

Вот тут чувак превратил это меню в таблицу с иконками (по крайней мере на скрине), но кода реализации этой красоты - я найти не смог:(

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 10-01-2023 11:15:25

6e73epo, спасибо, заработало!
это была кнопка расширения New Tab Here

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 07-01-2023 08:17:07

Всем привет (и с наступившими). Вот таким способом:

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

Выделить код

Код:

#newtabhere_pollti-browser-action
	{
	list-style-image: url("./svg/new-tab.svg") !important;
	}


заменял кучу не нравящихся мне иконок на кнопках, после одного из крайних обновлений - перестало работать... Как починить?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 08-11-2022 22:00:46

sandro79, теперь шикардос, ещё раз спасибо!

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 08-11-2022 21:02:28

sandro79, хорошо! Но мультиселект почему-то синим выделяет...

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 08-11-2022 20:03:53

sandro79 пишет

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

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 07-11-2022 18:40:19

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

По крайней мере

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 23-10-2022 14:09:44

Я тут нашёл такие штуки:

Выделить код

Код:

@function lightness($color, $lightnessMultiplier){
  $color: str-replace($color, 'var(');
  $color: str-replace($color, ')');
  $color-h: var(#{$color+'-h'});
  $color-s: var(#{$color+'-s'});
  $color-l: var(#{$color+'-l'});
  @return hsl($color-h, $color-s, calc(#{$color-l} * #{$lightnessMultiplier}));
}

.component {
  background-color: lightness(var(--color-primary), 1.2);
}
Выделить код

Код:

@function saturation($color, $saturationMultiplier){
  $color: str-replace($color, 'var(');
  $color: str-replace($color, ')');
  $color-h: var(#{$color+'-h'});
  $color-s: var(#{$color+'-s'});
  $color-l: var(#{$color+'-l'});
  @return hsl($color-h, calc(#{$color-s} * #{$saturationMultiplier}), $color-l);
}

.component {
  background-color: saturation(var(--color-primary), 1.2);
}

Они должны менять яркость и контрастность цветовой переменной. А как теперь всю эту кра

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-10-2022 19:12:03

cdrip в 103+ -moz-accent-color переименовали в AccentColor, но как вы можете видеть на скрине: цвет не тот (по сравнениюю с заголовком окна Блокнота)...

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-10-2022 18:44:34

kokoss, мне нужно чтобы фокс брал его из системных цветов, и менял его (сам) - когда меняется обоина (а вместе с ней и цветовая схема Windows)...

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-10-2022 09:28:37

Всем привет, продолжаю страдать желанием перекрашивать фокса в системные цвета... То что -moz-accent-color теперь AccentColor - я уже выяснил, но проблема в том что цвет этот - не тот:(

скрытый текст
c67dc90a2727d4dde015eab17477e23b.jpg

Правильный цвет - это бордюр вокруг окна фокса, возможно ли как-то получить этот цвет в userChrome.css?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 28-07-2022 07:20:54

У этих козлов - опять руки чешутся не там где надо, сломали мой прекрасный (раскрашенный в системный цвет) фокс: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;
			}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 22-04-2022 15:08:41

sandro79, всё получилось, премного благодарен!

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 22-04-2022 10:24:09

sandro79, и снова - огромное спасибо!

А можно ссылочку на то, как использовать скрипты в фоксе?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 19-04-2022 11:52:19

kokoss, sandro79, мои бесконечные благодарности!

sandro79, аппетит приходит во время еды, если можно вас попросить...
1 - возможно ли заменить иконку "лупы" на иконку текущего поисковика?

скрытый текст
65184d7a5b4e4b412d427a0288b08447.jpg

2 - возможно ли избавиться от зелёного кружка с +'ом?
скрытый текст
42e34dbb615b1dad13a75aabe56fedc5.jpg

3 - возможно ли избавиться от серого квадратика со счётчиком (в Panorama Tab Groups)
скрытый текст
ec1b6ebb499214c2d126da41fa4c50c9.jpg

4 - не перекрасилась иконка загрузок (в спокойном состоянии)
[spoiler][img]https://i117.fastpic.org/big/2022/0420/16/4b03035064cd1b15a75b8c9286b38816.jpg[

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 18-04-2022 20:02:50

А чё-то я туплю, как теперь открыть окошко в котором можно было скопировать css-селекторы элементов интерфейса?

и ещё, с этой штукой обнаружился маленький косячок: если добавить страничку в закладки - звёздочка (в адресной строке) становится светло голубой (вместо синей)

скрытый текст
ed7edc848b011fa25d12254fa74f152e.jpg

Виноват в этом

Выделить код

Код:

color: white !important;

Забеляющий иконки на кнопках, но как исключить звёздочку из под его влияния..?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 18-04-2022 07:48:39

sandro79, супер! Ещё раз огромное спасибо!

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 17-04-2022 16:19:15

Ещё один вопросик: расширение Panorama Tab Groups,

скрытый текст
224ba1cb865d7ee373103abc428d5bd7.jpeg

можно ли чёрный фон окна и групп вкладок перекрасить в -moz-accent-color?

Board footer

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