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

grom17 · №13676

xrun1 пишет

В userChrome.css прописываете @import url("./custom_styles/custom_style_user.css");

Видимо я чего-то недопонимаю. Всё так сделал, результата ноль.

xrun1 · №13677

grom17
https://www.upload.ee/files/16235517/chrome.zip.html

kokoss · №13678

ez7pac пишет

#extensions_gismeteo_com-browser-action .toolbarbutton-badge {color: white !important;}

Да вроде работает, как и этот -> https://forum.mozilla-russia.org/viewto … 24#p779524
куда добавляйте код ? Нужно в userChrome.css

grom17 · №13679

xrun1 пишет

grom17 https://www.upload.ee/files/16235517/chrome.zip.html

... толи я, толи лыжи не едут, но всё равно спасибо.
P.S. чуть позже попробую на чистом профиле.

Отредактировано grom17 (03-02-2024 13:26:23)

ez7pac · №13680

kokoss пишет

Да вроде работает, как и этот -> https://forum.mozilla-russia.org/viewto … 24#p779524
куда добавляйте код ? Нужно в userChrome.css

Да, в userChrome.css
Этот код заработал. А тот, первый, не хотел, хотя, вроде, почти одинаковый. Спасибо еще раз!

grom17 · №13681

grom17 пишет

xrun1 пишетgrom17 https://www.upload.ee/files/16235517/chrome.zip.html... толи я, толи лыжи не едут, но всё равно спасибо.P.S. чуть позже попробую на чистом профиле.
Отредактировано grom17 (Сегодня 13:26:23)

Видимо мы не поняли друг-друга. Да, действительно этот код работает!
Я имел в виду совсем другое меню, которое справа вверху (меню гамбургера): "Открыть меню приложения".

Отредактировано grom17 (03-02-2024 18:15:13)

xrun1 · №13682

grom17
Такого отдельно у меня нет. Это есть в стилях Aris-t2, Вы их пробовали ставить.

grom17 · №13683

xrun1 пишет

grom17Такого отдельно у меня нет. Это есть в стилях Aris-t2, Вы их пробовали ставить.

Да, пробовал, но там много лишнего для меня, а как "выдернуть" нужное, я не знаю.

xrun1 · №13684

grom17
Иконки для гамбургера.
Если чёрно-белые, берёте файл appbutton_popup_icons.css
Если нужны цветные, тогда берёте ещё и второй файл appbutton_popup_icons_colorized.css
Или в userChrome.css вставляете, либо сохраняете и импортом.

grom17 · №13685

xrun1 пишет

Иконки для гамбургера.

Спасибо, всё работает!
Ещё хотелось бы в панели закладок, что вверху слева, где написано ЗАКЛАДКИ, сделать поменьше по высоте.
Может у кого есть решение?

Отредактировано grom17 (05-02-2024 00:40:19)

_zt · №13686

grom17
Скрин сделайте.

grom17 · №13687

_zt пишет

Скрин сделайте.

xrun1 · №13688

grom17
У меня так

Выделить код

Код:

/* Высота заголовка боковой панели */
#sidebar-header {
    -moz-appearance: none !important;
    font-size: 1em !important; /* Уменьшить шрифт */
    align: top !important; /* */
    padding: 0px 8px 0px 8px !important;
}

Отредактировано xrun1 (05-02-2024 15:09:11)

grom17 · №13689

xrun1 пишет

grom17У меня такВыделить кодКод* Высота заголовка боковой панели */
#sidebar-header {
-moz-appearance: none !important;
font-size: 1em !important; /* Уменьшить шрифт */
align: top !important; /* */
padding: 0px 8px 0px 8px !important;
}
Отредактировано xrun1 (Сегодня 15:09:11)

Спасибо! То что нужно!

amid525 · №13690

Подскажите пожалуйста, после патча системы через UltraUXThemePatcher и применением сторонних темных тем, в мазилле мои темные стили контекст. меню пекрасились в белые. Как это устранить?

grom17 · №13691

Как цвет шрифта поменять Файл, Правка, Вид, Журнал и т.д.

fuchsfan · №13692

grom17 пишет

Как цвет шрифта поменять Файл, Правка, Вид, Журнал и т.д.

Выделить код

Код:

#main-menubar {
	color: #44AE2C !important;
    }

grom17 · №13693

fuchsfan пишет

grom17 пишетКак цвет шрифта поменять Файл, Правка, Вид, Журнал и т.д.Выделить кодКод:#main-menubar {
color: #44AE2C !important;
}

Прошу прощения, я не правильно задал вопрос, не в заголовке, а в выпадающем меню кнопок: Файл, Правка, Вид, Журнал и т.д.

Отредактировано grom17 (06-02-2024 18:05:45)

grom17 · №13694

fuchsfan пишет

grom17 пишетКак цвет шрифта поменять Файл, Правка, Вид, Журнал и т.д.Выделить кодКод:#main-menubar {
color: #44AE2C !important;
}

Спасибо! Работает.
#main-menubar :is(menuitem, menu) {
color: #44AE2C; !important;
}

Stkvsky · №13695

Подскажите стиль для скрытия боковой панели и отображения при наведении курсора

Добавлено 07-02-2024 10:37:26
Нашел

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

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/browser.x") {
#sidebar-box {
    --v-sidebar-min-width: 2px;
    --v-sidebar-min-width-normal: 5px;
    --v-sidebar-max-width: 30em;
    --v-sidebar-transition-delay-show: .3s;
    --v-sidebar-transition-delay-hide: .6s;
    --v-sidebar-transition-duration: .3s;
    /* ********************************************** */

    position: relative !important;
    z-index: 1 !important;
    min-width: var(--v-sidebar-max-width) !important;
    width: var(--v-sidebar-max-width) !important;
    max-width: var(--v-sidebar-max-width) !important;
    overflow: hidden !important;
    opacity: 0 !important;
    --v-sidebar-margin-max-width: calc(-1 * var(--v-sidebar-max-width));
    --v-sidebar-margin-left-locale-dir: 0;
    --v-sidebar-margin-right-locale-dir: var(--v-sidebar-margin-max-width);
    --v-sidebar-transform-locale-dir: -1;
    --v-sidebar-transform-locale-dir-visible: 1;
    margin-left: var(--v-sidebar-margin-left-locale-dir) !important;
    margin-right: var(--v-sidebar-margin-right-locale-dir) !important;
    transform: translateX(calc(var(--v-sidebar-transform-locale-dir) * (var(--v-sidebar-max-width) - var(--v-sidebar-min-width)))) !important;
    transition-timing-function: linear, step-start !important;
    transition-delay: var(--v-sidebar-transition-delay-hide), calc(var(--v-sidebar-transition-delay-hide) + var(--v-sidebar-transition-duration)) !important;
    transition-duration: var(--v-sidebar-transition-duration), 0s !important;
    transition-property: transform, opacity !important;
}

:root[v_vertical_bar_autohide][v_vertical_bar_start="true"]:not([v_vertical_bar_sidebar="true"]) #sidebar-box:not([positionend="true"]),
:root[v_vertical_bar_autohide][v_vertical_bar_start="false"]:not([v_vertical_bar_sidebar="true"]) #sidebar-box[positionend="true"] {
    transition-delay: 0s, var(--v-sidebar-transition-duration) !important;
}

#sidebar-box[positionend="true"],
#sidebar-box:-moz-locale-dir(rtl) {
    --v-sidebar-margin-left-locale-dir: var(--v-sidebar-margin-max-width);
    --v-sidebar-margin-right-locale-dir: 0;
    --v-sidebar-transform-locale-dir: 1;
    --v-sidebar-transform-locale-dir-visible: -1;
}

#sidebar-box[positionend="true"]:-moz-locale-dir(rtl) {
    --v-sidebar-margin-left-locale-dir: 0;
    --v-sidebar-margin-right-locale-dir: var(--v-sidebar-margin-max-width);
    --v-sidebar-transform-locale-dir: -1;
    --v-sidebar-transform-locale-dir-visible: 1;
}

:root[sizemode="normal"] #sidebar-box {
    --v-sidebar-min-width: var(--v-sidebar-min-width-normal) !important;
}

#sidebar-box:hover,
#sidebar-box[sidebardrag] {
    transform: translateX(0px) !important;
    opacity: 1 !important;
    transition-delay: var(--v-sidebar-transition-delay-show) !important;
}

:root[v_vertical_bar_visible][v_vertical_bar_start="true"]:not([v_vertical_bar_start="false"]) #sidebar-box:not([positionend="true"]),
:root[v_vertical_bar_visible][v_vertical_bar_start="false"]:not([v_vertical_bar_start="true"]) #sidebar-box[positionend="true"] {
    transform: translateX(calc(var(--v-sidebar-transform-locale-dir-visible) * var(--v-vertical_bar_width, 0px))) !important;
    opacity: 1 !important;
    transition-delay: 0s !important;
}

#browser > #sidebar-splitter {
    -moz-appearance: none !important;
    appearance: none !important;
    visibility: collapse !important;
    padding: 0 !important;
    border: none !important;
    width: 0 !important;
}

#sidebar-box > #sidebar {
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    -moz-box-flex: 1 !important;
}
}

Отредактировано Stkvsky (07-02-2024 10:37:26)

grom17 · №13696

Как изменить фон, высоту, цвет ободка и его толщину в адресной панели и панели поиска.

Duche · №13697

grom17 пишет

Как изменить фон, высоту, цвет ободка и его толщину в адресной панели и панели поиска.

Есть такой ,у меня работает.Код не мой. Параметры цвета , подставьте свои.

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

Выделить код

Код:

/* Цветная адресная строка firefox  #a8a8a8 #757575 */

#urlbar, #searchbar {
  --urlbar-min-height: 20px !important;
  --urlbar-icon-padding: 1px !important;
}
.urlbarView {
  display: none !important;
}
#urlbar-input-container {
  border-radius: 50px !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: 50px !important;
}
#urlbar > #urlbar-background, #searchbar {
  border-color: #a8a8a8 !important;
  border-radius: 50px !important;
  background-color: #dbebf5 !important;
}
#urlbar[focused="true"] > #urlbar-background, #searchbar:focus-within {
  outline: none !important;
  border-color: gold !important;
  border-radius: 50px !important;
  background-color: #dbebf5 !important;
  box-shadow: none !important;
}
 .urlbarView {
  display: none !important;
}


#statuspanel-label {display: none !important;}

Отредактировано Duche (10-02-2024 20:28:03)

YrdErfgert · №13698

Подскажите, есть вариант (код) заменить точки (синие круги: движ влево-вправо) ожидания открытия сайта на вкладке:

Хотелось бы получить окружность вместо точек (как в Гугл Хроме, например):

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

Отредактировано YrdErfgert (11-02-2024 10:26:58)

fuchsfan · №13699

YrdErfgert пишет

Хотелось бы получить окружность вместо точек (как в Гугл Хроме, например):

https://github.com/Aris-t2/CustomCSSfor … ubuntu.css и там же к нему найдите tabthrobber_fx56_connecting.png и tabthrobber_loading-ubuntu.png или другие. Возможны варианты.

grom17 · №13700

YrdErfgert пишет

Хотелось бы получить окружность вместо точек (как в Гугл Хроме, например)

Присоединяюсь к вопросу, но меня интересует как получить Визуальный индикатор загрузки страницы

Добавлено 11-02-2024 13:38:45

Duche пишет

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

Выделить код

Код:

#urlbar, #searchbar {
  --urlbar-min-height: 20px !important;
  --urlbar-icon-padding: 1px !important;
}
.urlbarView {
  display: none !important;
}
#urlbar-input-container {
  border-radius: 50px !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: 50px !important;
}
#urlbar > #urlbar-background, #searchbar {
  border-color: #a8a8a8 !important;
  border-radius: 50px !important;
  background-color: #dbebf5 !important;
}
#urlbar[focused="true"] > #urlbar-background, #searchbar:focus-within {
  outline: none !important;
  border-color: gold !important;
  border-radius: 50px !important;
  background-color: #dbebf5 !important;
  box-shadow: none !important;
}
 .urlbarView {
  display: none !important;
}


#statuspanel-label {display: none !important;}

Спасибо, всё работает! Осталось настроить под себя.

Отредактировано grom17 (11-02-2024 13:38:45)

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

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