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

kokoss · №11001

Black_Monk пишет

нет, не сработало...

У меня в [firefox] 91 работает:

скрин

Куда добавили?

Add, пардон, перепутал с выпадающим списком адресной строки, вот для панели поиска:

Выделить код

Код:

#searchbar-anon-search-settings {
   display: none !important;
}

Отредактировано kokoss (22-08-2021 18:56:52)

Black_Monk · №11002

kokoss, сенькаю!

alur · №11003

Ник 22 пишет

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

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

Кнопка назад

Выделить код

Код:

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

Сброс зума

Выделить код

Код:

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

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

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

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)

Ник 22 · №11004

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

результат должен быть такой ]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)

kokoss · №11005

Ник 22 пишет

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

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

Добавить в userChrome.css https://github.com/Aris-t2/CustomCSSfor … orized.css

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

sandro79 · №11006

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

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

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

Выделить код

Код:

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

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

Ник 22 · №11007

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

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

sandro79 · №11008

Ник 22 пишет

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

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

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

Выделить код

Код:

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

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

Ник 22 · №11009

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

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

sandro79 · №11010

Ник 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;
}

Ник 22 · №11011

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

Алексей У. · №11012

В очередной раз изуродовали интерфейс YouTube. Как убрать эту мерзость

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

Ник 22 · №11013

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

kokoss · №11014

Ник 22 пишет

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

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

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

Northtech · №11015

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

sandro79 · №11016

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

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

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

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

Выделить код

Код:

@-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)

Ник 22 · №11017

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

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

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

Алексей У. · №11018

sandro79 пишет

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

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

sandro79 · №11019

Ник 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

Ник 22 · №11020

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

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

JKT · №11021

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

tannacat · №11022

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

sonyas75 · №11023

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

tannacat · №11024

sonyas75 пишет

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

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

Ник 22 · №11025

tannacat пишет

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

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

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

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

Код:

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

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

Код:

Код:

Код:

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

Код:

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

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

Код:

Код:

Код:

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

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

Код:

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

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

Код:

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

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

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

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

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

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

Код:

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

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

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

Код:

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

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

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

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

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

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

Board footer