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

xrun1 · №6576

drk
Этот файл там же, чуть выше.
Там говорится, что не особо-то и нужен, если включён заголовок окна (This stylesheet is pretty much unnecessary if window titlebar is enabled).

drk · №6577

xrun1, спасибо.
window titlebar у меня вроде enabled, но пусть будет.
Класть window_control_placeholder_support.css нужно рядом с userChrome.css?

usalex · №6578

Vitaliy V., нет ли возможности поменять значок даунлодинга на панели на какой-нибудь более информативный?
Конкретно не устраивает анимация процесса скачивания файлов, реализованная в дефолтном значке. Нижняя горизонтальная полоска слишком узкая и приходится сильно напрягать зрение, чтоб разглядеть прогресс закачки.

xrun1 · №6579

drk
Можно положить рядом и добавить в userChrome.css строчку
@import "./window_control_placeholder_support.css";

oleg.sgh · №6580

Firefox 69. Перестал работать код, увеличивающий шрифт в инспекторе. Можно исправить?

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

Выделить код

Код:

@-moz-document url-prefix("chrome://devtools/content/") {
*|*:root {
  --theme-body-font-size: 15px !important;
  --theme-code-font-size: 15px !important;
}
}

Отредактировано oleg.sgh (04-10-2019 10:47:57)

solombala · №6581

Vitaliy V.

Такая проблема "завершена" ни цвет, ни размер не могу сделать...
И еще, не могу в 68 findbar уделать, 69 и 66 запросто, а тут тупик. Это не помогает

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

.findbar-textbox[status="notfound"] {background: brown !important; color: yellow !important;}

Или это глушить? Так в urlbar и searchbar цвет меняется

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

textbox *|input {
color: #00FFFF !important;

}

Хочу так

Отредактировано solombala (04-10-2019 10:02:59)

drk · №6582

xrun1 пишет

drk
Этот файл там же, чуть выше.
Там говорится, что не особо-то и нужен, если включён заголовок окна (This stylesheet is pretty much unnecessary if window titlebar is enabled).

Все же, вероятно, нужен. Без него, напрмер, не открыть YouTube в полный экран. Вероятно - что-еще не будет работать как надо.

Vitaliy V. · №6583

usalex
Может просто увеличить прогресс бар во время скачивания

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

Выделить код

Код:

#downloads-button[indicator][progress]  #downloads-indicator-anchor > #downloads-indicator-progress-outer {
    transform: scale(2,3) translateY(-4px) !important;
}

oleg.sgh пишет

Firefox ~~69.~~ 70. Перестал работать код, увеличивающий шрифт в инспекторе. Можно исправить?

Добавьте его в userContent.css

solombala
этот код

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

Выделить код

Код:

*|*.findbar-textbox[status="notfound"] {
  background: brown !important; 
  color: yellow !important;
}

работает и в 68 и в 69

Отредактировано Vitaliy V. (04-10-2019 14:44:52)

oleg.sgh · №6584

Vitaliy V.

Добавьте его в userContent.css

Не работает.

Vitaliy V. · №6585

oleg.sgh
Перепутал с 70
а на [firefox] 69 всё работает в userChrome.css

oleg.sgh · №6586

Vitaliy V.
Ничего не менял, только обновил с 68-й.

стоит в самом начале

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@-moz-document url-prefix("chrome://browser/content/browser.x") {

/* шрифт в инспекторе */
*|*:root {
  --theme-body-font-size: 17px !important;
  --theme-code-font-size: 17px !important;
}

Отредактировано oleg.sgh (04-10-2019 14:45:45)

Vitaliy V. · №6587

oleg.sgh
ну и каким образом он заработает если нужно @-moz-document url-prefix("chrome://devtools/content/")
а не @-moz-document url-prefix("chrome://browser/content/browser.x")
и не забывайте в конце закрывающую скобку ставить

oleg.sgh · №6588

Vitaliy V.
Дошло. Благодарю.

solombala · №6589

Vitaliy V.
Вчера сто раз так делал

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

*|*.findbar-textbox[status="notfound"] {
background: brown !important;
color: yellow !important;
}

Теперь убрал отсюда !important и заработало...

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

textbox *|input {
color: #00FFFF !important;

}

Правда, ::-moz-selection здесь уже никак(*|*.findbar-textbox[status="notfound"])

Отредактировано solombala (04-10-2019 15:09:55)

Vitaliy V. · №6590

solombala пишет

Теперь убрал отсюда !important и заработало...

Оно и с !important; заработает если правильный код использовать
например

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

Выделить код

Код:

textbox,
textbox *|input::-moz-placeholder {
    color: #00FFFF !important;  
}
*|*.findbar-textbox[status="notfound"] {
  background: brown !important; 
  color: yellow !important;
}

solombala пишет

::-moz-selection здесь уже никак

опять неверно

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

Выделить код

Код:

*|input.findbar-textbox::-moz-selection,
*|*.findbar-textbox *|input::-moz-selection {
  background: green !important;  
  color: white !important;
}

этот код должен быть ниже

Отредактировано Vitaliy V. (04-10-2019 15:45:20)

solombala · №6591

Vitaliy V.
Круто...А, с arrow панелью загрузок никак?
" завершена" ни цвет, ни размер не могу сделать..."

Vitaliy V. · №6592

solombala пишет

ни цвет, ни размер не могу сделать...

это?

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

Выделить код

Код:

#downloadsSummaryDetails, .downloadDetails {
    font-size: 15px !important;
    color: yellow !important;
}

или лучше скриншот сделай что изменить

Отредактировано Vitaliy V. (04-10-2019 16:19:51)

solombala · №6593

Vitaliy V.
Оно, класс! opacity: 1 !important; и полный шик.

usalex · №6594

Vitaliy V. пишет

Может просто увеличить прогресс бар во время скачивания
скрытый текст
Выделить код
Код:
#downloads-button[indicator][progress]  #downloads-indicator-anchor > #downloads-indicator-progress-outer {
    transform: scale(2,3) translateY(-4px) !important;
}

Да, это подойдёт (наверное).
Но в какую секцию файла userChrome.css нужно вставлять этот код?
Попробовал добавить в конец секции, которую использую для своего шрифта списка закладок (эта секция начинается с @-moz-document url-prefix("chrome://browser/content/places/")
но не сработало.
А как нужно по-правильному (для FF 68.02) ?

Отредактировано usalex (04-10-2019 22:52:16)

Vitaliy V. · №6595

usalex пишет

эта секция начинается с @-moz-document url-prefix("chrome://browser/content/places/")

Нет это не подойдёт.

@-moz-document url-prefix("chrome://browser/content/browser.x") { код }
ну или просто код

в 68 там ещё xul документ используется
@-moz-document url("chrome://browser/content/browser.xul") { код }
но лучше это не использовать уже чтобы на новых версиях проблем не было

Отредактировано Vitaliy V. (04-10-2019 23:36:55)

usalex · №6596

Vitaliy V. пишет

ну или просто код

Спасибо! Сработало.
Настроил циферки, чтоб полоска была побольше - почти отлично.
Из-за увеличившейся толщины полоски прогресса пришлось её приподнять немного и она теперь налезает на изображение "Стрелка вниз".

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

Нельзя ли сделать так, чтоб во время закачки эта "Стрелка вниз" вообще не отображалась (ну, или как-то эту стрелку тоже приподнять) ?

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

Vitaliy V. · №6597

usalex
скрыть стрелку

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

Выделить код

Код:

#downloads-button[indicator][progress] #downloads-indicator-anchor > #downloads-indicator-icon {
    visibility: hidden !important;
}

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

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

Выделить код

Код:

#downloads-button[indicator][progress] #downloads-indicator-anchor > #downloads-indicator-icon {
    transform: translateY(-5px) !important;
}

Отредактировано Vitaliy V. (05-10-2019 00:44:47)

usalex · №6598

Vitaliy V. пишет

а вообще зачем так высоко подняли бар он же ниже вполне помещается

Да! Сейчас ещё поэкспериментировал и подошло нормально.
Спасибо вам огромное!

Есть ещё вопросик. Увидел ваш стиль для отображения версий расширений в менеджере аддонов.
Вот этот:

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

Выделить код

Код:

@-moz-document  url-prefix("chrome://mozapps/content/extensions/aboutaddons.html") {
  
*|*.addon-name[title] {
    font-size: 0 !important;
    display: flex !important;
    flex-direction: row !important;
}

*|*.addon-name[title]::after {
    display: block !important;
    content: attr(title) !important;
    font-size: 16px !important;
}

}

Но у меня на 68.02 не срабатывает почему-то (версии аддонов не показываются).
Пробовал переключать параметр: extensions.htmlaboutaddons.enabled но не влияет.
А что ещё может влиять, подскажите, плиз?

Vitaliy V. · №6599

usalex
это для userContent.css
в версиях > 68 надо заменить addon-name
на addon-name-link

Отредактировано Vitaliy V. (05-10-2019 01:17:05)

usalex · №6600

Vitaliy V. пишет

это для userContent.css

Теперь сработало штатно. Класс!
Спасибище!!!

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

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

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

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

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

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

Код:

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

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

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

Код:

Код:

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

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

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

Код:

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

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

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

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

Код:

Код:

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

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

Код:

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

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

Код:

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

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

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

Код:

Код:

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

Код:

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

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

Board footer