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

Будьте в курсе последних изменений в мире Mozilla, следя за нашим микроблогом в Twitter.

№930113-10-2020 10:00:14

razoo
Участник
 
Группа: Members
Зарегистрирован: 23-07-2009
Сообщений: 48
UA: Firefox 78.0

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

Доброго дня всем.
Нужна помощь с usercontent.
Пользуюсь расширением "Page Translate".

В мозильском депозитории не нашёл. Только xpi (24,4KB). Cтавится без ругани.
Из функционала - панелька Google Translate старого образца.
Внешний вид панельки настроить легко, но не получается справиться с выпадающим меню.
Можно ли с помощью usercontent.css в выпадающем меню выбора языков оставить только "Russian" и "English"? (вероятность перевода на зулу близка к нулю)
Если кто-то возьмется посмотреть, напомню, что в разных локалях span class "English" будет "Английский" и то же с русским.

Отсутствует

 

№930213-10-2020 12:06:40

Paukan
Участник
 
Группа: Members
Зарегистрирован: 18-04-2020
Сообщений: 10
UA: Firefox 68.0

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

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

Отсутствует

 

№930313-10-2020 21:59:47

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

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

Paukan пишет

Ребят, а как работать с выдачей адресной строки, если она игнорирует настройки автоскрытия?

Ничего такого не наблюдаю. Может глюк какой-то, попробуйте удалить из профиля папку chrome_debugger_profile.

скрытый текст
2add17a5f9fbt.jpg9d3beb664419t.jpg93ab7afdc5f8t.jpg

Отсутствует

 

№930414-10-2020 01:02:38

Paukan
Участник
 
Группа: Members
Зарегистрирован: 18-04-2020
Сообщений: 10
UA: Firefox 68.0

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

sandro79, я вообще весь профиль снес, работает)

Отсутствует

 

№930516-10-2020 03:19:06

atnet2233
Участник
 
Группа: Members
Зарегистрирован: 06-10-2020
Сообщений: 41
UA: Firefox 81.0

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

Доброго времени суток) возможно ли убрать или скрыть все значки, находящиеся слева в адресной строке: https://ibb.co/k0TkgjS ?
И есть ли какой-нибудь userchrome.css код, чтобы изменить (уменьшить) интервал между инструментами (не знаю точно как их назвать) вот здесь: https://ibb.co/3zR8Wcm ?
Заранее благодарю)

Отредактировано atnet2233 (16-10-2020 03:19:30)

Отсутствует

 

№930616-10-2020 09:17:26

Kot DaVinci
Участник
 
Группа: Members
Зарегистрирован: 11-10-2020
Сообщений: 18
UA: Firefox 81.0

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

atnet2233 пишет

есть ли какой-нибудь userchrome.css код, чтобы изменить (уменьшить) интервал между инструментами (не знаю точно как их назвать) вот здесь: https://ibb.co/3zR8Wcm ?

Расстояние между кнопками на навбаре уменьшается так:

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

Выделить код

Код:

/* Кнопки навбара */
#main-window[uidensity=compact] #nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#main-window[uidensity=compact] #nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack {
	margin-left: 0px !important;
	margin-right: 0px !important;
}


Но судя по картинке там и так интервалы либо уже на нуле, либо близки к нему. Так что наверно придётся поиграться с отрицательными значениями и размерами самих кнопок:
скрытый текст

Выделить код

Код:

/* Кнопки навбара */
#main-window[uidensity=compact] #nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
#main-window[uidensity=compact] #nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack {
	margin-left: -1px !important;
	margin-right: -1px !important;
	--toolbarbutton-inner-padding: 5px !important; /* << можно попробовать поставить меньше чем 5 */
}

Отсутствует

 

№930716-10-2020 09:49:57

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

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

atnet2233 пишет

возможно ли убрать или скрыть все значки, находящиеся слева в адресной строке: https://ibb.co/k0TkgjS ?

Возможно, но зачем:

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

Выделить код

Код:

#identity-box {
    display: none !important;
}

atnet2233 пишет

И есть ли какой-нибудь userchrome.css код, чтобы изменить (уменьшить) интервал между инструментами (не знаю точно как их назвать) вот здесь: https://ibb.co/3zR8Wcm ?

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

Выделить код

Код:

/* Уменьшить расстояние между кнопками на панели навигации */
*|*:root {
    --toolbarbutton-border-radius: 0px !important;
    --toolbarbutton-outer-padding: 0px !important;
    --toolbarbutton-inner-padding: 5px !important;
    --urlbar-icon-padding: 5px !important;
}

/* Изменяет расстояние вокруг адресной строки и ... */
#urlbar-container,
#search-container {
    padding: 1px !important;
    margin: 1px !important;
}

Отредактировано kokoss (16-10-2020 09:55:33)


Win7

Отсутствует

 

№930816-10-2020 10:13:13

atnet2233
Участник
 
Группа: Members
Зарегистрирован: 06-10-2020
Сообщений: 41
UA: Firefox 81.0

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

kokoss пишет
atnet2233 пишет

возможно ли убрать или скрыть все значки, находящиеся слева в адресной строке: https://ibb.co/k0TkgjS ?

Возможно, но зачем:

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

Выделить код

Код:

#identity-box {
    display: none !important;
}

atnet2233 пишет

И есть ли какой-нибудь userchrome.css код, чтобы изменить (уменьшить) интервал между инструментами (не знаю точно как их назвать) вот здесь: https://ibb.co/3zR8Wcm ?

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

Выделить код

Код:

/* Уменьшить расстояние между кнопками на панели навигации */
*|*:root {
    --toolbarbutton-border-radius: 0px !important;
    --toolbarbutton-outer-padding: 0px !important;
    --toolbarbutton-inner-padding: 5px !important;
    --urlbar-icon-padding: 5px !important;
}

/* Изменяет расстояние вокруг адресной строки и ... */
#urlbar-container,
#search-container {
    padding: 1px !important;
    margin: 1px !important;
}



Спасибо большое) и Kot DaVinci тоже!

Возможно, но зачем:

к сожалению мне долгое время не удавалось найти аналог расширения из старого фаерфокс - Page Title in URL Bar, который добавлял заголовок страницы прямо в адресную строку. Максимум, что удалось найти, это вот это (полурабочее): https://dropmefiles.com/1JRW3 . Недавно я нашел нашел код, который добавляет заголовок страницы в виде инструмента в navbar: https://preview.redd.it/s2f3nz9xgqr51.g … 4d4f3a5631 https://ibb.co/V9Fg4dX . Вот сейчас расчищаю лишнее место, чтобы было удобно пользоваться миниатюрной адресной строкой.

Отсутствует

 

№930916-10-2020 13:32:11

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

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

atnet2233
У меня поверх сайдбара пишется, внизу. Можно поискать другие варианты кода в теме.

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

Выделить код

Код:

/*** Заголовок страницы где указано ***/

@-moz-document url-prefix("chrome://browser/content/browser.x") {
*|*:root:not(:-moz-any([customizing="true"],[inFullscreen],[chromehidden~="toolbar"])) #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[selected="true"]::before {
    position: fixed !important;
    content: attr(label) !important;
    display: block !important;
/*    top: 4px !important; */ /* отступ сверху */
    /* или */
    bottom: 10px !important; /* отступ снизу */
/*    left: 40px !important; *//* отступ поля контента */
    right: 5px !important; /* отступ поля контента */
    width: 230px !important; /* ширина */
    padding-inline-start: 2px !important; /* отступ текста в начале */
    padding-inline-end: 2px !important; /* отступ текста в конце */
    font-size: 12px !important;
/*    font-weight: bold !important; */
    text-align: right !important; /* выравнивание текста */
/*    white-space: nowrap !important; *//* не переносить текст */
    pointer-events: none !important; /* прозрачность для кликов мыши */
    line-height: 1.3em !important; /* высота строки */
    overflow: hidden !important; /* обрезать поле контента при длинных заголовках */
    text-overflow: ellipsis !important; /* обрезать текст ... при длинных заголовках */
    color: #BEBEBE !important; /*цвет текста */
    opacity: 1 !important; /* прозрачность, 1=непрозрачно */
/*    background-color: rgba(180,180,180,0.1) !important; *//* фон */
    background-clip: content-box !important
    text-shadow: 1px 1px 4px black !important;
  }


Vitaliy V. исходник делал, я только под себя перелопатил.

Отредактировано _zt (16-10-2020 13:36:39)

Отсутствует

 

№931017-10-2020 10:44:07

razoo
Участник
 
Группа: Members
Зарегистрирован: 23-07-2009
Сообщений: 48
UA: Firefox 78.0

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

подскажите, как корректно подсунуть регулярку в селектор вида:
td.goog-te-menu2-colpad:nth-child(16)
заменить "16" на шаблон "от 2 до 16"

Отсутствует

 

№931120-10-2020 13:04:42

linlin
Участник
 
Группа: Members
Зарегистрирован: 30-09-2020
Сообщений: 127
UA: Firefox 81.0

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

Как покрасить недоступные пункты меню и сепаратор? Надо, чтобы, получилось так:

скрытый текст
31996549.jpg

Попробовала три варианта для сепаратора - ни один не работает:

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

Выделить код

Код:

menuseparator {
    -moz-appearance: none !important;
    border: #1c465f !important;
}
menuseparator {
background: none !important;
border: none !important;
border-top: #1c465f !important;
}

.splitmenu-menuitem {
    border: #1c465f !important;
}

Это работает только для Библиотеки, открывающейся в отдельном окне:

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

Выделить код

Код:

:root {
    --v-panel-separator-color: #1c465f !important;
}
menupopup {
    -moz-appearance: none !important;
    background-color: rgb(0,51,79) !important;
    color: rgb(255, 255, 255) !important;
    border: 1px solid #2c6a90 !important;
}

Выглядит вот так:

скрытый текст
31996610.jpg

В Библиотеке-вкладке по-другому. Там даже полоса, выделяющая пункт меню, когда на него мышку наводишь, другого цвета, как и шрифт:

скрытый текст
31996623.jpg

На всякий случай весь код целиком:

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

Выделить код

Код:

/* ********Библиотека ************************************************** */ 
@-moz-document url-prefix("chrome://browser/content/places/places.xhtml") {
:root {
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: rgb(0, 51, 79) !important;
    color: rgb(255, 255, 255) !important;
    --v-highlight-background-color: #2c6a90;
    --v-box-border-color: #2c6a90;
    --v-input-background-color-focus: #004870;
    --v-button-hover: rgba(249, 249, 250, .1);
    --v-button-hover-active: rgba(249, 249, 250, .15);
    --v-panel-separator-color: #1c465f !important;
    --v-arrowpanel-dimmed: #1c465f !important;
    --v-panel-disabled-color: #1c465f !important;
}
/* **** полосы прокрутки **** */
.tree-rows, scrollbar {
    scrollbar-width: thin !important;
    scrollbar-color: rgb(0, 51, 79) transparent !important;
}
/* **** панель инструментов **** */

#placesToolbar,
#back-button,
#forward-button,
#organizeButton,
#viewMenu,
#maintenanceButton,
#searchFilter {
    -moz-appearance: none !important;
    background: rgb(0,51,79) !important;
    color: rgb(255, 255, 255) !important;
}
search-textbox, #searchFilter {
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: var(--v-input-background-color) !important;
    background-clip: border-box !important;
    color: inherit !important;
    margin-left: 150px !important;
    padding: 3px 2px !important;
    height: auto !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
}
search-textbox[focused] {
    border-color: rgb(0,51,79) !important;
}
#placesMenu {
    background: #004870 !important;
}
#placesToolbox {
    border-bottom: 1px solid var(--v-box-border-color) !important;
}
/* **** меню **** */
menupopup {
    -moz-appearance: none !important;
    background-color: rgb(0,51,79) !important;
    color: rgb(255, 255, 255) !important;
    border: 1px solid #2c6a90 !important;
}
/* **** фон окна слева **** */
#placesList {
    background-color: rgb(0, 51, 79) !important;
    color: rgb(255, 255, 255) !important;
}
/* **** фон окна справа **** */
#placeContent,
#downloadsRichListBox {
    background-color: #1c465f !important;
    color: rgb(255, 255, 255) !important;
}
/* **** строка заголовков колонок **** */
#placeContentColumns {
    -moz-appearance: none !important;
    background-color: #1c465f !important;
    color: #92bace !important;
    border-bottom: 1px solid var(--v-box-border-color) !important;
}
/* **** редактор **** */

#detailsDeck {
    background-color: rgb(0,51,79) !important;
    color: rgb(255, 255, 255) !important;
    border-top: 1px solid rgb(0,51,79) !important;
    height: auto !important;
    padding: 10px !important;
}
#detailsDeck > * {
    visibility: collapse !important;
    transition-property: visibility !important;
    transition-delay: 0.05s !important;
    transition-timing-function: step-start !important;
}
#detailsDeck:is(:hover,:focus-within) > * {
    visibility: visible !important;
    transition-delay: .0.05s !important;
}
#editBMPanel_namePicker,
#editBMPanel_locationField {
    -moz-appearance: none !important;
    border-color: #1c465f !important;
    border-radius: 4px !important;
    background: #1c465f !important;
    color: rgb(255, 255, 255) !important;
}
#editBMPanel_tagsRow,
#editBMPanel_keywordRow {
    display: none !important;
}

/* **** остальное **** */
#placesView, toolbox, toolbar, toolbarbutton, button, menubar > menu, splitter, tree, treecols,
treecol, treecol > image, treechildren {
    -moz-appearance: none !important;
    appearance: none !important;
    border: none !important;
    background-color: transparent !important;
    color: inherit !important;
}
splitter {
    padding: 0 !important;
    border: none !important;
    border-inline: 2px solid transparent !important;
    background-color: transparent !important;
    background-clip: padding-box !important;
    width: 5px !important;
    margin: 0 -2px !important;
}
splitter[orient="vertical"] {
    border: none !important;
    border-block: 2px solid transparent !important;
    width: auto !important;
    margin: -2px 0 !important;
    height: 5px !important;
}
splitter.tree-splitter {
    margin: 0 !important;
    width: 0 !important;
}
button, toolbarbutton, menubar > menu {
    padding: 0 3px !important;
    min-height: 22px !important;
}
button:not([disabled="true"]):hover,
toolbarbutton:not([disabled="true"]):hover,
menubar > menu:not([disabled="true"]):is(:hover,[_moz-menuactive="true"]) {
    background-color: var(--v-button-hover) !important;
}
button:not([disabled="true"]):is(:active,[open="true"],[checked="true"]),
toolbarbutton:not([disabled="true"]):is(:active,[open="true"],[checked="true"]),
menubar > menu:not([disabled="true"])[open] {
    background-color: var(--v-button-hover-active) !important;
}
treecol > image {
    -moz-context-properties: fill;
    fill: currentColor;
}
treecol[sortDirection="ascending"] > image {
    list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
}
treecol[sortDirection="descending"] > image {
    list-style-image: url("chrome://global/skin/icons/arrow-up-12.svg");
}
#editBMPanel_tagsSelector > richlistitem {
    -moz-box-align: center !important;
}
panel[type="autocomplete-richlistbox"],
#editBMPanel_tagsSelector > richlistitem > image,
search-textbox, richlistbox,
input:where(:not([type])),
input[type="text"] {
    -moz-appearance: none !important;
    appearance: none !important;
    background-clip: border-box !important;
    color: inherit !important;
    padding: 1px 2px !important;
    margin: 0 !important;
    height: auto !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
}
input:where(:not([type])):focus,
input[type="text"]:focus {
    border-color: #2c6a90 !important;
}
input:where(:not([type]))::selection,
input[type="text"]::selection {
    background-color: #2c6a90 !important;
}
/* **** полоса во время движения курсора над списком **** */
input[mozactionhint="search"],
treechildren::-moz-tree-row {
    background-color: transparent !important;
    border: none !important;
}
treechildren::-moz-tree-separator {
    border-top: 1px solid var(--v-box-border-color) !important;
    border-bottom: none !important;
}
treechildren::-moz-tree-separator(selected, focus) {
    border-color: var(--v-highlight-color) !important;
}
treechildren::-moz-tree-row(selected) {
    background-color: var(--v-button-hover) !important;
}
treechildren::-moz-tree-image(selected),
treechildren::-moz-tree-twisty(selected),
treechildren::-moz-tree-cell-text(selected) {
    color: inherit !important;
}
treechildren::-moz-tree-row(selected, focus) {
    background-color: var(--v-highlight-background-color) !important;
}
treechildren::-moz-tree-image(selected, focus),
treechildren::-moz-tree-twisty(selected, focus),
treechildren::-moz-tree-cell-text(selected, focus) {
    color: var(--v-highlight-color) !important;
}
richlistitem {
    background-image: none !important;
    outline: none !important;
    border: none !important;
    border-radius: 0 !important;
}
richlistitem[selected="true"] {
    background-color: var(--v-button-hover) !important;
    color: inherit !important;
}
richlistbox:focus > richlistitem[selected="true"] {
    background-color: var(--v-highlight-background-color) !important;
}
}
/* ******************************************************** */

Отредактировано linlin (20-10-2020 22:07:43)

Отсутствует

 

№931221-10-2020 00:46:13

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

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

linlin пишет

Как покрасить недоступные пункты меню и сепаратор?

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

Выделить код

Код:

:root {
    --panel-separator-color: red !important;
    --panel-disabled-color: gray !important;
}


или
скрытый текст

Выделить код

Код:

panel[type="arrow"] {
    --panel-separator-color: red !important;
    --panel-disabled-color: gray !important;
}

linlin пишет

В Библиотеке-вкладке по-другому.

так вы ж не добавили стиль для меню в userContent.css
и переменные для меню не все добавленны в стиль для библиотеки...

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

Выделить код

Код:

--v-arrowpanel-color: rgb(177, 177, 179) !important;
    --v-arrowpanel-background: rgb(27, 27, 29) !important;
    --v-arrowpanel-border-color: rgb(60, 60, 61) !important;
    --v-panel-separator-color: rgba(249, 249, 250, .1) !important;
    --v-arrowpanel-dimmed: rgba(249, 249, 250, .1) !important;
    --v-panel-disabled-color: rgba(177, 177, 179, 0.5) !important;


и вот это не требуется здесь
скрытый текст
/* **** меню **** */
menupopup {
    -moz-appearance: none !important;
    background-color: rgb(0,51,79) !important;
    color: rgb(255, 255, 255) !important;
    border: 1px solid #2c6a90 !important;
}

Отредактировано Vitaliy V. (21-10-2020 00:59:43)

Отсутствует

 

№931321-10-2020 21:52:31

linlin
Участник
 
Группа: Members
Зарегистрирован: 30-09-2020
Сообщений: 127
UA: Firefox 82.0

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

Нельзя покрасить меню в Библиотеке-вкладке, задав значения параметров в :root { }. Она не берёт их оттуда, хоть ты тресни.
Удалось покрасить так (ещё и выравнивать пришлось):

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

Выделить код

Код:

menupopup {
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: rgb(0, 51, 79) !important;
    color: rgb(255, 255, 255) !important;
    border: 1px solid rgba(44, 106, 144, 1) !important;
}
menuitem {
    -moz-appearance: none !important;
    appearance: none !important;
    margin: 4px !important;
    margin-right: 12px !important;
}
menu[disabled="true"],
menuitem[disabled="true"],
menu[_moz-menuactive="true"][disabled="true"],
menuitem[_moz-menuactive="true"][disabled="true"] {
    -moz-appearance: none !important;
    appearance: none !important;
    color: rgba(135, 166, 181, 1) !important;
}
menuseparator {
    -moz-appearance: none !important;
    appearance: none !important;
    border-bottom: 1px solid rgba(28, 70, 95, 1) !important;
    border-top: 1px solid transparent !important;
    padding: 0  !important;
    margin: 8px 0 !important;
}

Осталось:
1. Сделать белыми значки рядом с пунктами меню (стрелочки, галочки, кружок).
2. Поменять цвет выделяющей полосы. Тут с этой полосой странность какая-то: если у пункта меню есть своё подменю - она приглушённо-синяя, если нет - ярко-синяя.

Вот так это выглядит в Библиотеке-вкладке:

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

А это Библиотека в отдельном окне:

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

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

Отредактировано linlin (21-10-2020 22:01:15)

Отсутствует

 

№931421-10-2020 23:41:46

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

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

linlin пишет

Нельзя покрасить меню в Библиотеке-вкладке, задав значения параметров в :root { }. Она не берёт их оттуда, хоть ты тресни.

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

скрытый текст
2020-10-21_232740.png

А если серьезно, как же переменные сработают если вы не читаете что вам пишут

Vitaliy V. пишет

так вы ж не добавили стиль для меню в userContent.css

а если и добавили, то он у вас не сработал в userContent.css, судя по скриншоту, ищите ошибку.

Отсутствует

 

№931522-10-2020 00:45:35

linlin
Участник
 
Группа: Members
Зарегистрирован: 30-09-2020
Сообщений: 127
UA: Firefox 82.0

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

Vitaliy V.
Это код для Библиотеки в отдельном окне. Там он работает.

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

Выделить код

Код:

/* ******** Библиотека ************************************************** */ 
@-moz-document url-prefix("chrome://browser/content/places/places.xhtml") {
:root {
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: rgb(0, 51, 79) !important;
    color: rgb(255, 255, 255) !important;
    --v-highlight-color: rgb(255, 255, 255);
    --v-highlight-background-color: rgba(44, 106, 144, 1);
    --v-box-border-color: rgba(44, 106, 144, 1);
    --v-input-background-color: rgba(28, 70, 95, 1);
    --v-input-background-color-focus: rgba(44, 106, 144, 1);
    --v-button-hover: rgba(249, 249, 250, .1);
    --v-arrowpanel-color: rgba(255, 255, 255, 1) !important;
    --v-arrowpanel-background: rgba(0, 51, 79, 1) !important;
    --v-arrowpanel-border-color: rgba(44, 106, 144, 1) !important;
    --v-arrowpanel-dimmed: rgba(28, 70, 95, 1) !important;
    --v-panel-separator-color: rgba(28, 70, 95, 1) !important;
    --v-panel-disabled-color: rgba(135, 166, 181, 1) !important;
}

/* **** Полосы прокрутки **** */
.tree-rows, scrollbar {
    scrollbar-width: thin !important;
    scrollbar-color: rgb(0, 51, 79) transparent !important;
}

/* **** Панель инструментов **** */
#placesMenu {
    -moz-appearance: none !important;
    background: rgb(0, 51, 79) !important;
    color: rgb(255, 255, 255) !important;
}
search-textbox, search-textbox[focused], #searchFilter {
    -moz-appearance: none !important;
    appearance: none !important;
    border-color: rgb(0, 51, 79) !important;
    background-color: rgb(0, 51, 79) !important;
    background-clip: border-box !important;
    color: inherit !important;
    margin-left: 150px !important;
    padding: 3px 2px !important;
    height: auto !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
}
#placesToolbox {
    border-bottom: 1px solid var(--v-box-border-color) !important;
}
button, toolbarbutton, menubar > menu {
    padding: 0 3px !important;
    min-height: 22px !important;
}
/* **** Цвет кнопок панели инструментов при наведении курсора **** */
button:not([disabled="true"]):hover,
toolbarbutton:not([disabled="true"]):hover,
menubar > menu:not([disabled="true"]):is(:hover,[_moz-menuactive="true"]) {
    background-color: var(--v-button-hover) !important;
}
/* **** Цвет нажатой кнопки панели инструментов **** */
button:not([disabled="true"]):is(:active,[open="true"],[checked="true"]),
toolbarbutton:not([disabled="true"]):is(:active,[open="true"],[checked="true"]),
menubar > menu:not([disabled="true"])[open] {
    background-color: var(--v-button-hover) !important;
}

/* **** Фон окна слева **** */
#placesList {
    background-color: rgb(0, 51, 79) !important;
    color: rgb(255, 255, 255) !important;
}
/* **** Фон окна справа **** */
#placeContent,
#downloadsRichListBox {
    background-color: rgba(28, 70, 95, 1) !important;
    color: rgb(255, 255, 255) !important;
}

/* **** Строка заголовков колонок **** */
#placeContentColumns {
    -moz-appearance: none !important;
    background-color: rgba(28, 70, 95, 1) !important;
    color: rgba(146, 172, 185, 1) !important;
    border-bottom: 1px solid var(--v-box-border-color) !important;
}

/* **** Фон строки поиска и строк содержимого списков: 
        - скрывает полосу, идущую за курсором по списку
        - скрывает рамки выделенных элементов списка **** */
input[mozactionhint="search"],
treechildren::-moz-tree-row {
    background-color: transparent !important;
    border: none !important;
}

/* **** Выбранный элемент списка (в фокусе) **** */
treechildren::-moz-tree-row(selected, focus) {
    background-color: var(--v-highlight-background-color) !important;
}
/* **** Выбранный элемент списка (не в фокусе) **** */
treechildren::-moz-tree-row(selected) {
    background-color: var(--v-button-hover) !important;
}

/* **** Цвет текста выбранного элемента списка (в фокусе) **** */
treechildren::-moz-tree-image(selected, focus),
treechildren::-moz-tree-twisty(selected, focus),
treechildren::-moz-tree-cell-text(selected, focus) {
    color: var(--v-highlight-color) !important;
}
/* **** Цвет текста выбранного элемента списка (не в фокусе) **** */
treechildren::-moz-tree-image(selected),
treechildren::-moz-tree-twisty(selected),
treechildren::-moz-tree-cell-text(selected) {
    color: inherit !important;
}

/* **** Редактор **** */
#detailsDeck {
    background-color: rgb(0, 51, 79) !important;
    color: rgb(255, 255, 255) !important;
    border-top: 1px solid rgb(0, 51, 79) !important;
    height: auto !important;
    padding: 10px !important;
}
#detailsDeck > * {
    visibility: collapse !important;
    transition-property: visibility !important;
    transition-delay: 0.05s !important;
    transition-timing-function: step-start !important;
}
#detailsDeck:is(:hover,:focus-within) > * {
    visibility: visible !important;
    transition-delay: .0.05s !important;
}
#editBMPanel_namePicker,
#editBMPanel_locationField {
    -moz-appearance: none !important;
    border-color: var(--v-input-background-color) !important;
    border-radius: 4px !important;
    background: var(--v-input-background-color) !important;
    color: rgb(255, 255, 255) !important;
}
#editBMPanel_tagsRow,
#editBMPanel_keywordRow {
    display: none !important;
}

/* **** Остальное **** */

panel[type="autocomplete-richlistbox"],
#editBMPanel_tagsSelector > richlistitem > image,
search-textbox, richlistbox,
input:where(:not([type])),
input[type="text"] {
    -moz-appearance: none !important;
    appearance: none !important;
    background-clip: border-box !important;
    color: inherit !important;
    padding: 1px 2px !important;
    margin: 0 !important;
    height: auto !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
}
input:where(:not([type])):focus,
input[type="text"]:focus {
    border-color: var(--v-highlight-background-color) !important;
    background-color: var(--v-input-background-color-focus) !important;
}
input:where(:not([type]))::selection,
input[type="text"]::selection {
    background-color: var(--v-input-background-color-focus) !important;
}

#placesView, toolbox, toolbar, toolbarbutton, button, menubar > menu, splitter, tree, treecols,
treecol, treecol > image, treechildren {
    -moz-appearance: none !important;
    appearance: none !important;
    border: none !important;
    background-color: transparent !important;
    color: inherit !important;
}

splitter {
    padding: 0 !important;
    border: none !important;
    border-inline: 2px solid transparent !important;
    background-color: transparent !important;
    background-clip: padding-box !important;
    width: 5px !important;
    margin: 0 -2px !important;
}
splitter[orient="vertical"] {
    border: none !important;
    border-block: 2px solid transparent !important;
    width: auto !important;
    margin: -2px 0 !important;
    height: 5px !important;
}
splitter.tree-splitter {
    margin: 0 !important;
    width: 0 !important;
}

treecol > image {
    -moz-context-properties: fill;
    fill: currentColor;
}
treecol[sortDirection="ascending"] > image {
    list-style-image: url("chrome://global/skin/icons/arrow-dropdown-12.svg");
}
treecol[sortDirection="descending"] > image {
    list-style-image: url("chrome://global/skin/icons/arrow-up-12.svg");
}

#editBMPanel_tagsSelector > richlistitem {
    -moz-box-align: center !important;
}

richlistitem {
    background-image: none !important;
    outline: none !important;
    border: none !important;
    border-radius: 0 !important;
}
richlistitem[selected="true"] {
    background-color: var(--v-button-hover) !important;
    color: inherit !important;
}
richlistbox:focus > richlistitem[selected="true"] {
    background-color: var(--v-highlight-background-color) !important;
}
}
/* ******************************************************** */


Я скопировала его целиком и вставила в userContent.css. Меню в Библиотеке-вкладке не покрасились.
Я пробовала так и сяк:
скрытый текст

Выделить код

Код:

:root {
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: rgb(0, 51, 79) !important;
    color: rgb(255, 255, 255) !important;
    --v-highlight-color: rgb(255, 255, 255);
    --v-highlight-background-color: rgba(44, 106, 144, 1);
    --v-box-border-color: rgba(44, 106, 144, 1);
    --v-input-background-color: rgba(28, 70, 95, 1);
    --v-input-background-color-focus: rgba(44, 106, 144, 1);
    --v-button-hover: rgba(249, 249, 250, .1);
    --arrowpanel-color: rgba(255, 255, 255, 1) !important;
    --arrowpanel-background: rgba(0, 51, 79, 1) !important;
    --arrowpanel-border-color: rgba(44, 106, 144, 1) !important;
    --panel-disabled-color: rgba(135, 166, 181, 1) !important;
    --panel-separator-color: rgba(28, 70, 95, 1) !important;
    --arrowpanel-dimmed: rgba(28, 70, 95, 1) !important;
}
Выделить код

Код:

:root {
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: rgb(0, 51, 79) !important;
    color: rgb(255, 255, 255) !important;
    --v-highlight-color: rgb(255, 255, 255);
    --v-highlight-background-color: rgba(44, 106, 144, 1);
    --v-box-border-color: rgba(44, 106, 144, 1);
    --v-input-background-color: rgba(28, 70, 95, 1);
    --v-input-background-color-focus: rgba(44, 106, 144, 1);
    --v-button-hover: rgba(249, 249, 250, .1);
    --v-arrowpanel-color: rgba(255, 255, 255, 1) !important;
    --v-arrowpanel-background: rgba(0, 51, 79, 1) !important;
    --v-arrowpanel-border-color: rgba(44, 106, 144, 1) !important;
    --v-panel-disabled-color: rgba(135, 166, 181, 1) !important;
panel[type="arrow"] {
    --panel-separator-color: red !important;
    --panel-disabled-color: gray !important;
}
}
Выделить код

Код:

:root {
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: rgb(0, 51, 79) !important;
    color: rgb(255, 255, 255) !important;
    --v-highlight-color: rgb(255, 255, 255);
    --v-highlight-background-color: rgba(44, 106, 144, 1);
    --v-box-border-color: rgba(44, 106, 144, 1);
    --v-input-background-color: rgba(28, 70, 95, 1);
    --v-input-background-color-focus: rgba(44, 106, 144, 1);
    --v-button-hover: rgba(249, 249, 250, .1);
    --v-arrowpanel-color: rgba(255, 255, 255, 1) !important;
    --v-arrowpanel-background: rgba(0, 51, 79, 1) !important;
    --v-arrowpanel-border-color: rgba(44, 106, 144, 1) !important;
    --v-panel-disabled-color: rgba(135, 166, 181, 1) !important;
}
:root [popup-brighttext] {
    --panel-separator-color: rgba(28, 70, 95, 1) !important;
    --arrowpanel-dimmed: rgba(28, 70, 95, 1) !important;
}


Не удалось изменить цвет ни одного элемента.

Отсутствует

 

№931622-10-2020 01:19:29

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

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

linlin
Стиль для меню
Вот его и нужно было добавить в userContent.css

Отредактировано Vitaliy V. (28-10-2020 16:02:15)

Отсутствует

 

№931722-10-2020 02:17:38

linlin
Участник
 
Группа: Members
Зарегистрирован: 30-09-2020
Сообщений: 127
UA: Firefox 82.0

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

Так вот где собака порылась! :D
Заработало наконец. Спасибо!

Вы тогда только про переменные конкретно пояснили.

Vitaliy V. пишет

так вы ж не добавили стиль для меню в userContent.css
и переменные для меню не все добавленны в стиль для библиотеки...
скрытый текст

Я и не подозревала, что вы тот ваш стиль для меню главного окна имеете в виду. Он никогда не работал в Библиотеке. И я так поняла, что он не имеет к ней отношения.

Отредактировано linlin (22-10-2020 02:22:30)

Отсутствует

 

№931823-10-2020 08:32:55

ourplay
Участник
 
Группа: Members
Зарегистрирован: 07-10-2020
Сообщений: 3
UA: Firefox 82.0

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

Можно сделать, чтобы панель управления автоматически скрывалась, как в полноэкранном режиме, и появлялась при подведении мыши к краю(нижнему) экрана? Вот мой userchrome:

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

Выделить код

Код:

#browser {
	-moz-box-ordinal-group: 0 !important;
}



#TabsToolbar {
    
  background-color : black !important;
  padding-bottom: 2px !important;
  margin-left: 25vw !important;
  max-height: 32px !important;
  margin-right: 215px !important;
}

#nav-bar {
  background-color : transparent !important;
  margin-top: -32px !important;
  margin-bottom: -5px !important;
  margin-right: 75vw !important;
  height: 32px !important;
  }



#urlbar-container {
  min-width: 160px !important;
  max-width: 50vw !important;
  margin-left: 0px !important;
  margin-right: 1px !important;
  margin-top: -1px !important;
}



#PanelUI-button {
  -moz-box-ordinal-group: 0 !important;
  padding-top: 1px !important;
  margin-top: -1px !important;
  margin-bottom: 1px !important;
  }
  
#tracking-protection-icon-container {display: none !important;}

#pocket-button{display: none !important;}
#page-action-buttons{display: none !important;}

:root{uidensity="compact" !important;}
* {       
  --newtab-search-icon: none;
  --uidensity=compact;
  --animation-speed: 0.4s;
  --button-corner-rounding: 5px;
  --moz-hidden-unscrollable: scroll !important;
  --toolbarbutton-border-radius: 5px !important;
  --tabs-border-color: transparent;
}
window,
#main-window,
#sidebar-box,
#nav-bar {}
#TabsToolbar{
  height: 30px;
} 

#window-controls{
display: none !important;
}

#toolbar-menubar

#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-stack,
#TabsToolbar .tabbrowser-tab .tab-background,
#TabsToolbar .tabbrowser-tab .tab-content ,
#TabsToolbar .tabbrowser-tab .tab-loading-burst{
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
 border-bottom-right-radius: 5px !important;
  border-top-right-radius: 5px !important;
  margin-top: 0px;
  height: 25px;
  text-align: center;
  border:none;
 background: rgba(0,0,0,0);
}

.tab-line {
  display: none;
}


.tab-close-button{display:none !important ;}



#back-button-tooltip{opacity: 0 !important;}

#urlbar {
  font-size: 18px !important; }
}


#alltabs-button{display: none!important;}

.tab-icon-sound{color: white !important;}
.tab-background{background-color: #000 !important;}

.tabbrowser-tab::after,
.tabbrowser-tab::before {
	border-left: none !important;
}

.tabbrowser-tab[fadein]:not([pinned]) {
    font-size: 16px !important;
}


.tabbrowser-tab[selected="true"]{
    color: white !important;
}

.tabbrowser-tab:not([selected="true"]){
    color: #a5a5a5 !important;
}

#tabbrowser-tabpanels {background: black !important}


.titlebar-buttonbox-container,.titlebar-spacer{display:none !important;}


#forward-button[disabled="true"]{display: none!important;}

 #urlbar-background {
    background: black !important;
}

tooltip {
    font-size: 22px !important;
    color: #E0E0E0 !important; 
}

#urlbar[breakout] {
    top: auto !important;
    bottom: 4px !important;
    left: 0px !important;
    width: 100% !important;
    height: var(--urlbar-height) !important;
    display: flex !important;
    flex-direction: column-reverse !important;
}
#urlbar[breakout] > #urlbar-input-container {
    width: 100% !important;
    height: var(--urlbar-height) !important;
    padding: 0 !important;
}
#urlbar[breakout][breakout-extend],
#urlbar[breakout][breakout-extend-disabled][open] {
    height: auto !important;
}

#urlbar[breakout] > .urlbarView *|*.urlbarView-body-inner {
    border: none !important;

Отредактировано ourplay (23-10-2020 09:29:16)

Отсутствует

 

№931923-10-2020 17:54:35

linlin
Участник
 
Группа: Members
Зарегистрирован: 30-09-2020
Сообщений: 127
UA: Firefox 82.0

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

У кого-нибудь работает пипетка в инспекторе браузера? 32034314.png
Если нажать на неё, иконка меняет цвет - типа, активировано. Но курсор не превращается в лупу, и вообще ничего не происходит.

Отсутствует

 

№932024-10-2020 08:04:11

b0ttle
Участник
 
Группа: Members
Зарегистрирован: 22-10-2020
Сообщений: 166
UA: Firefox 82.0

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

У кого-нибудь работает пипетка в инспекторе браузера?

Работает

Отсутствует

 

№932125-10-2020 18:48:24

linlin
Участник
 
Группа: Members
Зарегистрирован: 30-09-2020
Сообщений: 127
UA: Firefox 82.0

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

b0ttle пишет

Работает

:D
Ладно. Я приспособилась делать скриншот, сохранять его на компе в .png, потом открывать в браузере и тогда пипеткой из меню "Веб-разработка".

Отсутствует

 

№932225-10-2020 19:21:40

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 3141
UA: Firefox 78.0

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

Отсутствует

 

№932325-10-2020 20:13:00

linlin
Участник
 
Группа: Members
Зарегистрирован: 30-09-2020
Сообщений: 127
UA: Firefox 82.0

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

А вот тут про встроенный в браузер инструмент пишут?
https://developer.mozilla.org/en-US/doc … icker_tool
Что-то не могу найти.

Отсутствует

 

№932426-10-2020 12:05:28

OlegCh
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 05-12-2007
Сообщений: 155
UA: Firefox 81.0

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

А как неактивные вкладки немного затемнить? А то когда они одной яркости, то непонятно ни фига, какая вкладка в данный момент открыта:

e41d14b52c2d.gif

P.s. вопрос снимаю. Добавил новый дефолтный профиль, перенес все настройки на него и всё стало как надо (ну кроме закруглений на вкладках, ну и черт с ними...)

Отредактировано OlegCh (26-10-2020 13:34:46)


Опыт - это то, что мы получили вместо того, что хотели...

Отсутствует

 

№932530-10-2020 19:48:10

linlin
Участник
 
Группа: Members
Зарегистрирован: 30-09-2020
Сообщений: 127
UA: Firefox 82.0

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

Нужно покрасить окошко "Новая закладка", которое появляется из меню правой кнопки "Добавить ссылку в закладки". В инспекторе браузера раздобыть названия элементов окошка не удалось. Как это сделать?

Отсутствует

 

Board footer

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