Доброго дня всем.
Нужна помощь с usercontent.
Пользуюсь расширением "Page Translate".
Отсутствует
Отсутствует
Доброго времени суток) возможно ли убрать или скрыть все значки, находящиеся слева в адресной строке: https://ibb.co/k0TkgjS ?
И есть ли какой-нибудь userchrome.css код, чтобы изменить (уменьшить) интервал между инструментами (не знаю точно как их назвать) вот здесь: https://ibb.co/3zR8Wcm ?
Заранее благодарю)
Отредактировано atnet2233 (16-10-2020 03:19:30)
Отсутствует
есть ли какой-нибудь 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 */ }
Отсутствует
возможно ли убрать или скрыть все значки, находящиеся слева в адресной строке: https://ibb.co/k0TkgjS ?
Возможно, но зачем:
И есть ли какой-нибудь 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
Отсутствует
atnet2233 пишетвозможно ли убрать или скрыть все значки, находящиеся слева в адресной строке: https://ibb.co/k0TkgjS ?
Возможно, но зачем:
скрытый текст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 . Вот сейчас расчищаю лишнее место, чтобы было удобно пользоваться миниатюрной адресной строкой.
Отсутствует
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; }
Отредактировано _zt (16-10-2020 13:36:39)
Отсутствует
Как покрасить недоступные пункты меню и сепаратор? Надо, чтобы, получилось так:
Попробовала три варианта для сепаратора - ни один не работает:
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; }
Выглядит вот так:
В Библиотеке-вкладке по-другому. Там даже полоса, выделяющая пункт меню, когда на него мышку наводишь, другого цвета, как и шрифт:
На всякий случай весь код целиком:
/* ********Библиотека ************************************************** */ @-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)
Отсутствует
Как покрасить недоступные пункты меню и сепаратор?
:root { --panel-separator-color: red !important; --panel-disabled-color: gray !important; }
panel[type="arrow"] { --panel-separator-color: red !important; --panel-disabled-color: gray !important; }
В Библиотеке-вкладке по-другому.
так вы ж не добавили стиль для меню в 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;
Отредактировано Vitaliy V. (21-10-2020 00:59:43)
Отсутствует
Нельзя покрасить меню в Библиотеке-вкладке, задав значения параметров в :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. Поменять цвет выделяющей полосы. Тут с этой полосой странность какая-то: если у пункта меню есть своё подменю - она приглушённо-синяя, если нет - ярко-синяя.
Вот так это выглядит в Библиотеке-вкладке:
А это Библиотека в отдельном окне:
Сейчас увидела, что в Библиотеке-вкладке даже дизайн этих значков в меню другой.
Как их и эту полосу перекрасить?
Отредактировано linlin (21-10-2020 22:01:15)
Отсутствует
Нельзя покрасить меню в Библиотеке-вкладке, задав значения параметров в :root { }. Она не берёт их оттуда, хоть ты тресни.
Ну если вы так сказали тогда конечно, я же ведь ерунду сморозил.
Не подскажите почему у меня тогда это работает
А если серьезно, как же переменные сработают если вы не читаете что вам пишут
так вы ж не добавили стиль для меню в userContent.css
а если и добавили, то он у вас не сработал в userContent.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; } } /* ******************************************************** */
: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; }
Отсутствует
linlin
Стиль для меню
Вот его и нужно было добавить в userContent.css
Отредактировано Vitaliy V. (28-10-2020 16:02:15)
Отсутствует
Так вот где собака порылась!
Заработало наконец. Спасибо!
Вы тогда только про переменные конкретно пояснили.
так вы ж не добавили стиль для меню в userContent.css
и переменные для меню не все добавленны в стиль для библиотеки...
скрытый текст
Я и не подозревала, что вы тот ваш стиль для меню главного окна имеете в виду. Он никогда не работал в Библиотеке. И я так поняла, что он не имеет к ней отношения.
Отредактировано linlin (22-10-2020 02:22:30)
Отсутствует
Можно сделать, чтобы панель управления автоматически скрывалась, как в полноэкранном режиме, и появлялась при подведении мыши к краю(нижнему) экрана? Вот мой 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)
Отсутствует
У кого-нибудь работает пипетка в инспекторе браузера?
Если нажать на неё, иконка меняет цвет - типа, активировано. Но курсор не превращается в лупу, и вообще ничего не происходит.
Отсутствует
Работает
Ладно. Я приспособилась делать скриншот, сохранять его на компе в .png, потом открывать в браузере и тогда пипеткой из меню "Веб-разработка".
Отсутствует
Отсутствует
А вот тут про встроенный в браузер инструмент пишут?
https://developer.mozilla.org/en-US/doc … icker_tool
Что-то не могу найти.
Отсутствует
А как неактивные вкладки немного затемнить? А то когда они одной яркости, то непонятно ни фига, какая вкладка в данный момент открыта:
P.s. вопрос снимаю. Добавил новый дефолтный профиль, перенес все настройки на него и всё стало как надо (ну кроме закруглений на вкладках, ну и черт с ними...)
Отредактировано OlegCh (26-10-2020 13:34:46)
Опыт - это то, что мы получили вместо того, что хотели...
Отсутствует
Нужно покрасить окошко "Новая закладка", которое появляется из меню правой кнопки "Добавить ссылку в закладки". В инспекторе браузера раздобыть названия элементов окошка не удалось. Как это сделать?
Отсутствует