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

Список ответов на каверзные вопросы можно получить в FAQ-разделе форума.

№680128-10-2019 15:02:44

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

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

xrun1 пишет:

Может, про это Виталий скажет своё мнение. Мне тоже интересно узнать.

Думаю тут нет особой разницы, я просто скопировал из предыдущего кода ну типа чтобы строк поменьше было.
К этому коду никаких замечаний не имею,
ну кроме вашего например menuitem[label="Копировать"] зачем label если есть id или др. атрибуты не зависящие от локали

Отсутствует

 

№680228-10-2019 15:47:12

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

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

shadow_user пишет:

Такая же проблема, иконки отображаются изредка кое-где. Поскажете решение? [firefox] 68

Я просто (не проверив) скопировал содержимое -> my_css/icons_in_menu.css  в свой userChrome.css и не мог понять в чём дело. В итоге разобрался https://b.radikal.ru/b09/1909/c6/7de044743b52.gif

Отредактировано kokoss (28-10-2019 15:51:26)

Отсутствует

 

№680328-10-2019 15:47:32

Andrey_Krropotkin
Участник
 
Группа: Members
Зарегистрирован: 11-11-2011
Сообщений: 376
UA: Firefox 70.0

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

Vitaliy V. подскажи есть
treechildren::-moz-tree-image(container){
list-style-image: url("../CSS/icons/folder-item.png")!important;
-moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}
как сюда добавить исключение - treechildren::-moz-tree-image(container, query)
или по другому - чтобы менялись только значки папок и не затрагивались "Недавно добавленные, Последние метки" в боковой панели и "Журнал, Все закладки" в библиотеке

Отредактировано Andrey_Krropotkin (28-10-2019 16:01:21)

Отсутствует

 

№680428-10-2019 15:56:31

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

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

Vitaliy V. пишет:

например menuitem[label="Копировать"] зачем label если есть id

Например, для меню ПКМ в urlbar или searchbar, там id нет, только label.

Отсутствует

 

№680528-10-2019 16:30:00

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

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

xrun1 пишет:

На этом вроде всё. Скачать можно здесь.

Спасибо https://c.radikal.ru/c12/1904/57/529d356c7ab0.gif

Отсутствует

 

№680628-10-2019 16:48:17

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

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

Andrey_Krropotkin пишет:

как сюда добавить исключение - treechildren::-moz-tree-image(container, query)

в этих деревьях нет исключений придётся повторить весь код из omni/chrome/browser/skin/classic/browser/places/tree-icons.css

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

Выделить код

Код:

treechildren::-moz-tree-image(title) {
  list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.svg") !important;
}

treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open) {
  /* заменённая иконка */
  list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16'><path d='M 1,2 V 13 C 1,13 1,14 2,14 H 14 C 14,14 15,14 15,13 V 4 C 15,3 14,3 14,3 H 9 L 7,1 H 2 C 2,1 1,1 1,2 Z' style='fill:rgb(235,102,55);' /></svg>") !important;
}

treechildren::-moz-tree-image(container, queryFolder_toolbar_____) {
  list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.svg") !important;
}

treechildren::-moz-tree-image(container, queryFolder_menu________) {
  list-style-image: url("chrome://browser/skin/places/bookmarksMenu.svg") !important;
}

treechildren::-moz-tree-image(container, queryFolder_unfiled_____) {
  list-style-image: url("chrome://browser/skin/places/unfiledBookmarks.svg") !important;
}

treechildren::-moz-tree-image(query) {
  list-style-image: url("chrome://browser/skin/places/folder-smart.svg") !important;
}

treechildren::-moz-tree-image(query, OrganizerQuery_allbms_____v) {
  list-style-image: url("chrome://browser/skin/bookmark.svg") !important;
}

treechildren::-moz-tree-image(query, OrganizerQuery_downloads__v) {
  list-style-image: url("chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar") !important;
}

treechildren::-moz-tree-image(title, query, tagContainer),
treechildren::-moz-tree-image(query, OrganizerQuery_tags_______v) {
  list-style-image: url("chrome://browser/skin/places/tag.svg") !important;
}

treechildren::-moz-tree-image(title, query, dayContainer) {
  list-style-image: url("chrome://browser/skin/places/history.svg") !important;
}

treechildren::-moz-tree-image(title, query, hostContainer) {
  list-style-image: url("chrome://browser/skin/places/folder.svg") !important;
}

treechildren::-moz-tree-image(query, OrganizerQuery_history____v) {
  list-style-image: url("chrome://browser/skin/places/history.svg") !important;
}

treechildren::-moz-tree-image(title, query, folder) {
  list-style-image: url("chrome://browser/skin/places/folder.svg") !important;
}


ну или не весь смотря что заменять

xrun1 пишет:

Например, для меню ПКМ в urlbar или searchbar, там id нет, только label.

понятно но все же можно сделать
menuitem[command="cmd_copy"]::before,
menuitem[command="placesCmd_copy"]::before {
это включая "Копировать ссылку на загрузку"
но думаю иконка та же сойдёт

Отредактировано Vitaliy V. (28-10-2019 16:48:47)

Отсутствует

 

№680728-10-2019 17:53:54

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

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

Andrey_Krropotkin пишет:

folder-item.png

Ага, мне тоже не нравится дефолтная серая унылая папка folder.svg
Заменил себе её отображение довольно необычным способом.
Наверно не подходит для навороченых изысканных задач,
но меня полностью устраивает.

Меняется разом, везде вообще. Размещается в userContent.css
(да-да, не смотрите на меня так, в юзерКонтент.цсс)

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

Выделить код

Код:

@-moz-document url(chrome://browser/skin/places/folder.svg) {
    *|svg {
        background: no-repeat url(
            "data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEwAAACMAAAAmAAAAJgAAACYAAAAmAAAAJgAAACYAAAAmAAAAJgAAACYAAAAcAAAAEQAAAAkAAAAAAAAAAEmfssRHm6//R5uv/0ebr/9Hm6//R5uv/0ebr/9Hm6//R5uv/0ebr/9Hm6//SJ+zyUqhtRMAAAAAAAAAAAAAAABInbD/leXz/4ff8f+D3vH/gN3w/33c7/972+//eNnu/3XY7f902O3/X8/p/1S3zv9JnrHvTKa6VAAAAAAAAAAASZ+z/5vn9P9+3PD/etvv/3fZ7v9z2O3/cNbt/23V7P9q1Ov/dtnu/1/P6f9Ut87/hN7t/0mgtPMAAAAAAAAAAEqitv+g6fb/g9/x/3/d8P983O//eNru/3XZ7v9x1+3/btbs/3ra7/9fz+n/VLfO/4fi8v9Korb/AAAAAAAAAABLpLn/p+z3/4nh8v+F4PH/gd7w/33c7/962+//dtnu/3PY7f9+3PD/X8/p/1S3zv+H4vL/S6S5/wAAAAAAAAAATae8/7Du+P+O5PP/iuLy/4fg8f+D3/H/f93w/3vb7/942u7/gt7x/1/P6f9Ut87/h+Ly/02nvP8AAAAAAAAAAE6qwP+58vn/k+b0/5Dk8/+M4/P/iOHy/4Xg8f+B3vD/fdzv/4fg8f9fz+n/VLfO/5no9f9OqsD/AAAAAAAAAABQrsT/vfX7/6zw+f+k7fj/nOr2/5Tm9P+M4/P/huDx/4Lf8f+M4vL/X8/p/1S3zv+y7/f/UK7D9wAAAAAAAAAAUrLI/8D2/P+w8vr/rfD5/6rv+f+n7vj/o+z3/53q9v+W5/X/lub1/3LX7f9Ut87/UbLI71KyyGAAAAAAAAAAAFO1zP/A9vz/svP6/7Dy+v+u8fn/qu/5/6fu+P+k7fj/oOv3/5zp9v+g6vb/VLfO/1O1zBEAAAAAAAAAAAAAAABVuM//wff8/7T0+/+z8/v/sPL6/67x+f+r8Pn/qO74/6Xt+P+h6/f/pOz3/1W4z/8AAAAAAAAAAAAAAAAAAAAAVrzU/8H3/P+29Pv/tfT7/7Pz+/+x8vr/rvH6/6vw+f+p7/j/pe73/6ju+P9WvNT/AAAAAAAAAAAAAAAAAAAAAFjA2P/A9/z/t/X7/7b0+/+19Pv/s/P6/7Hy+v+v8fr/rPD5/6nv+P+s7/n/WMDY/wAAAAAAAAAAAAAAAAAAAABZw9v/wPf8/8H3/P/B9/z/wPf8/772/P+99fz/uvX7/7n0+/+69Pv/uPP6/1nD2/8AAAAAAAAAAAAAAAAAAAAAW8ffv1vG3/9bxt//W8bf/1vG3/9bxt//W8bf/1vG3/9bxt//W8bf/1vG3/9bx9+/AAAAAAAAAAAAAAAAgAGsQYADrEGAAaxBgAGsQYABrEGAAaxBgAGsQYABrEGAAaxBgAGsQYADrEGAB6xBgAesQYAHrEGAB6xBgAesQQ=="
        ) !important;
    }
    *|path {
        display: none !important;
    }
}

Отсутствует

 

№680828-10-2019 18:41:11

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1322
UA: Firefox 42.0

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

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

Отредактировано Stkvsky (28-10-2019 18:41:27)

Отсутствует

 

№680928-10-2019 18:49:14

Andrey_Krropotkin
Участник
 
Группа: Members
Зарегистрирован: 11-11-2011
Сообщений: 376
UA: Firefox 70.0

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

Dumby, Vitaliy V. спасибо разобрался. Vitaliy V. еще вопрос можно ли глобально изменить цвет выделения пунктов в панелях или как изменить это в сайдбаре (Журнал, Закладки), в меню кнопки "Журнал".

Отредактировано Andrey_Krropotkin (28-10-2019 18:53:11)

Отсутствует

 

№681028-10-2019 19:45:50

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

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

Dumby
Действительно необычный способ, вот только
-moz-context-properties не работает если заменить на другую svg иконку загруженную по протоколу chrome://
или возможно? В любом случае нужный способ, надо будет поэкспериментировать с ним.

Andrey_Krropotkin пишет:

можно ли глобально изменить цвет выделения пунктов в панелях

вообще то этим можно управлять темой как эта https://github.com/VitaliyVstyle/Vitali … 9.4.14.xpi
можно сделать похожую со своими цветами там всё просто
upd: хотя нет не всё это можно темой сделать.

ну или стилем как-то так, это переопределит все темы

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

Выделить код

Код:

.sidebar-panel .sidebar-placesTreechildren::-moz-tree-row(selected,focus) {
  background-color: red !important;
}

.sidebar-panel .sidebar-placesTreechildren::-moz-tree-image(selected, focus),
.sidebar-panel .sidebar-placesTreechildren::-moz-tree-twisty(selected, focus),
.sidebar-panel .sidebar-placesTreechildren::-moz-tree-cell-text(selected, focus) {
  color: white !important;
}

panel[type="arrow"] {
    --arrowpanel-dimmed: red !important;
    --arrowpanel-dimmed-further: darkred !important;
    --arrowpanel-dimmed-even-further: darkred !important;
}

.subviewbutton.panel-subview-footer {
  background-color: hsla(0,0%,80%,.35) !important;
}

.subviewbutton.panel-subview-footer:not(:-moz-any([disabled],[open],:active)):-moz-any(:hover,:focus) {
  background-color: var(--arrowpanel-dimmed) !important;
}

.subviewbutton.panel-subview-footer:not([disabled]):-moz-any([open],:hover:active) {
  background-color: var(--arrowpanel-dimmed-further) !important;
  box-shadow: none !important;
}



Добавлено 28-10-2019 20:07:53
Stkvsky
ну в принципе возможно например первую вкладку или какую надо?

Отредактировано Vitaliy V. (28-10-2019 20:07:53)

Отсутствует

 

№681128-10-2019 20:30:33

woe495
Участник
 
Группа: Members
Зарегистрирован: 03-07-2016
Сообщений: 7
UA: Firefox 70.0

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

Vitaliy V.

Я спросил
https://forum.mozilla-russia.org/viewto … 86#p774386
Вы ответили
https://forum.mozilla-russia.org/viewto … 91#p774391
Спасибо.

Получилось так

скрытый текст
https://sun9-11.userapi.com/c855028/v855028994/14402f/Av6wLnT0DhA.jpg

скрытый текст
https://sun9-20.userapi.com/c855028/v855028994/144042/jawwXSDJRDM.jpg

1. Можно добавить показ номера версии для ВЫКЛЮЧЕННЫХ Расширений и Плагинов ?

2. Можно добавить кнопки -
«Настройки» «Включить» «Отключить» «Удалить»
«Включать по запросу» «Всегда включать» «Никогда не включать» ?

Искал ещё здесь
https://www.reddit.com/r/FirefoxCSS/
Пробовал это
https://www.reddit.com/r/FirefoxCSS/com … ager_help/
Такие кнопки есть, но как-то выполнено коряво (моё субъективное мнение).

Отредактировано woe495 (28-10-2019 20:36:01)

Отсутствует

 

№681228-10-2019 20:37:54

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1322
UA: Firefox 42.0

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

Vitaliy V. пишет:

Stkvsky
ну в принципе возможно например первую вкладку или какую надо?

Например первую и вторую.

Отредактировано Stkvsky (28-10-2019 20:39:51)

Отсутствует

 

№681328-10-2019 20:50:15

Andrey_Krropotkin
Участник
 
Группа: Members
Зарегистрирован: 11-11-2011
Сообщений: 376
UA: Firefox 70.0

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

Vitaliy V. спасибо, темами темами не пользуюсь, осталось еще найти выделение при наведении мышкой для  сайдбара - боковых панелей (Журнал и Закладки) и в Библиотеке - там по прежнему выделяется серым.

Отредактировано Andrey_Krropotkin (28-10-2019 21:18:18)

Отсутствует

 

№681428-10-2019 23:10:14

solombala
Участник
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 360
UA: Firefox 70.0

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

Vitaliy V.
Нельзя сменить цвет на  dropmarker , как на menulist > dropmarker ? Так где "Все жанры"  Или это не dropmarker?
https://s19.directupload.net/images/191028/temp/utrgg3zq.png

Отсутствует

 

№681528-10-2019 23:42:01

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

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

Vitaliy V.
А Вы не могли бы подправить этот код для работы в 70 версии firefox. Или может скажите что на что нужно сменить. Спасибо.

Отсутствует

 

№681629-10-2019 00:06:56

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 153
UA: Firefox 68.0

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

Andrey_Krropotkin пишет:

осталось еще найти выделение при наведении мышкой для  сайдбара - боковых панелей (Журнал и Закладки) и в Библиотеке - там по прежнему выделяется серым.

В библиотеке цвет под курсором меняет код /* SELECTED ITEM */ отсюда https://forum.mozilla-russia.org/viewto … 78#p774378 Действует и на меню под кнопкой "Открыть меню" (три черточки справа сверху).

Отредактировано shadow_user (29-10-2019 00:12:51)

Отсутствует

 

№681729-10-2019 04:15:43

Orehis
Участник
 
Группа: Members
Зарегистрирован: 16-02-2019
Сообщений: 20
UA: Firefox 68.0

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

ofizer пишет:

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

Больше не актуально? Цвет выделеной ссылки в адресной строке тоже больше не работает.

Отсутствует

 

№681829-10-2019 11:07:00

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

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

woe495
1. нет там отсутствует атрибут [title]
2.

woe495 пишет:

Такие кнопки есть, но как-то выполнено коряво (моё субъективное мнение).

вы правы, попробуйте так

скриншоты
светлая тема
https://imageshost.ru/images/2019/10/29/SNIMOK-EKRANA-V-2019-10-29-10-38-49.png
темная тема + др. стили
https://imageshost.ru/images/2019/10/29/SNIMOK-EKRANA-V-2019-10-29-10-34-57.png

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

Выделить код

Код:

@-moz-document  url-prefix("chrome://mozapps/content/extensions/") {
#main {
    max-width: none !important;
    margin-inline-end: 6px !important;
}
addon-card .card-contents {
    width: auto !important;
    overflow: hidden !important;
    flex-grow: 1 !important;
}
button.more-options-button.ghost-button,
addon-card panel-item[action="expand"],
div.arrow.top, div.arrow.bottom {
    display: none !important;
}
addon-card panel-list {
    position: static !important;
    display: block !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    min-width: 0 !important;
    --v-content-box-border-color: rgba(12,12,13,0.3);
    --v-content-button-background-hover: rgba(12,12,13,0.15);
    --v-content-button-background-active: rgba(12,12,13,0.2);
    --v-content-button-color: rgb(12,12,13);
    --v-content-button-color-hover: rgb(12,12,13);
    --v-content-button-color-active: rgb(12,12,13);
}
@supports -moz-bool-pref("browser.in-content.dark-mode") {
@media (prefers-color-scheme: dark) {
    addon-card panel-list {
    --v-content-box-border-color: rgba(249,249,250,0.2);
    --v-content-button-background-hover: rgba(249,249,250,0.15);
    --v-content-button-background-active: rgba(249,249,250,0.2);
    --v-content-button-color: rgb(249,249,250);
    --v-content-button-color-hover: rgb(249,249,250);
    --v-content-button-color-active: rgb(249,249,250);
}
}
}
addon-card panel-item {
    padding: 0 !important;
    margin: 0 !important;
}
addon-card panel-item[action="preferences"] {
    order: -1 !important;
}
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
    width: auto !important;
    padding: 3px 6px !important;
    margin: 0 1px !important;
    background: none !important;
    border: 1px solid var(--v-content-box-border-color) !important;
    color: var(--v-content-button-color) !important;
    border-radius: 2px !important;
    font-weight: bold !important;
    -moz-appearance: none !important;
}
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button:-moz-any(:focus,:enabled:hover) {
    background-color: var(--v-content-button-background-hover) !important;
    color: var(--v-content-button-color-hover) !important;
}
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button:enabled:hover:active {
    background-color: var(--v-content-button-background-active) !important;
    color: var(--v-content-button-color-active) !important;
}
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::-moz-focus-inner {
    border: none !important;
}
link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after {
    top: 2px !important;
    left: 2px !important;
}
addon-card .more-options-menu {
    flex-grow: 0 !important;
    position: static !important;
    margin: 0 !important;
    align-self: end !important;
}
div.arrow.top ~ div.list {
    display: flex !important;
    justify-content: end !important;
}
}


Stkvsky пишет:

Например первую и вторую.

может полностью не удалять название вкладки а добавить вначале своё?

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

Выделить код

Код:

tab.tabbrowser-tab[pinned] + tab.tabbrowser-tab:not([pinned]) label.tab-label::before,
tab.tabbrowser-tab:not([pinned]):nth-of-type(1) label.tab-label::before {
    content: "Первая вкладка \2014" !important;
    display: -moz-box !important;
    padding-inline-end: .25em !important;
}
tab.tabbrowser-tab[pinned] + tab.tabbrowser-tab:not([pinned]) + tab.tabbrowser-tab:not([pinned]) label.tab-label::before,
tab.tabbrowser-tab:not([pinned]):nth-of-type(2) label.tab-label::before {
    content: "Вторая вкладка \2014" !important;
    display: -moz-box !important;
    padding-inline-end: .25em !important;
}


закреплённые вкладки не в счет

Andrey_Krropotkin пишет:

осталось еще найти выделение при наведении мышкой для  сайдбара - боковых панелей (Журнал и Закладки) и в Библиотеке - там по прежнему выделяется серым.

замените в предыдущем коде первые два правила чтобы было с hover и везде работало а не только в боковой панели

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

Выделить код

Код:

treechildren::-moz-tree-row(hover) {
  background-color: red !important;
}

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

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


solombala пишет:

Нельзя сменить цвет на  dropmarker , как на menulist > dropmarker ? Так где "Все жанры"  Или это не dropmarker?

у меня в стиле это html|select > html|button
дальше надеюсь разберешься сам

sandro79
поправил

Отредактировано Vitaliy V. (11-12-2019 17:24:02)

Отсутствует

 

№681929-10-2019 11:45:58

solombala
Участник
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 360
UA: Firefox 70.0

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

Vitaliy V.

Vitaliy V. пишет:

у меня в стиле это html|select > html|button

Черт его знает, это в сколбаре (этот дроп) , и куда и как это запихать?
Это вот, запросто (menulist > dropmarker) , а тот дроп, хрен его знает...

Отсутствует

 

№682029-10-2019 12:22:31

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

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

solombala
ну как то так, если у тебя там градиент есть
ниже этот код можно добавить...

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

Выделить код

Код:

html|select > html|button {
    background-color: red !important;
    background-image: var(--v-arrow-dn-image), linear-gradient(red,red) !important;
}
html|select > html|button[orientation="right"] {
    background-image: var(--v-arrow-rit-image), linear-gradient(red,red) !important;
}
html|select > html|button[orientation="left"] {
    background-image: var(--v-arrow-lft-image), linear-gradient(red,red) !important;
}


Orehis
в [firefox] 70 работает, но скоро не будет
https://forum.mozilla-russia.org/viewto … 08#p772408
да и не требуется с browser.urlbar.megabar - true

Отредактировано Vitaliy V. (29-10-2019 13:03:33)

Отсутствует

 

№682129-10-2019 13:28:11

solombala
Участник
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 360
UA: Firefox 69.0

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

Vitaliy V.
Благодарю...Было все итак, надо было background-color: подставить...Теперь класс!
Жаль при зуме всей страницы и скролл того, тоже увеличивается...

Отредактировано solombala (29-10-2019 13:38:42)

Отсутствует

 

№682229-10-2019 13:57:08

Orehis
Участник
 
Группа: Members
Зарегистрирован: 16-02-2019
Сообщений: 20
UA: Firefox 68.0

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

Vitaliy V. пишет:

в [firefox] 70 работает, но скоро не будет

Что-то снова поменяют?

Отсутствует

 

№682329-10-2019 14:13:40

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

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

Народ, помогите плиз. Никак не могу понять, почему на Windows 10 у меня панель вкладок какая-то сильно светлая. В Windows 7 она темнее, в отличие от текущей вкладки, и текущую можно отличить как-то, а в 10-ке нет. Можно этот фон поправить где-то?

Скриншоты (вкладки у меня внизу окна):

Windows 7:
https://i87.fastpic.ru/big/2019/1029/3a/ebdfa9e75b5578e25e46460b7294dc3a.png

Windows 10:
https://i87.fastpic.ru/big/2019/1029/37/18bb2f7c6c275561b7c1692cfde53637.png


userChrome.css:

скрытый текст
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* Tab bar below Navigation & Bookmarks Toolbars */
#nav-bar { /* main toolbar */
  -moz-box-ordinal-group: 2 !important;
  box-shadow: none !important;
  border-bottom: 1px solid ThreeDShadow !important;
}

#PersonalToolbar { /* bookmarks toolbar */
  -moz-box-ordinal-group: 1 !important;
  border-top: 1px solid ThreeDShadow !important;

}

/* Делаем статусбар прозрачным */
statuspanel { opacity: 0 !important; }

/* Более толстые кнопки Вперед-Назад */
#main-window:not(#f) #back-button {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAjUlEQVR42uWXwQrAIAxD9f8/OttlIDK2mkYrVvCYl3cQtbX4Fu5dPQBPGAIGHYaAQYchYNBhCBh0GAIGHYaAQYchYNDhv/KpApbyaQLW8ikCI+Xu1QssLe8Flpe3AiHlj0BY+TYCJVJim0MYJrHdRcRInPkYjUic/SGxSOT4lH5J5BpM3iRyDqethItxAaTNIBfhl7xRAAAAAElFTkSuQmCC") !important;
}
#main-window:not(#f) #forward-button {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAkElEQVR42sWXSw7AIAhEy/0P3ZoumtRoKyPwSFy4YObFL9ixH2cbpibLiR2ArBUJIOlFA7g1MwBculkAy9qZAEv62QC/HhUAnz5VAFOvSoChnzkFIsL6STXAC4ICeCBIgNufBsBXAAdAtwA9hOg1tOlEjO2nuAoA/YzQ7xgtSNCSDC1K0bIcbUzQ1gxtTmWdCyMiIB+7tLLnAAAAAElFTkSuQmCC") !important;
}

/* Hide blue stripe on active tab
.tab-line[selected="true"] {
  opacity: 0 !important;
}
*/

/* Цвет линии для активной вкладки
.tab-line[selected="true"] {
  background-color: #68768a !important;
}
*/

/* Цвет активной вкладки */
.tab-background[selected="true"] {
background-color: #F0F0F0 !important; /* this sets the color of the tab background */
}

/* Сделать линию для активной вкладки прозрачной */
.tab-line[selected="true"] {
  opacity: 0 !important;
}


/*** Секция для вкладок внизу ***/

/* Вкладки в низ окна */
#TabsToolbar {
  position: fixed;
  bottom: -0em;
  width: 100%;
  }
  #tabbrowser-tabs { width: 96%; }
  #content-deck { margin-bottom: 2.5em;
}

/* Для полного экрана */
TabsToolbar:not([inFullscreen="true"]) {position:fixed; bottom:0em; width:100%;}

/* Remove X from Tabs */
#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display:none!important; }

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#tabbrowser-tabs {
  width: 100vw !important;
  #content-deck { margin-bottom: 0em; }
  #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
}

/* TABS: height */
:root {
--tab-toolbar-navbar-overlap: 0px !important;
}
:root #tabbrowser-tabs {
--tab-min-width: 80px !important;
}

/* Tabs Bottom https://support.mozilla.org/en-US/questions/1248277 */

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
background-color: var(--toolbar-bgcolor) !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
  width: 40px;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}

/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}

/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
top: calc(6px + var(--tab-min-height)) !important;
display: block !important;
visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}

/*** Конец секции для вкладок внизу ***/

/*** Find Bar Tweaks https://support.mozilla.org/ru/questions/1224761 ***/
.browserContainer > findbar {

  /* Position the Find Bar above the page */
  -moz-box-ordinal-group: 0;

  /* Move Find Bar border from top to bottom */
   border-top: none !important;
   border-bottom: 1px solid ThreeDShadow !important;
}

/* Status Bar http://penduin.blogspot.com/2018/01/how-to-fix-firefox-57-status-bar.html */

#browser-bottombox {
height: 2.5em;
border-top: solid thin #505050;
}
.browserContainer>statuspanel {
left: 4px !important; bottom: 2px;
transition-duration: 0s !important;
transition-delay: 0s !important;
}
.browserContainer>statuspanel>.statuspanel-inner>.statuspanel-label {
margin-left: 0px !important;
border: none !important;
padding: 0px !important;
background: rgb(0,0,0,0) !important;
color: silver !important;
}

window[inFullscreen="true"] #browser-bottombox {
display:none !important;
}
window[inFullscreen="true"] .browserContainer>statuspanel[type="overLink"] .statuspanel-label {
display:none !important;
}

Отсутствует

 

№682429-10-2019 17:38:17

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 153
UA: Firefox 68.0

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

Vitaliy V.
[firefox] 68 с вашей темой vitaliyvstyle_theme-2019.4.14.xpi. Как можно получить соответствующий "фирменный" темный стиль для выпадающего меню "Показать больше закладок"?

скрытый текст
http://ipic.su/img/img7/fs/11.1572359700.png

Отсутствует

 

№682529-10-2019 17:59:21

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

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

Orehis пишет:

Что-то снова поменяют?

Удалят XBL bindings, т.е. свойство -moz-binding: будет бесполезно

Если кто желает попробовать стиль для browser.urlbar.megabar - true
который делает urlbar нормальным

скрытый текст
https://imageshost.ru/images/2019/10/29/SNIMOK-EKRANA-V-2019-10-29-18-43-55.png

ну и панель при этой настройке будет по размеру urlbar'а
для [firefox] 70
скрытый текст

Выделить код

Код:

#urlbar-container,
#search-container {
    padding: 1px !important;
    margin: 0 !important;
}

#urlbar, #searchbar {
    margin: 0 !important;
}

#searchbar .searchbar-textbox {
    margin: 0 !important;
}

#urlbar[breakout] {
    position: absolute !important;
    top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
    margin: 0 !important;
    width: var(--urlbar-width) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

#urlbar[breakout] > #urlbar-input-container {
    height: calc(var(--urlbar-height) - 2px) !important;
    width: 100% !important;
    padding: 0 !important;
    vertical-align: top !important;
}

#urlbar[breakout] > .urlbarView {
    background-color: var(--autocomplete-popup-background, transparent) !important;
    margin: 0 !important;
    width: 100% !important;
}


для [firefox] 71+
скрытый текст

Выделить код

Код:

#urlbar-container,
#search-container { /* это правило не является обязательным */
    padding: 1px 0 !important;
    margin: 0 1px !important;
}

#urlbar-container[breakout] {
    position: relative !important;
    min-height: var(--urlbar-container-height) !important;
}

#urlbar[breakout] {
    display: block !important;
    position: absolute !important;
    width: 100% !important;
    height: var(--urlbar-height) !important;
    top: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2) !important;
    left: 0px !important;
}

#urlbar[breakout] > #urlbar-input-container {
    width: 100% !important;
    height: var(--urlbar-height) !important;
    padding: 0 !important;
    vertical-align: top !important;
}

#urlbar[breakout][breakout-extend],
#urlbar[breakout][breakout-extend-disabled][open] {
    height: auto !important;
}

#urlbar[breakout] > #urlbar-background {
    animation: none !important;
    inset-inline-start: 0 !important;
    box-shadow: none !important;
}

#urlbar[breakout] > .urlbarView {
    background-color: var(--autocomplete-popup-background, transparent) !important;
    margin: 0 1px 1px 1px !important;
    border: none !important;
    width: calc(100% - 2px) !important;
}

#urlbar[breakout] > .urlbarView {
    margin: 0 1px 1px 1px !important;
    border: none !important;
    width: calc(100% - 2px) !important;
    border-bottom-left-radius: var(--toolbarbutton-border-radius, 4px) !important;
    border-bottom-right-radius: var(--toolbarbutton-border-radius, 4px) !important;
    color: var(--autocomplete-popup-color, var(--arrowpanel-color, rgba(12, 12, 13, 1))) !important;
    background: var(--autocomplete-popup-background, var(--arrowpanel-background, rgb(255, 255, 255))) !important;
}

*|*:root[lwt-popup-brighttext] #urlbar[breakout] > .urlbarView {
    color: var(--autocomplete-popup-color, var(--arrowpanel-color, rgb(177,177,179))) !important;
    background: var(--autocomplete-popup-background, var(--arrowpanel-background, rgb(27,27,29))) !important;
}

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

#urlbar[breakout] > #urlbar-input-container > #urlbar-search-icon {
    fill: currentColor !important;
    fill-opacity: .6 !important;
}


V2 для [firefox] 71+
скрытый текст

Выделить код

Код:

#urlbar-container,
#search-container { /* это правило не является обязательным */
    padding: 1px 0 !important;
    margin: 0 1px !important;
}

#urlbar-container[breakout] {
    position: relative !important;
    min-height: var(--urlbar-container-height) !important;
}

#urlbar[breakout] {
    display: block !important;
    position: absolute !important;
    width: 100% !important;
    height: var(--urlbar-height) !important;
    top: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2) !important;
    left: 0px !important;
}

#urlbar[breakout] > #urlbar-input-container {
    width: 100% !important;
    height: var(--urlbar-height) !important;
    padding: 0 !important;
    vertical-align: top !important;
}

#urlbar[breakout][breakout-extend],
#urlbar[breakout][breakout-extend-disabled][open] {
    height: auto !important;
}

#urlbar[breakout] > #urlbar-background {
    animation: none !important;
    inset-inline-start: 0 !important;
    box-shadow: none !important;
    height: var(--urlbar-height) !important;
    top: 0px !important;
    bottom: auto !important;
}

#urlbar[breakout] > .urlbarView {
    margin: 0 !important;
    width: 100% !important;
    border-bottom-left-radius: var(--toolbarbutton-border-radius, 4px) !important;
    border-bottom-right-radius: var(--toolbarbutton-border-radius, 4px) !important;
    color: var(--autocomplete-popup-color, var(--arrowpanel-color, rgba(12, 12, 13, 1))) !important;
    background: var(--autocomplete-popup-background, var(--arrowpanel-background, rgb(255, 255, 255))) !important;
    border: 1px solid var(--panel-separator-color, var(--arrowpanel-border-color, rgba(24,26,27,.14))) !important;
}

*|*:root[lwt-popup-brighttext] #urlbar[breakout] > .urlbarView {
    color: var(--autocomplete-popup-color, var(--arrowpanel-color, rgb(177,177,179))) !important;
    background: var(--autocomplete-popup-background, var(--arrowpanel-background, rgb(27,27,29))) !important;
    border: 1px solid var(--panel-separator-color, var(--arrowpanel-border-color, rgba(249,249,250,.1))) !important;
}

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

#urlbar[breakout] > #urlbar-input-container > #urlbar-search-icon {
    fill: currentColor !important;
    fill-opacity: .6 !important;
}


Retif пишет:

userChrome.css:

цвет поменяйте
#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
background-color: var(--toolbar-bgcolor) !important;
}

shadow_user пишет:

с вашей темой vitaliyvstyle_theme-2019.4.14.xpi. Как можно получить соответствующий "фирменный" темный стиль для выпадающего меню "Показать больше закладок"?

стиль для меню
https://forum.mozilla-russia.org/viewto … 65#p764365

Отредактировано Vitaliy V. (Вчера 19:14:58)

Отсутствует

 

Board footer

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