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

В мире Mozilla происходит много интересных событий. Но вам не нужно постоянно посещать новостные сайты, чтобы быть в курсе всех изменений. Зайдите на ленту новостей Mozilla Россия.

№475128-10-2018 19:38:42

vitalii201
Участник
 
Группа: Members
Зарегистрирован: 24-03-2011
Сообщений: 679
UA: Firefox 63.0

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

Как сделать что бы браузерная кнопка "Список всех вкладок" не пряталась?

Отсутствует

 

№475228-10-2018 22:47:25

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

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

Выделить код

Код:

#alltabs-button {
    visibility: visible !important;
}

Отсутствует

 

№475328-10-2018 23:03:19

vitalii201
Участник
 
Группа: Members
Зарегистрирован: 24-03-2011
Сообщений: 679
UA: Firefox 63.0

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

Vitaliy V. спасибо! И, если можно, скрыть этот пункт меню:

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

Отсутствует

 

№475428-10-2018 23:29:38

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

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

vitalii201 пишет

скрыть этот пункт меню:

я думал из-за этого пункта кнопка "Список всех вкладок" всегда видима нужна ...

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

Выделить код

Код:

#allTabsUndoCloseButton, #allTabsMenu-tabsSeparator {
    display: none !important;
}

#allTabsMenu-allTabsViewTabs {
    padding-top: 0 !important;
}

Отсутствует

 

№475529-10-2018 00:10:33

vitalii201
Участник
 
Группа: Members
Зарегистрирован: 24-03-2011
Сообщений: 679
UA: Firefox 63.0

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

Vitaliy V., благодарю! Этот пункт есть и в меню табов(и таббара), мне оттуда удобней.

Отредактировано vitalii201 (29-10-2018 08:35:58)

Отсутствует

 

№475629-10-2018 14:59:51

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

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

xrun1 пишет

https://github.com/VitaliyVstyle/Vitali … om_bar.zip
Настраиваете в файле \bindings\toolbars.xml

Обновил, + эти ещё для кучи
https://github.com/VitaliyVstyle/Vitali … om_bar.zip
https://github.com/VitaliyVstyle/Vitali … om_bar.zip

Отредактировано Vitaliy V. (29-10-2018 15:11:42)

Отсутствует

 

№475729-10-2018 16:08:10

toxa
Участник
 
Группа: Members
Зарегистрирован: 11-04-2012
Сообщений: 261
UA: Firefox 56.0

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

Подскажите пожалуйста. В дополнении DOM Inspector есть одна очень неудобная вещь.
В левой панели которая называется Документ - Узлы DOM, когда выделяешь какой то узел, шрифт становится белым. На голубом фоне выделения его почти не видно.

Можно что то сделать через userChrome.css?

Отсутствует

 

№475829-10-2018 18:42:33

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

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

toxa пишет

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

Можно изменить в DOM Inspector так + для textbox

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

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
@-moz-document url-prefix("chrome://inspector/content/") {
    treechildren::-moz-tree-cell-text(selected) {
        color: red !important;
    }

    treechildren::-moz-tree-row(selected) {
        background-color: gold !important;
    }

    textbox html|*.textbox-input::-moz-selection {
        color: red !important;
        background-color: gold !important;
    }
}


А вообще инспектор встроенный же есть https://developer.mozilla.org/en-US/doc … er_Toolbox

Отредактировано Vitaliy V. (29-10-2018 19:06:38)

Отсутствует

 

№475929-10-2018 18:57:01

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 2249
UA: Firefox 52.0

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

toxa
Пример своих цветов

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

Выделить код

Код:

@-moz-document url(chrome://inspector/content/viewers/dom/dom.xul) {

    treechildren::-moz-tree-cell-text(selected) {
        font-weight: bold !important;

        color: blue !important;
    }
    treechildren::-moz-tree-cell-text(selected, focus) {
        color: navy !important;
    }

    treechildren::-moz-tree-cell-text(selected, anonymous) {
        color: orange !important;
    }
    treechildren::-moz-tree-cell-text(selected, focus, anonymous) {
        color: magenta !important;
    }
    /*
        И так далее. Открой во вкладке адрес
        chrome://inspector/skin/viewers/dom/dom.css
    */
}


Или закомментируй в
inspector@mozilla.org/chrome/inspector/skin/classic/inspector/viewers/dom/dom.css
скрытый текст

Выделить код

Код:

treechildren::-moz-tree-cell-text(selected, focus) {
  color: #FFFFFF;
}

Отсутствует

 

№476029-10-2018 22:50:56

westyles
Участник
 
Группа: Members
Зарегистрирован: 29-10-2018
Сообщений: 11
UA: Firefox 60.0

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

Где можно скачать готовые файлы для полноценной темной темы FF, вместе с окнами закладок и т.д.?
У меня ESR 60.3
Увидел в посте https://forum.mozilla-russia.org/viewto … 67#p762667 у dezhnev,
что можно сделать и панель закладок в темном стиле.

Отсутствует

 

№476130-10-2018 00:38:13

toxa
Участник
 
Группа: Members
Зарегистрирован: 11-04-2012
Сообщений: 261
UA: Firefox 56.0

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

Vitaliy V.
Dumby

Благодарю! :)

Vitaliy V.

А вообще инспектор встроенный же есть

А если я  хочу настроить адресную строку, панели...?

Отсутствует

 

№476230-10-2018 00:51:55

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

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

westyles пишет

Где можно скачать готовые файлы для полноценной темной темы FF, вместе с окнами закладок и т.д.?

Может подойдёт код под первым спойлером из этого сообщения.
И ещё может этот стиль.

Отредактировано sandro79 (30-10-2018 01:06:15)

Отсутствует

 

№476330-10-2018 01:07:19

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

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

toxa пишет

А если я  хочу настроить адресную строку, панели...?

The Browser Toolbox enables you to debug add-ons and the browser's own JavaScript code rather than just web pages like the normal Toolbox.

Именно для этого - для интерфейса [firefox], не путайте с обычной панелью инструментов для веб-страниц,
но сначала откройте их и в настройках включите:
"Включить инструменты отладки browser chrome и дополнений"
"Включить удалённую отладку"
после этого в меню Инструменты -> Веб-разработка появится пункт "Инструменты браузера" или сочетание клавиш Ctrl+Alt+Shift+I для вызова инструментов

Отсутствует

 

№476430-10-2018 01:25:07

westyles
Участник
 
Группа: Members
Зарегистрирован: 29-10-2018
Сообщений: 11
UA: Firefox 60.0

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

sandro79 пишет

Может подойдёт код под первым спойлером из этого сообщения.

Я не знаю куда код вставлять, я хотел готовые файлы для папки chrome, чтобы закинуть и проверить.
Уже намучился с разными кодами, не получается настроить цвет в панели закладок.
И тот код тоже не дает результата, так как наверно не туда вставляю.

Отсутствует

 

№476530-10-2018 01:29:38

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

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

Отсутствует

 

№476630-10-2018 02:53:22

westyles
Участник
 
Группа: Members
Зарегистрирован: 29-10-2018
Сообщений: 11
UA: Firefox 60.0

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

sandro79
Есть какой-то результат, благодарю!
Контекстное меню можно настроить, только придется долго разбираться, что для чего там!
Но сам текст в панели и цвет панели не настраивается.
Где можно поглядеть названия элементов, к которым можно стили прикрутить?
Или может есть возможность инспектором как то выявить нужные элементы?
А то он только показывает что на странице, а параметры браузера не поглядеть.
А то в этом файле куча элементов, но на что они влияют не понятно.
И как я понял, там только для контекстного меню, и поисковой панели в адресной строке.

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

Понял, что панель закладок это #sidebar

скрытый текст
Но цвет текста там не меняется.
Только фон за текстом.

Выделить код

Код:

#sidebar {
  background: rgb(34,34,34) !important;
}

А нужно получить вот такое: https://i.imgur.com/w9PNEXq.png

Отредактировано westyles (30-10-2018 03:11:15)

Отсутствует

 

№476730-10-2018 10:19:38

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

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

westyles
Цвет свой вставьте.

Выделить код

Код:

/* Цвет фона и ширина боковой панели п.у. 18em*/
#sidebar-box {
    background-color: #40E0D0 !important;
    width: 22em !important;
}

Отсутствует

 

№476830-10-2018 10:20:32

drage2
Забанен
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 392
UA: Firefox 61.0

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

Окно about:page и тем более about:multimedia как сделать фиксированным?

Отсутствует

 

№476930-10-2018 13:51:04

drage2
Забанен
 
Группа: Members
Откуда: Донецк
Зарегистрирован: 23-11-2017
Сообщений: 392
UA: Firefox 61.0

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

westyles
sidebar

скрытый текст
#sidebar,
#sidebar-box,
#sidebar-header,
#bookmarksPanel,
#bookmarks-view,
#history-panel,
#historyTree,
#viewButton {
  background: gray !important;
  color: yellow !important;
  font-size: 13px !important;
  max-width: 60em !important;
  min-width: 8em !important;
}

Отсутствует

 

№477030-10-2018 15:22:19

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

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

Как уменьшить в боковой панели интервал между строк в закладках и истории? Раньше работал такой код, теперь перестал.

Выделить код

Код:

/* Уменьшение интервала в боковой панели закладок и истории (нововведения с 25-й версии). Делает как раньше */
treechildren:-moz-tree-row {
    height: 1.3em !important;
    border-width: 1px !important;
}

Отсутствует

 

№477130-10-2018 16:42:28

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

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

xrun1
попробуйте на чистом профиле похоже у вас конфликт с другими стилями,
у меня тот код (второй) https://forum.mozilla-russia.org/viewto … 55#p762555 вполне себе работает.
Было

скрытый текст
SNIMOK-EKRANA-V-2018-10-30-16-35-43.png

Стало
скрытый текст
SNIMOK-EKRANA-V-2018-10-30-16-36-39.png

Отредактировано Vitaliy V. (30-10-2018 16:43:11)

Отсутствует

 

№477230-10-2018 17:33:03

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

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

Vitaliy V.
Да, на чистом всё отлично. Буду искать, где конфликт.
UPD: Вдруг всё само заработало, мистика.:)

Отредактировано xrun1 (30-10-2018 17:54:10)

Отсутствует

 

№477330-10-2018 23:14:20

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

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

А можно также сжать интервалы между строк в выпадающих списках из панели закладок?

Отсутствует

 

№477431-10-2018 00:09:17

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

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

xrun1
для #BMB https://forum.mozilla-russia.org/viewto … 71#p762671
ну или побольше

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

Выделить код

Код:

panelview :-moz-any(.subview-subheader,.toolbarbutton-1,.subviewbutton),
menupopup .subviewbutton {
    min-height: 18px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}


для других меню писать неохота например панель меню -> закладки там -moz-appearance: menuitem; зависит от темы ОС стиль больше нужен ...

Отредактировано Vitaliy V. (31-10-2018 00:14:29)

Отсутствует

 

№477531-10-2018 09:23:20

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

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

Vitaliy V.
Наверное, можно использлвать этот стиль.
https://forum.mozilla-russia.org/viewtopic.php?pid=762974#p762974

Отсутствует

 

Board footer

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