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

fuchsfan · №13701

grom17 пишет

интересует как получить Визуальный индикатор загрузки страницы

https://forum.mozilla-russia.org/viewto … 01#p794901 Еще есть простенький код, меняющий цвет текста таба при загрузке.

grom17 · №13702

=Duche]grom17 пишет: Как изменить фон, высоту, цвет ободка и его толщину в адресной панели и панели поиска.Есть такой ,у меня работает.Код не мой. Параметры цвета , подставьте свои.скрытый текст Выделить кодКод* Цветная адресная строка firefox #a8a8a8 #757575 */

Немного по себя настроил и кое что добавил:

Выделить код

Код:

#urlbar-input-container { 
    height: 26px; /* Высота адрессной строки */
    border: 1px solid #00467d !important; /* Цвет ободка (бордюра) адрессной строки */
}
#urlbar, #searchbar {
  --urlbar-min-height: 26px !important; /* Высота панели поиска */
  --urlbar-icon-padding: 1px !important;
}
.urlbarView {
  display: none !important;
}
#urlbar-input-container {
  border-radius: 6px !important; /* Радиус неактивной адрессной строки */
}
#urlbar[breakout][breakout-extend] {
  width: 100% !important;
  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  left: 0 !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
  height: var(--urlbar-height) !important;
  padding-block: var(--urlbar-container-padding) !important;
  padding-inline: var(--urlbar-container-padding) !important;
  border-radius: 6px !important; /* Радиус активной адрессной строки */
}
#urlbar > #urlbar-background, #searchbar {
  border-color: #00467d !important; /* Цвет ободка адрессной строки #4169e1, #5c5c5c */
  border-radius: 6px !important; /* Радиус неактивной строки поиска */
  background-color: #1c1b22 !important; /* Цвет фона строки поиска */
}
#urlbar[focused="true"] > #urlbar-background, #searchbar:focus-within {
  outline: none !important;
  border-color: #00467d!important; /* Цвет ободка (бордюра) строки поиска #4169e1, #5c5c5c */
  border-radius: 6px !important; /* Радиус неактивной строки поиска */
  background-color: #1c1b22 !important; /* Цвет фона адрессной строки */
  box-shadow: none !important;
}
 .urlbarView {
  display: none !important;
}

YrdErfgert · №13703

fuchsfan пишет

YrdErfgert пишетХотелось бы получить окружность вместо точек (как в Гугл Хроме, например): https://github.com/Aris-t2/CustomCSSfor … ubuntu.css и там же к нему найдите tabthrobber_fx56_connecting.png и tabthrobber_loading-ubuntu.png или другие. Возможны варианты.

У самого стоит Aris-t2, нашел нужную строку

Выделить код

Код:

@import "./css/tabs/tab_throbber_orange_ubuntu.css

в userChrome.css, раскомментировал и есть результат! Вопрос решён. Благодарю.

grom17 · №13704

fuchsfan пишет

Визуальный индикатор загрузки страницы как на картинке

tom911 · №13705

Есть ли возможность в "обычном режиме значков" сделать отображение как в "компактном режиме значков" при воспроизведении во вкладке звука, а конкретно убрать слово "воспроизводится" и постоянно отображать значок звука?

fuchsfan · №13706

grom17 пишет

Визуальный индикатор загрузки страницы как на картинке

Заюзай поиск на AMO по слову indicator, progress, load или какие там еще могут быть созвучны с пожеланием. Будет повод удивиться.

grom17 · №13707

fuchsfan пишет

Заюзай поиск на AMO

Что такое АМО?

xrun1 · №13708

grom17
AMO

grom17 · №13709

Может кому пригодится: https://druid80.narod.ru/ff/customize.htm

grom17 · №13710

=fuchsfan]Заюзай поиск на AMO по слову indicator, progress, load

То что я хочу. Конечно лучше если это сделать с помощью CSS стиля.
https://addons.mozilla.org/ru/firefox/addon/load-progress-bar/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search

kokoss · №13711

grom17 пишет

То что я хочу. Конечно лучше если это сделать с помощью CSS стиля.
https://addons.mozilla.org/ru/firefox/addon/load-progress-bar/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search

Сомневаюсь что это можно реализовать стилем, разве что скриптом...

fuchsfan · №13712

grom17 пишет

То что я хочу. Конечно лучше если это сделать с помощью CSS стиля.

Внутри расширения есть скрипт, если обратиться к специалистам, может, смогут его приспособить как самостоятельный скрипт.

Erik010 · №13713

Как можно изменить стиль (цвет всех элементов) этих меню?

FF115.7esr

Отредактировано Erik010 (13-02-2024 11:00:57)

woe495 · №13714

Здравствуйте.
Были заданы вопросы
https://forum.mozilla-russia.org/viewto … 11#p808411

kokoss спасибо за ответ
https://forum.mozilla-russia.org/viewto … 18#p808418
Сделал так

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

Выделить код

Код:

toolbarbutton menupopup[placespopup] > menu.bookmark-item, menuitem.bookmark-item {
  max-width: 200em !important;
}

xrun1 спасибо за ответ
https://forum.mozilla-russia.org/viewto … 12#p808412
Сделал так

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

Выделить код

Код:

#PlacesToolbarItems > toolbarbutton.bookmark-item {
  margin: 1px !important;
  padding: 1px !important;
}
#PlacesToolbarItems > toolbarbutton.bookmark-item > .toolbarbutton-icon[label]:not([label=""]) {
  margin-inline-end: 1px !important;
}

Полный код здесь
https://forum.mozilla-russia.org/viewto … 11#p804211
+
https://connect.mozilla.org/t5/discussi … 038#M11020

Отредактировано woe495 (15-02-2024 19:40:10)

Basklar · №13715

Решил обновиться до 115.7.0esr, скачал и установил последнюю версию CustomCSSforFx от Aris-t2, два вечера ковырялся, всё, вроде, настроил под себя.
Осталась одна неприятная вещь: окно "Справка" - "О Firefox" отображается чёрным шрифтом на тёмно-фиолетовом фоне, что либо прочесть невозможно.

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

Понятно, что на это смотришь не каждый день, но всё же... Что можно сделать?

Viatcheslav · №13716

Basklar пишет

Что можно сделать?

На чистом профиле, без подключения CustomCSSforFx, как отображается это окно?

kokoss · №13717

Basklar пишет

Решил обновиться до 115.7.0esr, скачал и установил последнюю версию CustomCSSforFx от Aris-t2, два вечера ковырялся, всё, вроде, настроил под себя.
Осталась одна неприятная вещь: окно "Справка" - "О Firefox" отображается чёрным шрифтом на тёмно-фиолетовом фоне, что либо прочесть невозможно.
скрытый текст

Чё то у себя не получилось воспроизвести...

Basklar · №13718

Viatcheslav пишет

На чистом профиле, без подключения CustomCSSforFx, как отображается это окно?

Белым шрифтом на том же фоне.
UPD: разобрался, в коде

Выделить код

Код:

* {
-moz-appearance: none !important;
font-size: 20px !important;
color: black !important;
}

Надо убрать строчку по цвет шрифта.

savamor · №13719

Если не заметил - ткните носом
Как сделать так, что бы вкладки были внизу?
Приблизительно так:

kokoss · №13720

savamor пишет

Как сделать так, что бы вкладки были внизу?

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

https://github.com/Aris-t2/CustomCSSfor … ontent.css + https://github.com/Aris-t2/CustomCSSfor … oolbar.css

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

Глобальный вопрос. Есть ли на настоящее время возможность использовать свои собственные CSS-стили в последних версиях браузеров Google Chrome и Opera?

Farby · №13722

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

Есть ли на настоящее время возможность использовать свои собственные CSS-стили в последних версиях браузеров Google Chrome и Opera?

конечно, берите пользуйтесь на здоровье, правда только для [firefox] вы можете почерпнуть здесь...

vending_machine · №13723

Специфический вопрос. Возможно ли изменить цвет посещённых ссылок на определённом сайте?

kokoss · №13724

vending_machine пишет

Возможно ли изменить цвет посещённых ссылок на определённом сайте?

Выделить код

Код:

@-moz-document domain("forum.mozilla-russia.org") {
a:visited {
  color: #FF4500 !important;
}
a:visited:hover {
  color: #FF0000 !important;
}
}

grom17 · №13725

vending_machine пишет

цвет посещённых ссылок

Выделить код

Код:

/* userContent.css */ 
a:visited, a:visited span {
    color: #00d70f!important;
}
a:hover, a:hover span {
    color: #ff0000 !important;
}
a {
  color: maroon;
  text-decoration: none;
  display: inline-block;
  transition: transform 0.2s ease;
}
a:hover {
  transform: scale(1.02);
}

Отредактировано grom17 (27-02-2024 19:35:16)

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

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