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

Многие проблемы быстрее решаются поиском по форуму и чтением FAQ, чем созданием новой темы и томительным ожиданием ответа.

№1115122-08-2021 18:58:50

Black_Monk
Участник
 
Группа: Members
Зарегистрирован: 18-02-2012
Сообщений: 194
UA: Firefox 91.0

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

kokoss, сенькаю! :D


Windows 10 LTSC

Отсутствует

 

№1115222-08-2021 20:09:20

alur
Участник
 
Группа: Members
Зарегистрирован: 15-08-2021
Сообщений: 14
UA: Firefox 91.0

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

Ник 22 пишет

Подскажите пожалуйста как квадратным кнопкам в панели цвет задать.


самое простое это на каждую кнопку нужно повесить такой код

Кнопка назад

Выделить код

Код:

#back-button > .toolbarbutton-icon
{
  background: green !important;
}

Сброс зума

Выделить код

Код:

#zoom-reset-button > .toolbarbutton-text
{
  background: red !important;
}


результат должен быть такой
e62a2b8f7db4ee96850dda4076826ce1.jpg


Можно конечно в одно действие решить, но че то сходу не отвечу, можно с этими кодами поиграться что то из них точно рабочее. (все сразу лепить не надо, а потихоньку по одному протестировать)

Toolbar buttons

Выделить код

Код:

/* Toolbar buttons */
 --toolbarbutton-background: var(--grey-10) !important;
 --toolbarbutton-hover-background: var(--grey-20) !important;
 --toolbarbutton-focus-background: var(--grey-20) !important;
 --toolbarbutton-focus-color: var(--grey-70) !important;
 --toolbarbutton-checked-background: var(--blue-55) !important;
 --toolbarbutton-checked-focus-background: var(--blue-60) !important;
 --toolbarbutton-checked-color: #ffffff !important;

Отредактировано alur (22-08-2021 21:14:45)

Отсутствует

 

№1115322-08-2021 21:40:02

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 99
UA: Firefox 91.0

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

скрытый текст
результат должен быть такой ]https://i115.fastpic.org/big/2021/0822/ … 826ce1.jpg

Можно конечно в одно действие решить, но че то сходу не отвечу, можно с этими кодами поиграться что то из них точно рабочее. (все сразу лепить не надо, а потихоньку по одному протестировать)

Toolbar buttons

Выделить код

Код:

/* Toolbar buttons */
 --toolbarbutton-background: var(--grey-10) !important;
 --toolbarbutton-hover-background: var(--grey-20) !important;
 --toolbarbutton-focus-background: var(--grey-20) !important;
 --toolbarbutton-focus-color: var(--grey-70) !important;
 --toolbarbutton-checked-background: var(--blue-55) !important;
 --toolbarbutton-checked-focus-background: var(--blue-60) !important;
 --toolbarbutton-checked-color: #ffffff !important;


Кнопка назад встала отлично, и цвет зеленый то что надо. А как быть с копкой вперед? Заменил button на forward но не получилось. Что касается Toolbar buttons ни один пункт не встал но впрочем может у меня настроки по своему и этих кнопок в панели просто нет (к примеру нет кнопкм зума). Я был бы очень доволен если бы все кнопки подкрасить.


Замечание п. 2.22 многократное п. 2.9
Sergeys

Отредактировано Ник 22 (22-08-2021 21:44:40)

Отсутствует

 

№1115422-08-2021 22:03:12

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 378
UA: Firefox 91.0

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

УВ. форумчане зравствуйте!Может кто знает как при наведении в выпадающих списках в адресной и поисковой строк сделать
что бы выделялась кнопка настроек(шестеренка)
ea46fba7a2d2c7a1523459a607f859ab.png4db4ddff95420d5bcab80c3dcd1ea329.png
использую код Vitaliy V.

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

Выделить код

Код:

#urlbar > .urlbarView, #urlbar-results, panel[type="autocomplete-richlistbox"], #PopupSearchAutoComplete {
    --arrowpanel-dimmed: rgba(60,60,65,0.4) !important;
    --arrowpanel-dimmed-further: Highlight !important;
    --arrowpanel-dimmed-even-further: transparent !important;
    --panel-separator-color: rgba(250,250,255,0.3) !important;
    --chrome-content-separator-color: rgba(250,250,255,0.3) !important;
    --arrowpanel-border-color: rgba(250,250,255,0.3) !important;
    --arrowpanel-background: rgba(10,10,15,0.4) !important;
    --autocomplete-popup-background: rgba(10,10,15,0.4) !important;
    --autocomplete-popup-color: rgb(240,240,245) !important;
    --arrowpanel-color: rgb(240,240,245) !important;
    --panel-disabled-color: rgb(190,190,195) !important;
    --urlbar-popup-url-color: LightSkyBlue !important;
    --urlbar-popup-action-color: Aquamarine !important;
    border: 1px solid var(--chrome-content-separator-color) !important;
}


panel:-moz-any(#urlbar-results,#PopupSearchAutoComplete,[type="autocomplete-richlistbox"]) :-moz-any(.search-panel-header,.searchbar-engine-one-off-item) {
    color: var(--autocomplete-popup-color) !important;
}

#PopupAutoComplete {
    --panel-color: rgba(10,10,15,0.4), FieldText !important;
    --panel-background: rgba(10,10,15,0.4), Field !important;
    --panel-border-color: var(--arrowpanel-border-color, ThreeDShadow) !important;
}

panel[type="autocomplete-richlistbox"] {
    background: var(--autocomplete-popup-background) !important;
    color: var(--autocomplete-popup-color) !important;
    border-color: var(--arrowpanel-border-color) !important;
}

panel[type="autocomplete-richlistbox"] > richlistbox {
    background: transparent !important;
    color: inherit !important;
    margin: 0 !important;
}

panel#PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"] {
    color: var(--autocomplete-popup-color) !important;
    border-top-color: var(--chrome-content-separator-color) !important;
    background-color: var(--arrowpanel-dimmed) !important;
}

panel#PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"]:hover,
panel#PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"][selected] {
    background-color: Highlight !important;
    color: HighlightText !important;
}

Отредактировано egorsemenov06 (22-08-2021 22:03:51)

Отсутствует

 

№1115522-08-2021 23:23:13

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

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

Ник 22 пишет

Я был бы очень доволен если бы все кнопки подкрасить.

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

Отредактировано kokoss (22-08-2021 23:24:49)


Win7

Отсутствует

 

№1115623-08-2021 00:09:59

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

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

egorsemenov06 пишет

УВ. форумчане зравствуйте!Может кто знает как при наведении в выпадающих списках в адресной и поисковой строк сделать
что бы выделялась кнопка настроек(шестеренка)

Приветствую! Там и кнопки белым выделяются (на системной теме), сломали [mozilla] стиль. Можно добавить в первое правило строку

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

Выделить код

Код:

--autocomplete-popup-hover-background: var(--arrowpanel-dimmed) !important;

Тоже использую подобные стили, подправлял с 90+ кажется, нет с 91, тогда ещё [nightly] была. Вроде немного сломалось, мой вариант
скрытый текст

Выделить код

Код:

#urlbar-container,
#search-container { /* это правило не является обязательным */
    padding: 1px 0 !important;
    margin: 0 1px !important;
}

#urlbar-container[breakout] {
    position: relative !important;
    min-height: var(--urlbar-container-height) !important;
}

#urlbar[breakout] {
    display: block !important;
    position: absolute !important;
    width: 100% !important;
    height: var(--urlbar-height) !important;
    top: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2) !important;
    left: 0px !important;
}

#urlbar[breakout] > #urlbar-input-container {
    width: 100% !important;
    height: var(--urlbar-height) !important;
    padding: 0 !important;
    vertical-align: top !important;
}

#urlbar[breakout][breakout-extend],
#urlbar[breakout][breakout-extend-disabled][open] {
    height: auto !important;
}

#urlbar[breakout] > #urlbar-background {
    animation: none !important;
    inset-inline-start: 0 !important;
    box-shadow: none !important;
    height: var(--urlbar-height) !important;
    top: 0px !important;
    bottom: auto !important;
}

#urlbar[breakout] > .urlbarView {
    margin: 0 !important;
    width: 100% !important;
    border-bottom-left-radius: var(--toolbarbutton-border-radius, 4px) !important;
    border-bottom-right-radius: var(--toolbarbutton-border-radius, 4px) !important;
    color: var(--autocomplete-popup-color, var(--arrowpanel-color, rgba(12, 12, 13, 1))) !important;
    background: var(--autocomplete-popup-background, var(--arrowpanel-background, rgb(255, 255, 255))) !important;
    border: 1px solid var(--panel-separator-color, var(--arrowpanel-border-color, rgba(24,26,27,.14))) !important;
}

*|*:root[lwt-popup-brighttext] #urlbar[breakout] > .urlbarView {
    color: var(--autocomplete-popup-color, var(--arrowpanel-color, rgb(177,177,179))) !important;
    background: var(--autocomplete-popup-background, var(--arrowpanel-background, rgb(27,27,29))) !important;
    border: 1px solid var(--panel-separator-color, var(--arrowpanel-border-color, rgba(249,249,250,.1))) !important;
}

#urlbar[breakout] > .urlbarView *|*.urlbarView-body-inner {
    border: none !important;
}

#urlbar[breakout] > #urlbar-input-container > #urlbar-search-icon {
    fill: currentColor !important;
    fill-opacity: .6 !important;
}

#urlbar > .urlbarView, #urlbar-results,  panel[type="autocomplete-richlistbox"], #PopupSearchAutoComplete {
    --arrowpanel-dimmed: rgba(255,255,255,0.1) !important;
    --arrowpanel-dimmed-further: Highlight !important;
    --arrowpanel-dimmed-even-further: transparent !important;
    --panel-separator-color: rgba(250,250,255,0.3) !important;
    --chrome-content-separator-color: rgba(250,250,255,0.3) !important;
    --arrowpanel-border-color: rgba(250,250,255,0.3) !important;
    --arrowpanel-background: rgba(10,10,15,0.8) !important;
    --autocomplete-popup-background: rgba(10,10,15,0.8) !important;
    --autocomplete-popup-color: rgb(240,240,245) !important;
    --autocomplete-popup-hover-background: var(--arrowpanel-dimmed) !important;
    --arrowpanel-color: rgb(240,240,245) !important;
    --panel-disabled-color: rgb(190,190,195) !important;
    --urlbar-popup-url-color: LightSkyBlue !important;
    --urlbar-popup-action-color: Aquamarine !important;
    /* border: 1px solid var(--chrome-content-separator-color) !important; */
}
#urlbar.megabar {
    background-color: rgba(10,10,15,0.8) !important;
    color: rgb(240,240,245) !important;
}

panel[type="autocomplete-richlistbox"] {
    --panel-background: var(--autocomplete-popup-background) !important;
    --panel-color: var(--autocomplete-popup-color) !important;
    border-color: var(--arrowpanel-border-color) !important;
}

panel[type="autocomplete-richlistbox"] > richlistbox {
    background: transparent !important;
    color: inherit !important;
    margin: 0 !important;
}

panel#PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"] {
    color: var(--autocomplete-popup-color) !important;
    border-top-color: var(--chrome-content-separator-color) !important;
    background-color: var(--arrowpanel-dimmed) !important;
}

panel#PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"]:hover,
panel#PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"][selected] {
    background-color: Highlight !important;
    color: HighlightText !important;
}

Да можно скрыть их обе вообще, чтоб глаза не мозолили :D
скрытый текст

Выделить код

Код:

.search-setting-button {
    display: none !important;
}

Отредактировано sandro79 (23-08-2021 00:22:45)

Отсутствует

 

№1115723-08-2021 00:32:53

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 378
UA: Firefox 91.0

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

sandro79 пишет

Можно добавить в первое правило строку

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

Выделить код

Код:

--autocomplete-popup-hover-background: var(--arrowpanel-dimmed) !important;

Большое спасибо!!!

Отсутствует

 

№1115823-08-2021 00:42:36

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 99
UA: Firefox 91.0

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

Хорошо встало но фон кнопок не подкрашивает. Фон кнопки назад мне подсказали а еще бы подкрасить кнопку вперед и другие кнопки.

Отредактировано Ник 22 (23-08-2021 00:44:27)

Отсутствует

 

№1115923-08-2021 00:54:08

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

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

Ник 22 пишет

Фон кнопки назад мне подсказали а еще бы подкрасить кнопку вперед и другие кнопки

Правило из первого кода отсюда, вам же было адресовано, убрал из того кода :root:not([uidensity="compact"]), теперь и с компактными значками будет работать

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

Выделить код

Код:

#forward-button > .toolbarbutton-icon {
	background-color: LightGrey !important;
}

Другие, это какие именно?

Отсутствует

 

№1116023-08-2021 04:29:59

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 99
UA: Firefox 91.0

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

Вот эти дае иконки остались, не могу им цвет задать, остальные сделал

скрытый текст
26a70c6fb008.png

Отсутствует

 

№1116123-08-2021 10:10:32

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

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

Ник 22 пишет

Вот эти дае иконки остались, не могу им цвет задать, остальные сделал

Какие-то они растянутые. Простенький код

скрытый текст
Лучше конечно поэкспериментировать с таким вот готовым кодом, для кнопок помещённых на панель инструментов, подобрав свой background, border-color.

Выделить код

Код:

#downloads-button > stack,
#PanelUI-menu-button > stack {
	background-color: LightGrey !important;
}
/* цвет при наведении и т.п. необязательно */
#downloads-button:is(:hover:active,:hover,:active, [open]) > stack,
#PanelUI-menu-button:is(:hover:active,:hover,:active, [open]) > stack {
	background-color: GreenYellow !important;
}

Отсутствует

 

№1116223-08-2021 13:54:30

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 99
UA: Firefox 91.0

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

Спасибо огромное, все получилось. Растянутые это я в Paint так сделал

Отсутствует

 

№1116323-08-2021 18:55:34

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

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

В очередной раз изуродовали интерфейс YouTube. Как убрать эту мерзость
7f23ca87f8d3.jpg
и вернуть нормальный скроллбар Windows 7 (код отсюда уже не работает)?

Отсутствует

 

№1116423-08-2021 19:58:41

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 99
UA: Firefox 91.0

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

Подскажите пожалуйста как задать цвет панели закладок. ( чтобы панель была одним цветом)

Отсутствует

 

№1116523-08-2021 20:10:15

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

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

Ник 22 пишет

Подскажите пожалуйста как задать цвет панели закладок. ( чтобы панель была одним цветом)

скрытый текст
цвет измените на свой https://github.com/Aris-t2/CustomCSSfor … oglass.css


Win7

Отсутствует

 

№1116623-08-2021 20:58:09

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

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

Подскажите как в about:addons и прочих chrome: страницах (например chrome://browser/content/places/places.xhtml) убрать border-radius и сделать menupopup немного компактнее. Заранее спасибо.
https://imgur.com/0nxvmZJ

Отсутствует

 

№1116723-08-2021 21:35:21

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

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

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

Как убрать эту мерзость и вернуть нормальный скроллбар Windows 7 (код отсюда уже не работает)?

В смысле "Последние опубликованные" и т.п. - правилом для блокировщика у себя скрыл youtube.com###header.ytd-rich-grid-renderer Можно стилем скрыть

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

Выделить код

Код:

@-moz-document domain("youtube.com") {
#header.ytd-rich-grid-renderer {
	display: none !important;
}
}

А тот код для полос прокрутки сейчас проверил в 68 и 78, работает у меня. Начиная с 89, там уже полоса прокрутки и на Windows 7 подобна десяточной, там уже сложнее будет классическую семёрочную вернуть.

Отредактировано sandro79 (23-08-2021 22:03:41)

Отсутствует

 

№1116824-08-2021 10:36:26

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 99
UA: Firefox 91.0

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

Подскажите пожалуйста как задать цвет панели инструментов и адресной строки.  Изменить шрифт контекстного меню.


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

Отредактировано Ник 22 (24-08-2021 14:36:28)

Отсутствует

 

№1116924-08-2021 17:36:33

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

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

sandro79 пишет

А тот код для полос прокрутки сейчас проверил в 68 и 78, работает у меня.

Снова проверил - теперь и у меня заработало. Странно, может со стороны YouTube какая-нибудь недоделка была. Они, судя по иконкам, опять с интерфейсом экспериментируют.

Отсутствует

 

№1117024-08-2021 21:07:12

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

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

Ник 22 пишет

Подскажите пожалуйста как задать цвет панели инструментов и адресной строки.  Изменить шрифт контекстного меню.

так попробуйте
Много чего полезного можно здесь найти.

Выделить код

Код:

/* вместо color можно вписать свой цвет */
:root:not(:-moz-lwtheme) {
	--toolbar-color: color !important; /* цвет шрифта панели закладок */
	--toolbar-non-lwt-bgcolor: DodgerBlue !important; /* фон панели инструментов и закладок */
	--toolbarbutton-icon-fill: color !important; /* цвет значков кнопок */
}
/* фон адресной строки и списка */
#urlbar:not(:-moz-lwtheme) > #urlbar-background {
	background-color: SpringGreen !important;
	background-clip: padding-box !important;
	border: 1px solid var(--toolbar-field-border-color) !important;
}
/* стиль и размер шрифта контекстных меню */
.menu-text, .menu-iconic-text {
	font-style: verdana !important;
	font-size: 13px !important;
}
/* цвет шрифта панели меню, берётся с первого правила */
#main-menubar > menu {
	color: var(--toolbar-color) !important;
}
/* цвет кнопок управления окном, берётся с первого правила */
.titlebar-buttonbox > .titlebar-button {
	color: var(--toolbar-color) !important;
}

Алексей У. YouTube Old Scroll Bar

Отсутствует

 

№1117124-08-2021 23:21:26

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 99
UA: Firefox 91.0

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

sandro79 пишет

скрытый текст
/* вместо color можно вписать свой цвет */
:root:not(:-moz-lwtheme) {
    --toolbar-color: color !important; /* цвет шрифта панели закладок */
    --toolbar-non-lwt-bgcolor: DodgerBlue !important; /* фон панели инструментов и закладок */
    --toolbarbutton-icon-fill: color !important; /* цвет значков кнопок */
}
/* фон адресной строки и списка */
#urlbar:not(:-moz-lwtheme) > #urlbar-background {
    background-color: SpringGreen !important;
    background-clip: padding-box !important;
    border: 1px solid var(--toolbar-field-border-color) !important;
}
/* стиль и размер шрифта контекстных меню */
.menu-text, .menu-iconic-text {
    font-style: verdana !important;
    font-size: 13px !important;
}
/* цвет шрифта панели меню, берётся с первого правила */
#main-menubar > menu {
    color: var(--toolbar-color) !important;
}
/* цвет кнопок управления окном, берётся с первого правила */
.titlebar-buttonbox > .titlebar-button {
    color: var(--toolbar-color) !important;
}

Не получилось

Отсутствует

 

№1117225-08-2021 00:39:21

JKT
Участник
 
Группа: Members
Зарегистрирован: 14-01-2016
Сообщений: 81
UA: Firefox 78.0

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

Уважаемые, подскажите пожалуйста, как назначить свои иконки для папок закладок (избранного). В панели закладок я назначил иконки папкам, а интересует именно то что в сайдбаре. Помню где то тут есть решение, но не могу найти.

Отсутствует

 

№1117325-08-2021 17:04:30

tannacat
Участник
 
Группа: Members
Зарегистрирован: 02-11-2020
Сообщений: 18
UA: Firefox 91.0

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

Помогите, пожалуйста, подвинуть адресбар налево, чтобы большого пустого места не было

image.jpg

Отсутствует

 

№1117425-08-2021 17:31:25

sonyas75
Участник
 
Группа: Members
Откуда: Ставрополь
Зарегистрирован: 22-03-2011
Сообщений: 557
UA: Firefox 91.0

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

там случайно растягивающего интервала нет? настройки панели инструментов - попытаться мышей перетащить
2021-08-25-172748.png

Отсутствует

 

№1117525-08-2021 18:08:16

tannacat
Участник
 
Группа: Members
Зарегистрирован: 02-11-2020
Сообщений: 18
UA: Firefox 91.0

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

sonyas75 пишет

там случайно растягивающего интервала нет? настройки панели инструментов - попытаться мышей перетащить

Спасибо, а я все пыталась так подвинуть мышью. Залезла в Настройки панели инструментов и увидела там какой-то пустой прямоугольник, убрала его с панели и все подвинулось. Спасибо!

Отсутствует

 

Board footer

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