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

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

№1385119-05-2024 17:41:01

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

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

Алексей У.
Можно наверное, а какой в этом смысл?
   
Ultima2m
Это надо Vitaliy V. просить. .searchbar-engine-image как то получает иконку текущего поисковика, а вот как ее вместо лупы приделать мне не понятно.

Отредактировано _zt (19-05-2024 18:09:01)

Отсутствует

 

№1385219-05-2024 17:49:47

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 182
UA: Firefox 88.0

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

_zt пишет

Можно наверное, а какой в этом смысл?

Для меня так проще и привычнее потому, что стилями пользуюсь с 2020 г., когда поставил Firefox 69 и узнал о возможностях CSS. В 88 версии стилей уже стало недостаточно, вот и пришлось ставить UsrChromeFiles (тот же dropmarker стилями уже не вернуть, а вот с помощью скрипта удалось).

Отсутствует

 

№1385319-05-2024 18:26:12

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

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

Алексей У.
Неубедительно, цель - сменить везде значок по умолчанию, цель достигнута. Остальное "перламутровые пуговицы".
Попробуйте как то так, только вместо chrome://global/skin/icons/folder.svg вписать chrome://global/skin/icons/defaultFavicon.svg , в url("...") можно вписать путь значка или значок в base64 или в svg, если будете писать в svg, то не забудьте везде в нем сменить " на ', если будете использовать путь, то можно как в манифесте или от папки chrome, если стиль будет в userContent.css.

Отсутствует

 

№1385419-05-2024 20:24:12

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 182
UA: Firefox 88.0

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

_zt пишет

Попробуйте как то так

Пробовал в различных вариантах - не работает. Открыл с помощью WinRar omni.ja - иконки defaultFavicon.svg не нашел. Может быть путь неверно указан?

Отсутствует

 

№1385520-05-2024 00:33:06

grom17
Участник
 
Группа: Members
Зарегистрирован: 13-06-2019
Сообщений: 47
UA: Firefox 126.0

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

Помогите добавить недостающие пункты.
2024-05-19.jpg
https://ru.files.me/u/dssmvks4sr
ВОПРОС СНЯТ.

Отредактировано grom17 (20-05-2024 09:42:36)

Отсутствует

 

№1385620-05-2024 02:31:18

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

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

Алексей У.
Как неверно, если в манифесте работает?

Отсутствует

 

№1385720-05-2024 11:10:05

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

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

Алексей У. пишет

иконки defaultFavicon.svg не нашел

chrome\toolkit\skin\classic\global\icons\
UPD: В браузере это адрес chrome://global/skin/icons/defaultFavicon.svg

Отредактировано xrun1 (20-05-2024 11:38:57)

Отсутствует

 

№1385821-05-2024 01:39:42

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

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

Ultima2m
userChrome.js/123/searchEngineIcon.uc.js
В scriptschrome >> load, строкой
{ path: "searchEngineIcon.uc.js", ucfobj: false, },
   
И еще в тему - замена стрелки лупой и она всегда видима.

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

Выделить код

Код:

#searchbar .search-go-button {
	display: initial !important;
	list-style-image: url("chrome://global/skin/icons/search-glass.svg") !important;
	transform: scaleX(-1);
	fill-opacity: .7 !important;
	width: 23px !important;
	height: 23px !important;
}

Отредактировано _zt (21-05-2024 03:35:42)

Отсутствует

 

№1385921-05-2024 06:48:48

Ultima2m
Участник
 
Группа: Members
Откуда: Россия
Зарегистрирован: 28-11-2013
Сообщений: 608
UA: Firefox 115.0

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

_zt пишет

userChrome.js/123/searchEngineIcon.uc.js
В scriptschrome >> load, строкой

Стрелка поменялась на  лупу, а скррипт работать не хочет. Пробовал на 115 и 122
Скрипт положил в custom_scripts. Прописал

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

Но нет
77.jpg
Что не так сделал?

Отсутствует

 

№1386021-05-2024 11:14:41

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

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

Ultima2m
Попробуйте скрипт
'Search engine icon in search bar' script for Firefox 60+ by Aris
или
'Search_engine icon in search bar' script for Firefox 123+ by Aris
Подключается аналогично №14076

Отсутствует

 

№1386121-05-2024 12:11:42

Ultima2m
Участник
 
Группа: Members
Откуда: Россия
Зарегистрирован: 28-11-2013
Сообщений: 608
UA: Firefox 115.0

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

xrun1 пишет

Попробуйте скрипт

Спасибо, xrun1.
Оба скрипта работают. По сути показывается иконка поисковика по умолчанию.

Отсутствует

 

№1386221-05-2024 14:44:46

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

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

Ultima2m
По адресу скрипта видно, что он для [firefox] 123+, но в том же репозитории можно поискать предыдущую версию. Не обратил внимание на ваш UA.
Я вообще этой строкой не пользуюсь.
В любом случае вариант от Aris короче и проще.

Отредактировано _zt (21-05-2024 14:49:40)

Отсутствует

 

№1386323-05-2024 14:14:58

soll
Участник
 
Группа: Members
Зарегистрирован: 18-03-2014
Сообщений: 114
UA: Firefox 115.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;
}

кто может помочь? Firefox 115.11.0esr

Отредактировано soll (23-05-2024 14:18:27)

Отсутствует

 

№1386424-05-2024 07:54:01

fuchsfan
Участник
 
Группа: Members
Зарегистрирован: 07-08-2023
Сообщений: 130
UA: Firefox 115.0

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

soll пишет

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

Этот работает https://github.com/MrOtherGuy/firefox-c … d_tabs.css

Отсутствует

 

№1386527-05-2024 02:10:46

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

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

Vitaliy V.
Кстати, о вложенном css

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

Выделить код

Код:

:root:not([sizemode="maximized"],[inFullscreen]) {
    & #nav-bar, #ucf-additional-top-bar, #PersonalToolbar, #browser {
        border-left: 0.5px solid #3A3A41 !important;
        border-right: 0.5px solid #3A3A41 !important;
    }
    & #browser {
        border-bottom: 0.5px solid #3A3A41 !important;
    }
    :not(:-moz-window-inactive) {
        & #nav-bar, #ucf-additional-top-bar, #PersonalToolbar, #browser {
            border-color: var(--v-main-menubar-background-color) !important;
        }
    }
}

теперь понятна их польза. Я какую то дурь, ранее писал.

Отредактировано _zt (27-05-2024 02:12:21)

Отсутствует

 

№1386630-05-2024 10:37:27

leshiy_odessa
Участник
 
Группа: Members
Зарегистрирован: 13-02-2009
Сообщений: 294
UA: Firefox 126.0

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

Обновился до 126.0.1 и естествено поломался стиль.
Подскажите как сделать обводку неактивных табов.
Пока всё выглядит так :
OcSTszU.png

Отредактировано leshiy_odessa (30-05-2024 10:40:03)

Отсутствует

 

№1386730-05-2024 13:28:15

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

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

egorsemenov06 пишет

иконка в строке адреса от расширения TWP

проще всего заменить на chrome://browser/skin/translations.svg

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

Выделить код

Код:

#pageAction-urlbar-_036a55b4-5e72-4d05-a06c-cba2dfcc134a_ {
    list-style-image: url("chrome://browser/skin/translations.svg") !important;
}


id'шник не сгенерированный, в манифесте TWP такой и указан.

leshiy_odessa пишет

поломался стиль.

А как починить неизвестно что. Смотрели где его брали может обновление есть?

Отсутствует

 

№1386830-05-2024 15:34:18

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

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

egorsemenov06 пишет

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

Можно попробовать так, если иконка не изменится в расширении

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

Выделить код

Код:

#pageAction-urlbar-_036a55b4-5e72-4d05-a06c-cba2dfcc134a_ {
    list-style-image: url("chrome://browser/skin/translations.svg") !important;
    &[style*="PSJyZ2IoMCwgMTE2LCAyMzIpIi"] .urlbar-icon {
        fill: rgb(0, 116, 232) !important;
    }
}

Отредактировано Vitaliy V. (30-05-2024 19:51:00)

Отсутствует

 

№1386930-05-2024 16:56:09

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

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

egorsemenov06 пишет

И то сработала когда заменил

Потому что это белая иконка, нужно перевести а потом смотреть в инструментах браузера на иконке атрибут style.
В расширении много вариантов зачем то генерации иконок для разных тем, я бы вообще с этим не заморачивался.

Отредактировано Vitaliy V. (30-05-2024 16:58:03)

Отсутствует

 

№1387030-05-2024 19:32:43

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

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

egorsemenov06 пишет

там их две записано и обе одинаковые синие

Две или более потому что для image-set
но т.к. это svg он на экране любой плотности пикселей отображается одинаково, то там они одинаковые.
Ну вот и нужно добавить в стиль уникальную часть которая есть только в синей иконке из атрибута style,  всё совершенно не надо,
например

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

Выделить код

Код:

#pageAction-urlbar-_036a55b4-5e72-4d05-a06c-cba2dfcc134a_ {
    list-style-image: url("chrome://browser/skin/translations.svg") !important;
    &[style*="PSJyZ2IoMCwgOTcsIDIyNCki"] .urlbar-icon {
        fill: rgb(0, 97, 224) !important;
    }
}

Отредактировано Vitaliy V. (30-05-2024 19:45:43)

Отсутствует

 

№1387130-05-2024 19:51:56

leshiy_odessa
Участник
 
Группа: Members
Зарегистрирован: 13-02-2009
Сообщений: 294
UA: Firefox 126.0

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

Vitaliy V. пишет

Смотрели где его брали может обновление есть?

Я использую — classic_squared_tabs.css, но это не он. Я сейчас обнаружил что отключение userChrome.css совсем не помогает :o.

aX8lGwK.png

Отредактировано leshiy_odessa (30-05-2024 19:52:14)

Отсутствует

 

№1387230-05-2024 20:01:01

grom17
Участник
 
Группа: Members
Зарегистрирован: 13-06-2019
Сообщений: 47
UA: Firefox 128.0

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

leshiy_odessa пишет

Я использую — classic_squared_tabs.css, но это не он.

Выложите ваш .css постараемся помочь.

Отсутствует

 

№1387330-05-2024 20:09:05

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

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

egorsemenov06 пишет

не срабатывает

Тогда не знаю, у меня срабатывает с предыдушим кодом

Отсутствует

 

№1387430-05-2024 20:22:52

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

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

egorsemenov06 пишет

на светлой теме работает безупречно а на темной не хочет

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

Отсутствует

 

№1387530-05-2024 20:47:34

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

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

egorsemenov06
Вот так, для двух тем, можно и ещё добавить

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

Выделить код

Код:

#pageAction-urlbar-_036a55b4-5e72-4d05-a06c-cba2dfcc134a_ {
    list-style-image: url("chrome://browser/skin/translations.svg") !important;
    &[style*="PSJyZ2IoMCwgOTcsIDIyNCki"] .urlbar-icon {
        fill: rgb(0, 97, 224) !important;
    }
    &[style*="PSJyZ2IoMCwgMjIxLCAyNTUpIi"] .urlbar-icon {
        fill: rgb(0, 221, 255) !important;
    }
}

Отсутствует

 

Board footer

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