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

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 26-08-2022 01:01:19

sandro79 пишет

Да я в теории не слишком силён, да и в практике тоже. У меня кое-где добавлено только одно @namespace html url("http://www.w3.org/1999/xhtml");
И в стиле Vitaliy V., для полос прокрутки, немного под себя подкрученном, с правами AGENT_SHEET, добавлены обе эти строки, иначе не работает, вот так:

А если вот так указать, то это корректно? Проверь на своем коде такой тип записи:

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"), html url("http://www.w3.org/1999/xhtml");

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 25-08-2022 21:49:42

sandro79 пишет

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); удалите и заработает! Других вариантов не знаю.
В начале стиля браузера chrome://browser/skin/tabs.css прописано @namespace html url("http://www.w3.org/1999/xhtml");

Во! В этом проблема была, спасибо!
И с @namespace html url("http://www.w3.org/1999/xhtml"); и без этих строк работает.
Какую строку вообще тут надо добавлять или можно вообще не добавлять их?
Много где встречал, когда пишут про эти файлы, пишут добавить в начало строку, у всех разная, не знаю в чём тут смысл этих строк.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 25-08-2022 20:24:06

sandro79 пишет

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

Попробовал отдельный нетронутый core 102.2 через libportable и отдельно через x-firefox:
[spoiler]Добавил в профиль userChrome.css
[code]@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Этот файл userChrome.css должен находиться в папке "chrome" в корне папки профиля  */


:root[uidensity="compact"] .tab-icon-stack[indicator-replaces-favicon] > :not(.tab-icon-overlay) {
  opacity: 1 !important;
}

.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
    opacity: 1 !important;
    margin-inline-start: 20px !important;
    margin-inline-end: 2px !important;
}
.tab-icon-overlay[soundplaying] {
    list-style-image: url("chrome://global/skin/media/audio.svg") !important;
}
.tab-icon-overlay

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 25-08-2022 15:47:42

xrun1 пишет

Может я чего не правильно понял. Вы этот код ищете?

Да, это оно, но как сказал и kazarin, это оказывается не работает на 102, проверил на 102.1 и 102.2., других у меня нет.
Вот записал видео, о чем я, как делаю и что происходит, что не перебивает параметр почему-то, и что с этим делать и как победить легально пока не ясно, другой версии ESR нету:
https://drive.google.com/file/d/1XALkaF … sp=sharing
На записи делал медленно действия и повторял, чтобы было понятнее. Это в режиме компактном! Обычный режим не скрывает иконку.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 24-08-2022 21:00:31

sandro79

Для компактного режима вроде достаточно только первой строки из приведённого кода

Спс, всё равно не работает на компактном - фавикон исчезает. От этого кода работает только отодвигание иконки звука на 102.
Если в инструментах браузера ниже того кода добавляю правило:

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

Выделить код

Код:

:root[uidensity="compact"] .tab-icon-stack[indicator-replaces-favicon] > :not(.tab-icon-overlay) {
  opacity: 1 !important;
}


То работает, даже без !important, а из файла userchrome нет.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 24-08-2022 15:24:30

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

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

Выделить код

Код:

:root[uidensity="compact"] .tab-icon-stack[indicator-replaces-favicon] > :not(.tab-icon-overlay),
#tabbrowser-tabs[secondarytext-unsupported] .tab-icon-stack[indicator-replaces-favicon] > :not(.tab-icon-overlay),
:root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:not(:hover) .tab-icon-overlay[indicator-replaces-favicon],
:root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:hover .tab-icon-stack[indicator-replaces-favicon] > :not(.tab-icon-overlay) {

    opacity: 0;

}


Как его можно перебить через свой в userChrome.css?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 05-11-2018 23:24:52

sandro79

sandro79 пишет

Великолепно! Кое-что выдёрнул себе в комплект, спасибо. Вот тут бы ещё надписи возле значков подправить, если можно:

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

Выделить код

Код:

/* Цвет названий и элементов расширений в расширенном меню */
.widget-overflow-list {
    color: rgba(200,200,200,1.00) !important;
}
/* Отступ названий у расширений от значков */
.widget-overflow-list .toolbarbutton-text {
    margin-left: 5px !important;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 05-11-2018 20:19:03

Благодарю всех, кто подсказал мне начало пути по настройке оформления,
и тех кто тут помогает всем.

Потратил неделю на оформление под оригинальную темную тему, но только основных элементов:
контекстные меню, тулбары, скролбары, закладки, загрузки, история в урлбаре.

Изменений вида не делал, кроме "новой вкладки с закладками". оставил все как в оригинале.
Делал первый раз, знаний по html5 и css не так много,
да и самого принципа как устроены стили в браузере. Может что и сделал не по стандарту.
Все не делал, так как и так очень много времени ушло.
Не все понял как изменить. так как dom inspector не все показывает да и глючит.

Вот готовый результат с полным описанием в стилях и как использовать:
https://yadi.sk/d/EvMLzLlK4jSJrg
И скриншот там есть некоторых элементов.

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

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

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

Понял, что панель закладок это #sidebar
[spoiler]Но цвет текста там не меняется.
Только фон за текстом.

Выделить код

Код:

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

А нужно получить в

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 30-10-2018 01:25:07

sandro79 пишет

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

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 29-10-2018 22:50:56

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

Board footer

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