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

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 25-09-2021 16:58:00

Vitaliy V. пишет

Раскомментировать:

Спасибо! Теперь всё Гуд!

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 25-09-2021 16:01:40

Vitaliy V.
Здравствуйте!
Обновил у себя ваш "user_chrome_files" от 2021.09.24 01:48:12. Вроде всё настроил под себя, но не могу разобраться со Специальными виджетами, в частности с Сепаратором, - не появляется ни в какую в Настройках панели инструментов. Причем, Растягивающийся интервал есть в Вертикальной панели, а Сепаратора нет. Подскажите, пожалуйста, что может быть не так и в какую сторону "копать"?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 07-06-2021 19:24:26

egorsemenov06 пишет

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

Вам, наверно, проще применить вот этот стиль: https://github.com/sagars007/Australis-like-tabs-FF-ProtonUI-changes
У вас оттуда выдернут код, но с некоторыми изменениями. Попробуйте оригинальный стиль от sagars007, возможно он вам больше понравится.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 05-06-2021 22:52:51

Vitaliy V. пишет

Я думаю актуальна, изменять стилем шрифт в [firefox] универсальным селектором так себе решение
Попробовал изменить шрифт в [windows] 10 на виртуалке и в [firefox] шрифт тоже изменился

У меня именно таким способом и изменён шрифт в Win 10 и раньше, до FF 89 никаких проблем с отрисовкой системных шрифтов в Мазилле не было, но тут у меня совпала переустановка винды и выход FF 89, поэтому Лису 89 установил с нуля вчистую. И каково же было моё удивление: Лиса не подхватила мой системный шрифт (я тогда ещё подумал, что мозилловцы, как в Гугл Хроме включили в FF 89 "DirectWrite" какой-нибудь). И мне очень странно, что у вас FF 89 спокойно подхватывает системные шрифты. Сейчас специально изъял из своей Лисицы папку "chrome", для чистоты эксперимента, перезагрузил FF и вот смотрите результат:
[spoiler][url=https://fastpic.ru/view/114/2021/0605/_e4abdb140970980c1fcb7885740fb4a0.png.html][img]https://i114.fastpic.ru/thumb/2021/0605/a0/_e4abdb140970980c1fcb7885740fb4a0.j

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

Для тех кто плохо ориентируется или кому не нравится вид новых Неактивных вкладок Aris-t2 выпустил код, делающий Неактивные вкладки такими же "парящими", как и Активная вкладка.

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

Выделить код

Код:

/* non_active_tab_shape */
@supports -moz-bool-pref("browser.proton.enabled") {
	
.tabbrowser-tab:not(:hover) > .tab-stack > .tab-background:not([selected=true], [multiselected]) {
  background-color: color-mix(in srgb, currentColor 11%, transparent);
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true], [multiselected]) {
  background-color: color-mix(in srgb, currentColor 17%, transparent) !important;
}

}

Новости » Вышел Firefox 89.0 » 05-06-2021 20:34:16

Yoskaldyr
Вот Aris-t2 специально для тех кто плохо ориентируется в неактивных вкладках "запилил" код с такими же "парящими" вкладками, как и Активная вкладка.

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

Выделить код

Код:

/* non_active_tab_shape */
@supports -moz-bool-pref("browser.proton.enabled") {
	
.tabbrowser-tab:not(:hover) > .tab-stack > .tab-background:not([selected=true], [multiselected]) {
  background-color: color-mix(in srgb, currentColor 11%, transparent);
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true], [multiselected]) {
  background-color: color-mix(in srgb, currentColor 17%, transparent) !important;
}

}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 05-06-2021 19:29:22

kokoss
Спаибо! Но я как раз, только что в форуме: "Вышел Firefox 89.0" нашел ваш же совет, как вернуть старый вид Новой вкладки с нормальными Визуальными закладками (а не этими мелкими огрызками в FF 89) через about:config:  user_pref("browser.newtabpage.activity-stream.newNewtabExperience.enabled", false);

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 05-06-2021 17:59:43

Santo пишет

а вы пробовали так?

Большое вам человеческое спасибо! Теперь, наконец-то, все доделал из того, что хотел.
Кстати, может кому пригодится. Для тёмной темы код для изменения цвета фона и бордюров всех контекстных меню, как в новом Главном меню FF 89 (три палочки).

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

Выделить код

Код:

menupopup{
  --menuitem-hover-background-color: #53535e !important;
  --menu-background-color: #44424d !important;
  --menu-color: #ffffff !important;
  --menuitem-disabled-hover-background-color: rgba(83, 83, 94, 0.4) !important;
  --menu-disabled-color: rgba(255, 255, 225, 0.4) !important;
  --menu-border-color: #53535e!important;
  --menu-icon-opacity: 0.7 !important;
}

05-06-2021 18:26:45
Ещё одна хотелка: как можно скрыть вот эту здоровенную кнопку "Настроить" на Новой странице?[spoiler][url=https://fastpic.ru/view/114/2021/0605/0a02de7c033074ec30791ca861f2f3a8.png.html]0a02de7c033074ec30791ca861f2f3a8.jpeg[/url

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 05-06-2021 13:05:28

Vitaliy V.
Можно вас попросить, в очередной раз:
Напишите, пожалуйста, код для замены шрифта везде в FF 89 (например: на шрифт "PT Serif Caption")

Всё! Просьба уже не актуальна.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 05-06-2021 12:50:18

Liho555

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

Выделить код

Код:

/* Шрифт PT Serif Caption и его размер в Контекстных меню Закладок */
.bookmark-item
{
font-size:12px!important;
font-family: "PT Serif Caption" !important;
}


Вот ещё нашел код замены шрифта в контекстных закладках. Но всё равно, это всё костыли, надёрганные из разных мест, и они не до конца меняют шрифт в FF 89. Нужно обращаться к Vitaliy V., чтобы он "причесал" их все в одну "гребёнку", либо же написал свой код, который бы изменил все шрифты в FF 89.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 05-06-2021 11:51:42

Liho555 пишет

Может тут кто знает.В 89 версии больше не подтягивается системный шрифт в интерфейс браузера(командная строка, закладки и т.д.). Знает кто как поставить свой шрифт?

Посмотрите моё сообщение №10446.
Там код меняет шрифт на системный в Панели инструментов, Панели вкладок и в Главном меню FF. Для закладок и контекстных меню пока ничего не удалось найти. Может здесь кто подскажет.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 04-06-2021 11:56:32

Вот ещё нашёл код для изменения шрифта, (в моём случае это мой Системный шрифт для всей Windows. Вы можете подставить свой шрифт, какой захотите):

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

Выделить код

Код:

/* Шрифт PT Serif Caption в Панелях инструментов и вкладок, а также в Главном меню */
:root { font-family: "PT Serif Caption" !important }
#appMenu-protonMainView .panel-subview-body {
  font-family: "PT Serif Caption" !important;
}

Обращаюсь к спецам-кодерам: что нужно дописать в этом коде (или может быть можно написать другой, более правильный или компактный код) для того, чтобы этот шрифт применился во всем FF, а не только в Панелях инструментов и вкладок и Главном меню FF?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 04-06-2021 01:05:48

vending_machine пишет

ахаха, чёрные буквы на синем [mozilla]

Не знаю какие там у вас чёрные буквы на синем, у меня же благодаря этому коду, при стандартной тёмной теме, цвет Панели вкладок выглядит теперь также, как и в моей Windows 10. Соответственно и шрифт белый на красном фоне:

скрытый текст
75cd585c6437e57ac0e946f356d981c9.jpeg

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

Вот ещё код замены Акцентного голубого цвета, например, на красный:
[spoiler][code]/* Меняем на красный акцентный голубой цвет обводки на Новой и Домашней странице в Адресной строке, а также этот акцентный цвет меню Сохранения закладки */
:root {
  --in-content-primary-button-background: red !important;
  --in-content-primary-button-background-hover: red !important;
  --in-content-primary-button-background-active: red !important;
  --buttons-primary-button-bgcolor: red !important;
  --buttons-primary-button-hover-bgcolor: red !important;
  --buttons-primary-button-active-bgcolor: red !important;
  --checkbox-checked-bgcolor: red !important;
  --checkbox-checked-hover-bgcolor: red !important;
  --checkbox-checked-active-bgcolor: red !important;
  --lwt-popup-brighttext-url-color: red !important;
  --focus-outline-color: red !important;
}


@-moz-document regexp("^(about:|chrome:|moz-extension:).*") {

  :root {
  --in-content-primary-button-background: red !important;
  --in-content-pri

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 03-06-2021 22:11:33

Вот на Reddit.com нашёл вот такой маленький код для Proton'a:

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

Выделить код

Код:

/* Цвет Панели вкладок вместе с неактивными вкладками, задан, как в Win. 10 */
#titlebar > toolbar{ background-color: -moz-accent-color !important; }

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

egorsemenov06 пишет

Ребята как убрать голубую обводку на новой и домашней странице в поисковой строке

У меня другой вопрос: как эту голубую обводку перекрасить в свой цвет?

_zt
Благодарю за код изменения цвета в Активной вкладке!

скрытый текст
_478499eed77509148044e626d9016434.jpeg

Мне лично очень нравится новый "Proton". Под него даже изменил стилистику интерфейса Windows 10. Жаль, конечно, что Мазилловцы DirectWrite включили (теперь шрифт интефейса, как в Винде (по умолчанию - Seqoe. А у меня в Windows (глобально)  применён другой шрифт).
Немного пришлось, конечно, "подрихтовать" под свой вкус: чуть убавить высоту вкладок, но не так значительно, как это делают те, кто выкладывают коды на Githab. Изменить цвет папок, шрифта закладок, цвет обводки и шрифта Активной вкладки (для лучшей заметности). Даже не стал применять

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 01-06-2021 23:03:29

Aris-t2 уже "запилил" два кода, исправляющие некоторые шероховатости нового интерфейса FF89:
Первый уменьшает высоту вкладок и делает их (при добавлении) в несколько рядов.
Второй для тех у кого ноутбуки и планшеты, а также кому не нравится "размашистый" интерфейс нового "Протона".

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 01-06-2021 19:17:44

_zt
Спасибо! Забрал первый вариант. И с этим кодом обводка в 1px даже лучше смотрится, гармоничнее что-ли...

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

Выделить код

Код:

.tabbrowser-tab[visuallyselected="true"]:-moz-lwtheme-brighttext .tab-background {
    border: 1px solid #00bfff !important;


Ещё бы добавить в этот код такой же цвет для шрифта в Активной вкладке, вообще бы хорошо было.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 01-06-2021 13:26:37

_zt пишет

В 89 с чистым профилем ваш код ничего не делает.

Вот для большей наглядности сменил синий цвет обводки на красный:

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

Выделить код

Код:

#tabbrowser-tabs:-moz-lwtheme-brighttext {
    --tab-line-color: red !important;
}


Вот скриншот:
09003f46fc8b8de19ab33b23b289b38f.jpeg

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

Здравствуйте!
FF 89, включена стандартная темная тема.
Что нужно добавить в этот код, чтобы обводящая Активную вкладку полоска, стала жирнее:

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

Выделить код

Код:

#tabbrowser-tabs:-moz-lwtheme-brighttext {
    --tab-line-color: #0078D7 !important;
}

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 24-04-2021 19:38:31

Vitaliy V. пишет

надо в 10'ке смотреть

К сожалению в 10'ке не сработало: ни изменённый код, ни с удалением [style*="--lwt-accent-color:rgb(28, 27, 34)"]
А что, в FF 89 этот ваш новый код работает? Тогда, наверное, целесообразнее до обновления FF подождать, тем более там этот Proton введут. По ходу, опять все стили полностью переделывать из-за него придётся? Достали они уже: чуть-ли не каждый год интерфейс меняют. Причём с каждым таким обновлением вид у FF всё хуже и хуже становится.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 23-04-2021 23:53:14

Vitaliy V.
Диалог с sandro79 натолкнул меня на мысль проверить ваш код, который вы мне писали (ведь я поймал себя на мысли, что у меня действительно никогда раньше не менялся цвет Панели вкладок (хоть в фокусе/хоть не в фокусе), потому что у меня на уровне операционки для всех Панелей любых приложений в Windows, цвет не в фокусе зафиксирован такой же синий цвет, как и для Панелей в фокусе. И вы мне, когда-то давно, для FF прописали вот такой код в custom_style_user.css, который всё время работал, а в FF 88 почему-то перестал:

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

Выделить код

Код:

/* Цвет неактивного окна, задан, как в Win. 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;
  }
}


Может, если когда снова у вас возникнет нужда или желание установить Windows 10, глянете что нужно будет подправить в этом коде? Уж больно напрягает, с

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 23-04-2021 23:17:31

sandro79 пишет

Да тему такую поставить и нормально.

Так в том-то и дело, что мне в своё время, Vitaliy V. по моим запросам, в userChrome.css эту тему сделал (и она у меня полностью гармонирует с общим дизайном всей Windows), что менять её на какую-то тему из addons.mozilla.org вообще не комильфо.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 23-04-2021 22:41:04

sandro79 пишет

Странно. Сейчас перезагрузился в десятку с инсталлированной в систему 88 [firefox], стандартная и системная темы меняют цвет после смены фокуса.
Встроенные Тёмная, Alpenglow  и сторонняя тема - нет. Скачал портативку 87 ради интереса, та же петрушка, в 78 то же самое.

Так я же и не отрицаю. Просто раньше такого не замечал, а сейчас по работе приходится одновременно работать с несколькими приложениями, вот и стала напрягать эта постоянная смена цвета, когда FF не в фокусе.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 23-04-2021 21:00:14

Vitaliy V.
просто у меня сейчас нет 10'ки снес нафиг.
Понял!
Просто последнее время часто приходится переключаться на другие приложения, так что FF оказывается не в фокусе (раньше такого не наблюдал), поэтому сейчас несколько и напрягает это переключение на черный цвет. Ну да ладно, как-нибудь приспособлюсь, тогда.

Board footer

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