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

Mozilla Россия — свежие версии программ Mozilla, а также масса полезной информации по каждому продукту.

№1035102-06-2021 17:31:15

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

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

Vitaliy V. пишет

Может перенести кнопки вверх вниз, влево когда панель справа, или не надо?

Я использую панель поиска справа, и меня расположение этих кнопок вполне устраивает :beer:

Add, Vitaliy V. не поправите: https://forum.mozilla-russia.org/viewto … 72#p782672

Отредактировано kokoss (02-06-2021 17:50:12)


Win7

Отсутствует

 

№1035202-06-2021 17:32:42

Retif
Участник
 
Группа: Members
Зарегистрирован: 14-09-2014
Сообщений: 111
UA: Firefox 89.0

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

_zt пишет

В дополнение к моему предыдущему посту
   
Стили возвращающие нормальный вид вкладок, сжимающие растянутые протоновские меню и т.д. В общем Proton Fix

Я извиняюсь за глупый вопрос, а нельзя этот файлик положить рядом с userChrome.css под каким-то другим именем, а в userChrome.css просто линк на него вставить? А то у меня свой userChrome.css.

Отсутствует

 

№1035302-06-2021 17:43:08

bezuma
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 26-01-2014
Сообщений: 256
UA: Firefox 89.0

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

Retif
Можно, через импорт в userChrome.css https://forum.mozilla-russia.org/viewtopic.php?pid=791353#p791353

Отсутствует

 

№1035402-06-2021 17:43:36

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1418
UA: Firefox 89.0

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

Retif пишет

а нельзя этот файлик положить рядом с userChrome.css

Нужно. https://forum.mozilla-russia.org/viewto … 53#p791353

Отсутствует

 

№1035502-06-2021 17:45:14

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

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

leshiy_odessa пишет

Это не работает

А это?

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

Выделить код

Код:

.menupopup-arrowscrollbox {
	color:  #000000 !important;
	--menuitem-hover-background-color: #91C9F7 !important;
	--menu-background-color: #F2F2F2 !important;
	--menu-color: #000000 !important;
	--menu-disabled-color: rgba(21, 20, 26, 0.5) !important;
	--menu-border-color: #919191 !important;
	--menu-icon-opacity: 0.7 !important;
}

Retif пишет

как в 89-м фоновый цвет обратно сделать белым?

Так наверно

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

Выделить код

Код:

#urlbar > #urlbar-background, #navigator-toolbox #searchbar {
	background-color: white !important;
}

а в userChrome.css просто линк на него вставить

А почему бы и нет - @import url("./Proton Fix.css");

Отсутствует

 

№1035602-06-2021 17:55:42

von_ГеорГ
Участник
 
Группа: Members
Зарегистрирован: 31-01-2019
Сообщений: 17
UA: Firefox 89.0

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

Всех приветствую !!!
Как сделать вкладки у Mozilla Firefox 89.0 под адресной строкой ?

... этот метод: /* @import "./css/tabs/tabs_below_navigation_toolbar_fx65.css"; /**/         /* <-- tabs not on top Fx65+ */   - уже не работает!!!

Отсутствует

 

№1035702-06-2021 18:13:48

leshiy_odessa
Участник
 
Группа: Members
Зарегистрирован: 13-02-2009
Сообщений: 288
UA: Firefox 89.0

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

sandro79 пишет

А это?

Спасибо, сработало.

Я сегодня тоже пару часов пытался выловить в «Инструментах разработчика», но так и не получилось. :(

Отсутствует

 

№1035802-06-2021 18:17:21

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1160
UA: Firefox 89.0

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

Black_Monk пишет

icons_in_menu.css

Обновил. Пути поправьте на свои.

скрытый текст
paNKGuZ.pngRRuc4lQ.png

https://www.upload.ee/files/13199417/icons_in_menu.zip.html

Отсутствует

 

№1035902-06-2021 18:41:06

leshiy_odessa
Участник
 
Группа: Members
Зарегистрирован: 13-02-2009
Сообщений: 288
UA: Firefox 89.0

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

xrun1 пишет

Обновил. Пути поправьте на свои.

В 89 версии (Proton) как то всё печально.

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

N0KTxGX.png

Совсем другое показывает если использовать — real_compact_mode.css

Отредактировано leshiy_odessa (02-06-2021 18:46:57)

Отсутствует

 

№1036002-06-2021 18:54:30

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 89.0

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

Vitaliy V. пишет

обновил, добавил ещё иконки без фона если включена настройка svg.context-properties.content.enabled
т.е. цвет иконок зависит от цвета текста

Спасибо. Вот так получилось 62a0d3edf58562e0ce1971c306bfc020.png

Отсутствует

 

№1036102-06-2021 19:54:32

Retif
Участник
 
Группа: Members
Зарегистрирован: 14-09-2014
Сообщений: 111
UA: Firefox 88.0

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

sandro79 пишет

Так наверно
скрытый текст

Выделить код
Код:

#urlbar > #urlbar-background, #navigator-toolbox #searchbar {
    background-color: white !important;
}

Да, спасибо, работает. А как бы еще контур для этого поля добавить, как было в 88-м, один цвет контура для обычного вида, а второй цвет контура, когда туда курсор ставишь?

Отредактировано Retif (02-06-2021 20:00:14)

Отсутствует

 

№1036202-06-2021 21:15:20

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 90.0

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

voqabuhe пишет

Вот так получилось

С увеличенным размером шрифта не помешает изменить на более 3px
--v-findbar-toolbarbutton-inner-padding: 5px;
чтобы кнопки стали квадратными а не прямоугольными.

Отредактировано Vitaliy V. (02-06-2021 21:15:40)

Отсутствует

 

№1036302-06-2021 21:18:58

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

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

Retif пишет

А как бы еще контур для этого поля добавить, как было в 88-м...

Как в 88-ом было у меня не получилось, получился код на замену того, что я дал раньше, и контур ещё

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

Выделить код

Код:

#urlbar-background, #searchbar {
	background-color: white !important;
	border: 1px solid hsla(240,5%,5%,.25) !important;
}

Но это костыль ещё тот, по-другому не смог.

Отсутствует

 

№1036402-06-2021 21:54:53

Retif
Участник
 
Группа: Members
Зарегистрирован: 14-09-2014
Сообщений: 111
UA: Firefox 88.0

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

sandro79, спасибо, почти то, что надо. Единственно что, когда курсор ставишь в поле поиска, контур цвет меняет, а вот когда в адресную строку, то нет.

Отсутствует

 

№1036502-06-2021 22:06:15

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

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

Retif пишет

когда курсор ставишь в поле поиска, контур цвет меняет, а вот когда в адресную строку, то нет

У меня в 10-ой Винде, и там и там меняется в фокусе, но с разной толщиной, проверял на системной теме [firefox]
Ну попробуйте код ниже

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

Выделить код

Код:

#searchbar:focus-within {
	box-shadow: unset !important;
}

Отсутствует

 

№1036602-06-2021 22:35:30

fantom123
Участник
 
Группа: Members
Зарегистрирован: 16-11-2016
Сообщений: 24
UA: Firefox 89.0

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

Может кто нибудь сделать нормальные (полностью залитые, а не каркасные как в новой версии) иконки папок в боковой панели Закладок?

Отсутствует

 

№1036702-06-2021 23:22:38

Ametista
Участник
 
Группа: Members
Откуда: Россия
Зарегистрирован: 12-10-2017
Сообщений: 42
UA: Firefox 89.0

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

Почему то активная вкладка в моей теме после обновления выделяется очень слабо, почти не видно. Можно ли исправить?

Отсутствует

 

№1036802-06-2021 23:49:19

vending_machine
Участник
 
Группа: Members
Зарегистрирован: 10-01-2020
Сообщений: 522
UA: Firefox 89.0

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

Ametista пишет

Почему то активная вкладка в моей теме после обновления выделяется очень слабо, почти не видно. Можно ли исправить?

5gzxtzrl.png :iron:

Отсутствует

 

№1036903-06-2021 00:02:06

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

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

Ametista пишет

Можно ли исправить?

Можно так, цвета можете свои подобрать

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

Выделить код

Код:

/* selected tabs color */
#TabsToolbar .tabbrowser-tab .tab-content[selected="true"] {
  background-image: linear-gradient(to top,green,yellow,red) !important;
}

Здесь подсмотрел.

Отсутствует

 

№1037003-06-2021 00:30:16

epson950
Участник
 
Группа: Members
Зарегистрирован: 26-01-2005
Сообщений: 37
UA: Firefox 89.0

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

Подскажите, как в 89 версии уменьшить высоту строк в менюшках? Они теперь громадные
cd08cef594723e72c16e24a134f03ef2.jpeg


На вкус и цвет все фломастеры разные!

Отсутствует

 

№1037103-06-2021 00:30:31

Ametista
Участник
 
Группа: Members
Откуда: Россия
Зарегистрирован: 12-10-2017
Сообщений: 42
UA: Firefox 89.0

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

sandro79 пишет
Ametista пишет

Можно ли исправить?

Можно так, цвета можете свои подобрать

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

Выделить код

Код:

/* selected tabs color */
#TabsToolbar .tabbrowser-tab .tab-content[selected="true"] {
  background-image: linear-gradient(to top,green,yellow,red) !important;
}

Здесь подсмотрел.

Что-то не работает, что я делаю не так?

скрытый текст
#tabContextMenu #context_openANewTab,
#tabContextMenu > menuseparator:first-of-type {
    display: none !important;

user_pref("browser.newtabpage.activity-stream.newNewtabExperience.enabled", false);

.tab-secondary-label {
    display: none !important;

/* selected tabs color */
#TabsToolbar .tabbrowser-tab .tab-content[selected="true"] {
  background-image: linear-gradient (to top) !important;
}

Отредактировано Ametista (03-06-2021 00:32:53)

Отсутствует

 

№1037203-06-2021 00:57:25

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

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

Ametista пишет

что я делаю не так?

browser.newtabpage.activity-stream.newNewtabExperience.enabled нужно не в userChrome.css вписывать а в About:config переключать.
Не надо было цвета удалять, у вас осталось только to top. Впишите только один цвет три раза через запятую как в моём коде выше, если разноцветная вкладка не нужна, но не надо удалять цвета, толку от этого конечно не будет. 

epson950 пишет

Подскажите, как в 89 версии уменьшить высоту строк в менюшках?

Отсюда и далее по теме.

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

Выделить код

Код:

menupopup > menuitem, menupopup > menu {
	padding-block: 2px !important;
	padding-inline-start: 12px !important;
}
menupopup, .menupopup-arrowscrollbox {
	border-radius: 0 !important;
	--panel-padding: 2px 0 !important;
}
menupopup > menu > menupopup {
	margin-inline-start: -2px !important;
	margin-top: -3px !important;
}
#context-sep-navigation {
	margin-top: -2px !important;
}

Код обновил

Отредактировано sandro79 (17-08-2021 21:02:39)

Отсутствует

 

№1037303-06-2021 01:47:39

epson950
Участник
 
Группа: Members
Зарегистрирован: 26-01-2005
Сообщений: 37
UA: Firefox 89.0

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

sandro79 пишет

Отсюда и далее по теме.

Прошу прощения, а где искать этот код?
у меня в userChrome.css ничего такого нет :( или этот код туда надо добавить?


На вкус и цвет все фломастеры разные!

Отсутствует

 

№1037403-06-2021 04:04:16

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1160
UA: Firefox 89.0

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

leshiy_odessa
Проверил с real_compact_mode.css. Запихнул код в userChrome.css. У меня нормально иконки показывает.

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

Добавлено 03-06-2021 04:15:22
Ametista
В вашем коде ещё в 2-х местах не хватает закрывающей фигурной скобки } после display: none !important;

Отредактировано xrun1 (03-06-2021 04:15:22)

Отсутствует

 

№1037503-06-2021 07:38:42

TechStone
Участник
 
Группа: Members
Зарегистрирован: 25-05-2014
Сообщений: 22
UA: Firefox 89.0

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

Тут уже писали, но решения не было
При применении темной стандартной темы вкладки стали белыми и текст нечитаемый. Помогает только включение Заголовок в Настройке панели инструментов
Вкладки находятся в самом низу, под многострочными закладками и адресной строкой
Вот userChrome.css. Смена тем на сторонние не помогает сделать их темными. Смена профиля ничего не дало. Они темные только тогда, когда выше адресной строки

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

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* MULTIROW BOOKMARKS */
#PersonalToolbar {
  max-height: unset !important}

#PlacesToolbar > hbox:first-child {
  display: block}

#PlacesToolbarItems {
  display: flex;
  flex-wrap: wrap}
@-moz-document url-prefix("chrome://browser/content/browser.x") {
*|*:root:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    border-bottom: none !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}
*|*:root:not([inFullscreen]) #navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}
*|*:root:not([inFullscreen]) #navigator-toolbox > #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    -moz-box-ordinal-group: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
*|*:root:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 1 !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox {
    visibility: hidden !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox > *:not([collapsed="true"]) {
    visibility: visible;
}
#navigator-toolbox > #titlebar {
    -moz-appearance: none !important;
    -moz-box-ordinal-group: 100 !important;
    --v-control-buttons-left: auto;
    --v-control-buttons-right: 0;
    position: static !important;
}
#navigator-toolbox > #titlebar:-moz-locale-dir(rtl) {
    --v-control-buttons-left: 0;
    --v-control-buttons-right: auto;
}
*|*:root:not([inFullscreen]) #toolbar-menubar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    border: none !important;
    background: none !important;
    box-sizing: content-box !important;
    min-height: 0 !important;
    height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    overflow: hidden !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton),
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * {
    align-self: center !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * > * {
    vertical-align: middle !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
*|*:root[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) {
    opacity: 0 !important;
    pointer-events: none !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
@media (-moz-windows-classic) {
*|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar {
    padding-top: 4px !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar {
    background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important;
}
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) {
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
    padding-top: 8px !important;
}
}
*|*:root:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
*|*:root:not([inFullscreen]) #toolbar-menubar > *[style*="-moz-box-ordinal-group: 1000;"],
*|*:root:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important;
    position: static !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar .tab-background {
    border-top-style: solid !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container,
*|*:root:not([inFullscreen]) #navigator-toolbox::after,
*|*:root:not([inFullscreen]) #TabsToolbar::after,
*|*:root:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}


Надо (но без Заголовка и пустой строки, где меню находится:
скрытый текст
bdc383715336a14bb89b046f020a5d2b.png

Сейчас:
скрытый текст
ba5f8942a824c2b438a2d281e9b5f4a2.png

+ так же не получилось через userchrome уменьшить расстояние между пунктами меню по ПКМ. Точнее, через один длиннющий скрипт получилось, но сама панель белого цвета

Отсутствует

 

Board footer

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