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

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-02-2019 19:32:31

drage2

Выделить код

Код:

#clearDownloadsButton:not([disabled="true"]) {
  color: white !important;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 12-02-2019 18:44:04

drage2
попробовал у меня с окном библиотека - загрузки более менее нормально, с основным нет.
А чем встроенная тёмная тема не устраивает ? Зачем нужен этот стиль, для таких окон как библиотека?
Не стоит из-за этого портить основное...

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 11-02-2019 23:23:37

kokoss
значит где-то ошиблись у меня иконки меняют цвет
можно стилем результат тот же

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

Выделить код

Код:

:root {
    --lwt-toolbarbutton-icon-fill: rgb(255,215,0) !important;
}


drage2 пишет:

каким боком devtools?

если быть точнее Browser Toolbox https://developer.mozilla.org/en-US/doc … er_Toolbox

И на чистую ставил

ты же не думаешь что я буду гадать что ты ставил, и смотреть всё сам ?
пиши то что я могу проверить на дефолтном [firefox] а не на твоей сборке,
потому что во первых у меня не [windows], а во вторых мне лень запускать каждый раз виртуалку

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 11-02-2019 22:30:14

drage2 пишет:

Куда копать? загрузки - цвет белый , текст тоже не тот(черный)

Для начала пользоваться devtools а не выпиливать их...

kokoss пишет:

Подскажите пожалуйста, как в вашей теме сделать так что бы она не меняла цвет значков(журнал, боковая панель, загрузки, открыть меню и другие) панели навигации.

цвет значков зависит от цвета текста, но можно изменить отдельно добавив в manifest.json например
"icons": "rgb(255,215,0)",
"icons_attention": ... там уже есть

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 10-02-2019 11:18:46

m_nikolay пишет:

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

зависит от размера иконок - <toolbarbutton вертикальный отступ + <image вертикальный отступ + фактическая высота иконки
у вас видно что две иконки расположены близко друг к другу с ними и разбирайтесь, вероятно сами же и уменьшили

P.S. а да возможно это из-за стилей Aris ...

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 09-02-2019 20:49:26

drage2
изменяешь padding и border при :hover и хочешь чтобы не дергалось...
сначала это для всех закладок на панели

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

Выделить код

Код:

toolbarbutton.bookmark-item {
   padding: 1px !important;
   border: 1px solid transparent !important;
   border-radius: 4px !important;
}


потом с :hover остальное и border-color: #B7B7B7 !important;

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 08-02-2019 23:06:47

drage2 пишет:

Панель управления закладок в менюбаре . Раньше делал отступы

ну так сделай отступ для закладок а не для панели, зачем только непонятно

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

Выделить код

Код:

#toolbar-menubar #personal-bookmarks {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}


drage2 пишет:

уж больно здоровое меню.

какое меню в about:addons ? сделай шрифт поменьше в userContent.css...

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 08-02-2019 12:46:58

kokoss
добавьте #tabContextMenu вместо #contentAreaContextMenu

drage2
пиши конкретней где и зачем тебе регулировать #toolbar-menubar

Profa
у вас там слишком много лишнего кода...
попробуйте изменить здесь -moz-box-ordinal-group
/* navigation toolbar */
#navigator-toolbox #nav-bar {
  -moz-box-ordinal-group: 3 !important;
}
/* bookmarks toolbar */
#navigator-toolbox #PersonalToolbar {
  -moz-box-ordinal-group: 2 !important;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 07-02-2019 13:51:04

YrdErfgert пишет:

Есть ли вариант как-то не отображать стандартный блок кнопок "свернуть\закрыть браузер" при обнаружении аероинтерфейсных кнопок?

попробуйте так

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

Выделить код

Код:

@media (-moz-windows-glass) {
    .titlebar-buttonbox .titlebar-button {
        display: none !important;
    }
}


если нет значит только просто скрыть всегда, без медиа-запроса @media (-moz-windows-glass) { }

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 07-02-2019 13:11:45

drage2 пишет:

Как навести hover на текст "поиск через Google"

при наведении на неактивный пункт есть переменная

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

Выделить код

Код:

:root {
  --urlbar-popup-action-color: red !important;
}


и если нужно разные цвета для тем можно добавить :root[lwt-popup-darktext] и :root[lwt-popup-brighttext]

убрать бордюр
скрытый текст

Выделить код

Код:

#PopupAutoCompleteRichResult .search-panel-header {
    border-top: none !important;
}


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

Выделить код

Код:

#contentAreaContextMenu > menu[id$="Flagfox:1:submenu"] {
    display: none !important;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 07-02-2019 10:36:23

m_nikolay пишет:

Всё полностью переписал

просто создайте новый профиль и проверьте без других стилей...
вот ещё скриншот [windows] 10

скрытый текст
https://imageshost.ru/images/2019/02/07/2019-02-07_103058.png

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 07-02-2019 01:18:05

drage2
может мешать такой код
.urlbar-history-dropmarker {
    display: none !important;
}
замени на visibility: collapse !important;

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 06-02-2019 21:15:33

m_nikolay
на всякий случай глянул на виртуалке в [windows]

скрытый текст
https://imageshost.ru/images/2019/02/06/VirtualBox_Win-7_06_02_2019_21_02_46.png

нет с кодом проблем нет, скорее всего у вас ошибка синтаксиса в userChrome.css из-за чего может не работать часть стилей

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 06-02-2019 13:39:17

m_nikolay пишет:

цвет выделения текста в адресной строке при применении вашей темы

так не только в моей теме...

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

Выделить код

Код:

textbox:-moz-any(#urlbar,.searchbar-textbox,.findbar-textbox) *|*.textbox-input::-moz-selection {
    background-color: Highlight !important;
    color: HighlightText !important;
}


а то что #identity-box синим цветом у вас это со стилями вашими разбирайтесь

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 05-02-2019 23:56:50

drage2 пишет:

а,что с новыми версиями fip close tab и long left click ? Есть?

long_left_click есть https://github.com/VitaliyVstyle/Vitali … xperiments

drage2 пишет:

.titlebar-placeholder[type="caption-buttons"]  эта штука не работает?

теперь нет заполнителей, кнопки расположены на панели меню или если она скрыта на панели вкладок

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 04-02-2019 00:51:11

Garalf пишет:

А последняя версия user_chrome_files.zip совместима с FF61?

да конечно, пойдёт и [firefox] 52 +

m_nikolay пишет:

можно ли сделать темный фон всплывающих окон на FireFox 60.5.0esr (64-бит)?
Вот здесь:

для menupopup есть стиль https://forum.mozilla-russia.org/viewto … 65#p764365
но в 60.5.0esr он примениться не полностью потому что userChrome.css
не сможет переопределить некоторые правила с !important в agent листах

скрин
https://imageshost.ru/images/2019/02/04/screen.png

хотя попробуйте может на [windows] нормально, если нет то можно использовать user_chrome_files.zip (вместо vertical_top_bottom_bar) https://github.com/VitaliyVstyle/Vitali … _files.zip
в настройках включить Подключить стили с agent_style.css ...

для других popup у меня стиля нет и смысла его делать тоже нет т.к. темы работают и в 60.5.0esr
моя тема [url]https://github.c

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 02-02-2019 21:02:51

drage2 пишет:

нельзя здесь задать?

можно но не здесь, измени background-size: 5px, auto !important;

а сюда добавь примерно так
[spoiler][code]html|select > html|button {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0,0.75 2.5,3.25 5,0.75 5,1.75 2.5,4.25 0,1.75 Z' style='fill:white;shape-rendering:crispEdges'/></svg>"), linear-gradient(to right, rgba(255,255,255,0.5), transparent) !important;
}

scrollbar > scrollbarbutton[type="increment"],
html|select > html|button[orientation="right"] {
    background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='5'><path d='M 0.75,0 3.25,2.5 0.75,5 1.75,5 4.25,2.5 1.75,0 Z' style='fill:white;shape-rendering:crispEdges'/></svg>"), linear-gradient(to bottom, rgba(255,255,255,0.5), transparent) !important;
}

scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
    background-image: url("

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 02-02-2019 17:22:20

falcon1598 пишет:

Помогите пожалуйста полностью убрать пункт "Новое приватное окно" в меню "файл".

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

Выделить код

Код:

#menu_newPrivateWindow {
    display: none !important;
}


m_nikolay
для [firefox] 65 +
#titlebar-buttonbox #titlebar-min #titlebar-max #titlebar-close
нужно заменить или добавить классы т.е. вместо # точку .

ещё см. стиль https://forum.mozilla-russia.org/viewto … 72#p765572
но на старых сборках [windows] 10 вероятно не заработает как должно
тогда пробуйте заменить
@media (-moz-windows-glass) {
на
@media (-moz-windows-compositor) {

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 02-02-2019 14:03:17

drage2
это проблемы 61 версии там не работают переменные для скроллбара
можно без них
[spoiler][code]@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

/*Скроллбар, dropmarker*/
scrollbar {
    -moz-appearance: none !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

scrollcorner {
    -moz-appearance: none !important;
    width: 7px !important;
    height: 7px !important;
    background: none !important;
    border: none !important;
}

html|html > scrollbar, html|html > scrollcorner {
    background: black !important;
}

scrollbar > slider {
    -moz-appearance: none !important;
    background: none !important;
    border: none !important;
}

menulist > dropmarker {
    -moz-appearance: none !important;
    min-width: 7px !important;
    min-height: 7px !important;
    width: auto !important;
    height: auto !importan

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 01-02-2019 20:32:07

drage2 пишет:

а нет для 61 скроллбара?

а что с тем ? https://forum.mozilla-russia.org/viewto … 06#p765306
на 52 работает с чего бы ему на 61 не работать, может у тебя стиль AGENT_SHEET не регистрируется

Garalf пишет:

А этот оператор из стиля
--v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px); - нет

как вы его изменяли если цифру 6px то конечно, это просто запасной вариант если вдруг не окажется переменной --toolbarbutton-inner-padding
измените так
--v-toolbar-button-inner-padding: 4px;
если сделать слишком мало то могут не вместится кнопки управления окном

и кстати обновите стиль нашел ещё косяк, понаделали анимаций всяких с кнопками...
исправил https://forum.mozilla-russia.org/viewto … 45#p766645

xrun1 пишет:

что надо дописать к gClipboard.clear();, чтобы очищался буфер обмена?

[spoiler][code]var clipboard = Cc["@mozilla.org/widget/clipboardhelper;1"].getService(Ci.nsIClipboardHelper);
cl

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 01-02-2019 14:10:37

drage2 пишет:

Это виндовский цвет прет?

если у тебя меню такого цвета то возможно
ты наверное скрывал верхние кнопки по отдельности, когда можно сразу и вместе с этой полоской

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

Выделить код

Код:

#context-navigation,
#context-sep-navigation {
    display: none !important;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 01-02-2019 13:22:38

Garalf пишет:

Как уменьшить ее размер и отцентрировать кнопки?

обычно её высота 28px зависит от переменной --toolbarbutton-inner-padding
т.е. если уменьшаются кнопки
:root {
    --toolbarbutton-inner-padding: 4px !important;
}
то уменьшается и панель
или можно отдельно в стиле изменить переменную
--v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
насчет кнопок я там обновил стиль, была ещё проблема с растягивающимся интервалом его высота была 0
может теперь так как вы хотели

v4386 пишет:

можно сделать так, чтобы и в неактивном состоянии окно FF оставалось того же цвета, который задан для "Заголовков окон и границ окон" в Windows 10.

возможно так

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

Выделить код

Код:

@media (-moz-windows-accent-color-in-titlebar) {
  :root[style*="--lwt-accent-color:rgb(12, 12, 13)"] {
    background-color: -moz-win-accentcolor !important;
    color: -moz-win-accentcolortext !important;
  }
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 01-02-2019 00:13:08

v4386 пишет:

А вот переделать по этой же аналогии для Светлой темы почему-то не получается

а нет таких атрибутов можно использовать псевдокласс :-moz-lwtheme-darktext но в боковой панели не сработает

klaus65 пишет:

Как-то так выходит

вы так и не озвучили вашу ос, подозреваю что [windows] 8 с измененной темой
такой ос у меня нет
можно ещё попробовать изменить в стиле
@media (-moz-windows-glass) {
на
@media (-moz-windows-compositor) {

drage2 пишет:

Как убрать тень спрва и внизу  в popup ?

не стилей это дело см. в ос визуальные эффекты --> отображать тени отбрасываемые окнами

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 31-01-2019 19:30:18

ofizer пишет:

Это непоправимо?

как писал без применения position: fixed или absolute что делает элемент блочным (или можно изменить на display: flex) нет
ну если так нужно меню сверху то пробуйте так
[spoiler][code]@-moz-document url("chrome://browser/content/browser.xul") {
#main-window:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}
#main-window:not([inFullscreen]) #navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}
#main-window: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;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 1 !important;

Board footer

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