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

6e73epo · №13601

Злой Буратино это не цвет, а фон. Тема неизвестна, поэтому оставить одну из переменных, на которой сработает

Код:

#navigator-toolbox {
  --toolbox-non-lwt-bgcolor-inactive: light-dark(green, red);
  --lwt-accent-color-inactive: light-dark(yellow, blue);
}

Mrakobes666 · №13602

kokoss спасибо, дружище! Чет меня сегодня проперло по красоте лупануть

6e73epo · №13603

Mrakobes666 у меня так

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/places/places.xhtml") {
/** убрать раздражающую желтую точечную рамку в библиотеке **/
  treechildren::-moz-tree-row(selected, current, focus) {
    --default-focusring: none;
  }
}

Mrakobes666 · №13604

RКак убрать затемнениие при наведении (затемняется с полосой на пол кнопки) на кнопке "Вид" в журнале боковой панели?

kokoss · №13605

Mrakobes666 пишет

Как убрать затемнениие при наведении (затемняется с полосой на пол кнопки) на кнопке "Вид" в журнале боковой панели?

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

Выделить код

Код:

#history-panel.sidebar-panel > #sidebar-search-container button#viewButton {
   background-color: transparent !important;
}

xrun1 · №13606

Злой Буратино
С 119-й версии добавили параметр в about:config browser.theme.windows.accent-color-in-tabs.enabled. В значении true меняет цвет окна на системное значение.
Мне на понравилось, пользуюсь стилем

Выделить код

Код:

:root[tabsintitlebar] {
  --toolbox-non-lwt-bgcolor: rgb(0,209,234) !important; /* цвет фона активного окна */
  --toolbox-non-lwt-bgcolor-inactive: rgb(215,0,242) !important; /* цвет фона неактивного окна */
}

Mrakobes666 · №13607

kokoss

Теперь она все время закрашена. Как бы ее в нормальный вид привести? Я что-то ее двигаю, увеличиваю и тд она все никак ((... чтобы с ней такое сделать, уменьшить что-ли и влево сместить?

вот >>>

Выделить код

Код:

/*кнопка вид в поиске в журнале*/
#viewButton {
  padding: 4px 2px 4px 2px !important;
  margin: -8px !important;
  -moz-appearance: none !important;
  }

Отредактировано Mrakobes666 (12-01-2024 21:49:59)

6e73epo · №13608

Mrakobes666 пишет

Как убрать затемнениие при наведении (затемняется с полосой на пол кнопки) на кнопке "Вид" в журнале боковой панели?

Дотвикались со стилями, что прямоугольник поиска наезжает на кнопку Вид

kokoss · №13609

Mrakobes666 пишет

Теперь она все время закрашена. Как бы ее в нормальный вид привести?

Добавьте после #viewButton -> :hover

чтобы с ней такое сделать, уменьшить что-ли и влево сместить?

без понятия, у меня эта кнопка скрыта вместе с панелью поиска.

Отредактировано kokoss (12-01-2024 23:49:10)

Mrakobes666 · №13610

В общем кнопка наполовину закрашивается при наведении

и так

а пупырышки теперь так

:cry:

Отредактировано Mrakobes666 (13-01-2024 09:58:12)

kokoss · №13611

Mrakobes666 пишет

а пупырышки теперь так...

Не знаю что за там пупырышки но попробуйте так:

Выделить код

Код:

.sidebar-placesTreechildren {
  --default-focusring: 0 dotted;
}

вроде и этот вариант тоже работает!

Mrakobes666 · №13612

Вот, так точки ушли))) Спасибо

f480185 · №13613

Всем привет!
Как можно уменьшить размер push уведомления до стандартных размеров.

В новой версии уведомления стали почему-то очень большими. С чем это связано?
Пример

PureButterfly · №13614

День добрый
Искал в гугле и по поиску на форуме, толком ничего не нашёл, может плохо искал. Подскажите, пожалуйста:
1. Как уменьшить промежуток между "+" (Новая вкладка) и кнопкой Свернуть? https://i.imgur.com/VAqqvDJ.png
2. Как убрать зелёный плюсик с панели поиска? https://i.imgur.com/0JND6JG.png
3. Как убрать отступ перед текстом Новая вкладка? https://i.imgur.com/WddPQDM.png
Иконку Новой вкладки убирал так:

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

Выделить код

Код:

#TabsToolbar .tabbrowser-tab[label="New Tab"] .tab-icon-image,
#TabsToolbar .tabbrowser-tab[label="Новая вкладка"] .tab-icon-image {
    visibility: collapse !important;
}

Отредактировано PureButterfly (19-01-2024 20:06:45)

6e73epo · №13615

PureButterfly Иконку Новой вкладки лучше убрать так, если по боку throbber

Выделить код

Код:

.tabbrowser-tab:is([label="Новая вкладка"], [label="New Tab"]) .tab-icon-stack {
  visibility: collapse;
}

Отредактировано 6e73epo (19-01-2024 21:07:18)

PureButterfly · №13616

6e73epo, с этим кодом надпись встала на своё место. Спасибо!

PureButterfly · №13617

PureButterfly пишет

1. Как уменьшить промежуток между "+" (Новая вкладка) и кнопкой Свернуть? https://i.imgur.com/VAqqvDJ.png

Нашёл через инструменты разработчика (Ctrl+Alt+Shift+I), добавляю в userChrome.css:

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

Выделить код

Код:

.titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {
  width: 0px;
}

Но отступ не меняется. Что делаю не так, подскажете, пожалуйста?

Ред.: Отбой тревоги, добавил !important - заработало! :angel:

Добавлено 20-01-2024 00:48:23

PureButterfly пишет

2. Как убрать зелёный плюсик с панели поиска? https://i.imgur.com/0JND6JG.png

Тьфу, разобрался. Уменьшил высоту до нуля, в следствии чего значок пропал, функциональность не пропала, по нажатию на лупу всё так же показывается плюсик внизу для добавления новой поисковой системы :cool: Вдруг кому понадобится:

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

Выделить код

Код:

.searchbar-search-button[addengines="true"] > .searchbar-search-icon-overlay {
  height: 0px !important;
}

Отредактировано PureButterfly (20-01-2024 00:48:23)

Злой Буратино · №13618

Подскажите, как можно убрать этот неубираемый разделитель, появившийся в 122 версии?

fuchsfan · №13619

Злой Буратино пишет

Подскажите, как можно убрать этот неубираемый разделитель, появившийся в 122 версии?

У меня он и без предлагаемого кода отсутствует, но попробуйте

Выделить код

Код:

.hide-if-empty-places-result {
	display: none;
}

Злой Буратино · №13620

fuchsfan
Работает. Спасибо!

amid525 · №13621

Подскажите пожалуйста, как изменить цвет контура всплывающих подсказок?

xrun1 · №13622

amid525
Посмотрите там. Контур это border.

amid525 · №13623

xrun1
не заработал. (всплывающих вкладки, значки) )

xrun1 · №13624

amid525
Работают стили, проверил на чистом профиле [firefox] 122. Вот другой.

правленый вариант другого

Выделить код

Код:

/* Тултипы https://forum.mozilla-russia.org/viewtopic.php?pid=804598#p804598 */
tooltip {
    -moz-appearance: none !important;
    appearance: none !important;
}
tooltip[hasbeenopened="true"] {
    color: InfoText !important;
    background: InfoBackground !important;
    border: 1px solid color-mix(in srgb, currentColor 20%, transparent) !important;
    padding: 2px !important;
}

@media (prefers-color-scheme: light), (-moz-toolbar-prefers-color-scheme: light) {
tooltip[hasbeenopened="true"] {
    color: #007700 !important; /* rgb(12, 12, 22) */
    background: #ffffe0 !important; /* rgb(245, 245, 255) */
    border: 10px solid #ffd700 !important; /* rgb(204, 204, 214) */
}
}

@media (prefers-color-scheme: dark), (-moz-toolbar-prefers-color-scheme: dark) {
tooltip[hasbeenopened="true"] {
    color: rgb(0, 0, 0) !important;
    background-image: linear-gradient(#FFFFDB, yellow) !important; 
    border-color: rgb(64, 64, 75) !important;
    border-radius: 1px !important;
    font-size: 15px !important;
}
}

tooltip[hasbeenopened="true"] :is(description,label) {
    color: inherit !important;
}

картинки 1 и 2

Вставляли стили в userChrome.css?
Если нужны подсказки у ссылок на странице, тогда нужен скрипт.

amid525 · №13625

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

п.с Как тут фон поменять?

Отредактировано amid525 (28-01-2024 19:14:54)

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

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