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

Общайтесь со знакомыми и друзьями в нашем сообществе в Facebook.

№1042603-06-2021 20:24:10

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 89.0

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

egorsemenov06 пишет

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

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

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

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

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

Отсутствует

 

№1042703-06-2021 21:29:54

chuvak2033
Участник
 
Группа: Members
Зарегистрирован: 03-06-2021
Сообщений: 4
UA: Firefox 89.0

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

Может кто знает как уменьшить или убрать интервал между закрепленными и обычными вкладками?

скрытый текст
34700935_m.jpg

Отсутствует

 

№1042803-06-2021 21:43:19

Uxapb
Участник
 
Группа: Members
Зарегистрирован: 25-01-2012
Сообщений: 135
UA: Firefox 89.0

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

v4386 пишет

код для сжатия контекстного меню Закладок

у меня на закладок и гамбургера так

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

Выделить код

Код:

#BMB_bookmarksPopup .subviewbutton,
panelview .subviewbutton {
min-height: 18px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}

Отсутствует

 

№1042903-06-2021 22:11:33

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 89.0

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

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

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

Выделить код

Код:

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

Отсутствует

 

№1043003-06-2021 22:25:38

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

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

chuvak2033 пишет

Может кто знает как уменьшить или убрать интервал между закрепленными и обычными вкладками?

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

Выделить код

Код:

#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
	margin-inline-start: 2px !important;
}

Отсутствует

 

№1043103-06-2021 23:02:03

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 89.0

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

Вот ещё код замены Акцентного голубого цвета, например, на красный:

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

Выделить код

Код:

/* Меняем на красный акцентный голубой цвет обводки на Новой и Домашней странице в Адресной строке, а также этот акцентный цвет меню Сохранения закладки */
: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-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;
}

  html:not([role="dialog"]),
  html:not([role="dialog"]) *,
  html:not([role="dialog"]) body.activity-stream,
  window:not([chromehidden]),
  window:not([chromehidden]) > dialog
  {
    --in-content-primary-button-background: red !important;
    --in-content-primary-button-background-hover: red !important;
    --in-content-primary-button-background-active: red !important;
  }
}

Отсутствует

 

№1043203-06-2021 23:27:51

fantom123
Участник
 
Группа: Members
Зарегистрирован: 16-11-2016
Сообщений: 24
UA: Firefox 89.0

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

sandro79
Подскажите, пожалуйста, в каком конкретном стиле происходит замена папок. По ссылке их 4 штуки.
Не могли бы вы дать готовый вариант замены иконок без всего остального.

Отредактировано fantom123 (03-06-2021 23:34:22)

Отсутствует

 

№1043303-06-2021 23:58:31

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

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

fantom123 пишет

в каком конкретном стиле происходит замена папок. По ссылке их 4 штуки

Да любой скачайте.
Возьмите оттуда папку с иконками image и код из bookmark_icons_colorized.css скопируйте в свой userChrome.css, папку с иконками положите рядом и измените пути в коде как здесь, лишние значки можно удалить.
url("./../../image/folder-item.png") меняем на url("./image/folder-item.png").

Не могли бы вы дать готовый вариант замены иконок без всего остального

Я думаю вы с этим справитесь не хуже чем с этим справилась linlin. Там довольно-таки подробно всё расписано.

Отсутствует

 

№1043404-06-2021 00:40:37

fantom123
Участник
 
Группа: Members
Зарегистрирован: 16-11-2016
Сообщений: 24
UA: Firefox 89.0

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

sandro79
Большое спасибо!

Отсутствует

 

№1043504-06-2021 01:05:48

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 89.0

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

vending_machine пишет

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

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

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

Отсутствует

 

№1043604-06-2021 01:12:41

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

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

fantom123
Забыл я ещё про один метод, но только в userContent.css, меняет только папки, Dumby в этой теме выкладывал

скрытый текст
04c0a7d03206.png

Выделить код

Код:

@-moz-document url(chrome://browser/skin/places/folder.svg) {
    *|svg {
        background: no-repeat url(
            "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABtklEQVR4AYxStbpWQQycPT/u7tDh7vAkdHQ4DVIjPSUtNfIWuLu7u8vRTTLck+t+5/tmszobCyTx+fb2Q8NGjztIMxBw0BQmAhCQGN0ChEp1eObaY4fQCpL4+WQ/ix+nSH3eK788OOL2zYXNJIlWDnKRmpaC8ZGv2sAABCIMWgHU5/IRJkQHuIAjaYyAaYGALiCAhqLKfoJWgkB3ARoBCiACgp3ehpo0aPwLagWyFw/MKhcJXX43j0JQ5SmoRTeBBAOEqaAnuIBGqQcwprAmqmROk8z3aAJRhUkOmOHJmW0n3l/fO68thLLIMUpL0LJ2330McJi40fwlhk9ajvTLrU0xDvkNYJt74A3DxH83Sd065Z9bUiBR/GzcxJEYO3Mjqn9ftraFIFUEtXCX/WGb+7VN3YOiqnxPsucYO3URaEB7CFl9sfDHIbS57gggSIWIumANWgSh7QIhJN4kXibfYHsngqApzAyeRAQXsI4emAqoEbQCYPdGBNUrRS3hMAXNOniQJAAjGkPnoCeExkh/0BjWem6wjgLvn9zfnf76dtSM6BlXkDQC/u/W+dNQ/mkGHiHhPhALAOZmfBm+8hn2AAAAAElFTkSuQmCC"
        ) !important;
    }
    *|path {
        display: none !important;
    }
}

Ага, вот здесь.

Отредактировано sandro79 (04-06-2021 01:15:17)

Отсутствует

 

№1043704-06-2021 01:29:12

chuvak2033
Участник
 
Группа: Members
Зарегистрирован: 03-06-2021
Сообщений: 4
UA: Firefox 89.0

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

sandro79,  большое спасибо!
---
Спасибо всем кто помогает, из-за обновления до протона пришлось опять потратить время на настройку интерфейса. Может кому пригодится, выкладываю свой userChrom.css (все брал с форумов или других ресурсов, в том числе и отсюда, кое-где вносил небольшие правки):

скрытый текст
/*  панель вкладок внизу окна */
@-moz-document url("chrome://browser/content/browser.xhtml") {
    :root:not([inFullscreen]) #browser { margin-bottom: 28px; }
    :root:not([inFullscreen]) #TabsToolbar { position: fixed; display: flex; bottom: -5px; width: 100%; }
  #tabbrowser-tabs { flex-grow: 1; }
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox { width: -moz-available }
  #TabsToolbar-customization-target { width: 100%; }
  .toolbar-items { width: 100%; }
}



/* выдвигающаяся боковая панель */
:root { --sidebar-normal-width: 1px; --sidebar-hover-width: 434px; }
#sidebar-box {
  background: #f5f6f7 !important;
  border: 1px solid lightgrey !important;
  position: relative !important;
  overflow-x: hidden !important;
  min-width: var(--sidebar-normal-width) !important;
  max-width: var(--sidebar-normal-width) !important;
  -moz-transition: all .2s ease-out 1.0s !important; }
#sidebar-box:hover {
  margin-left: calc((var(--sidebar-hover-width) - var(--sidebar-normal-width)) * -1) !important;
  min-width: var(--sidebar-hover-width) !important; }



/* максимальная и минимальная ширина вкладок */
.tabbrowser-tab[fadein]:not([pinned]) { max-width: 160px !important; min-width: 100px !important; }



/* убрать кнопку закрытия вкладок */
#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display: none !important; }



/* убрать кнопку списка всех вкладок */
#alltabs-button { display: none !important; }



/* убрать звездочку из адресной строки */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#star-button { display: none !important; }



/* уменьшить интервал между закладками */
#PlacesToolbarItems menuitem.bookmark-item,
#PlacesToolbarItems menu.menu-iconic {padding-top: 3px !important;padding-bottom: 3px !important;}

/* убрать пункт управление закладками из списка закладок */
#BMB_bookmarksShowAll { display: none !important; }

/* убрать скругление углов вкладок */
.tabbrowser-tab .tab-background { border-radius: 0px 0px 0px 0px !important; box-shadow: none !important; }



/* уменьшить расстояние между вкладками */
.tab-stack { -moz-margin-start: -3px !important;  -moz-margin-end: -2px !important; }



/* убрать интервал между обычными и закрепленными вкладками */
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] { margin-inline-start: 0px !important; }



/* цвет и размер границ вкладок */
.tab-background { border-left: 1px solid #AEAEB0 !important; border-right: 1px solid #AEAEB0 !important; }



/* цвет и размер верхней границы активной вкладки */
.tab-background[selected] { border-top: 2px solid #8C8C99 !important; }


Что в нем есть:
-перемещение панели вкладок вниз окна
-боковая панель выдвигается при наведении курсора в правую сторону экрана (использую с дополнением Notes, можно с Google Keep)
-изменение максимальной/минимальной ширины вкладок
-убирание кнопки закрытия вкладок
-убирание кнопки списка всех вкладок
-убирание звездочки из адресной строки
-уменьшение интервала между закладками
-убирание пункта управления закладками из списка закладок
-убирание скругления углов вкладок
-уменьшение интервала между вкладками
-уменьшение интервала между обычными и закрепленными вкладками
---
Кому интересно как выглядит панель вкладок:
скрытый текст
34703500_m.jpg

Отсутствует

 

№1043804-06-2021 03:19:16

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

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

egorsemenov06
А что делает код openpermissionswithrightclick?

Отсутствует

 

№1043904-06-2021 05:57:55

Jo
Участник
 
Группа: Members
Зарегистрирован: 26-09-2010
Сообщений: 28
UA: Firefox 89.0

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

v4386 пишет

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

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

Выделить код

Код:

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

Как сделать белый шрифт на неактивной вкладке?

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

Отсутствует

 

№1044004-06-2021 09:01:46

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

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

Jo пишет

Как сделать белый шрифт на неактивной вкладке?

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

Выделить код

Код:

.tabbrowser-tab:not([selected]) .tab-label {
  color: white !important;
}

Отсутствует

 

№1044104-06-2021 09:17:57

egorsemenov06
Участник
 
Группа: Members
Зарегистрирован: 12-06-2018
Сообщений: 260
UA: Firefox 89.0

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

xrun1 пишет

egorsemenov06
А что делает код openpermissionswithrightclick?

в строке адреса ПКМ по замку открыват разрешения для сайта

Отредактировано egorsemenov06 (04-06-2021 09:35:58)

Отсутствует

 

№1044204-06-2021 10:39:58

KiRay
Участник
 
Группа: Members
Зарегистрирован: 04-12-2009
Сообщений: 56
UA: Firefox 89.0

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

Добрый день!

Порекомендуйте пожалуйста рабочий скрипт для отображения вкладок в несколько строк. Раньше пользовался вот таким https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css но после обновления стал работать некорректно.

Спасибо.

Отсутствует

 

№1044304-06-2021 10:49:14

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

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

v4386 пишет

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

Выделить код
Код:

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

У меня после этого кода еще и высота вкладок нормальной стала, почему-то ))

Отсутствует

 

№1044404-06-2021 11:56:32

v4386
Участник
 
Группа: Members
Зарегистрирован: 16-11-2017
Сообщений: 122
UA: Firefox 89.0

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

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

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

Выделить код

Код:

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

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

Отсутствует

 

№1044504-06-2021 12:14:46

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

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

egorsemenov06 пишет

в строке адреса ПКМ по замку открыват разрешения для сайта

Мне не подойдёт, у меня так куки очищаются.
Повесил на значок щита. 3-я строка

Выделить код

Код:

var identitybox = this.identitybox = document.querySelector("#tracking-protection-icon-box");

Отсутствует

 

№1044604-06-2021 12:44:14

Jo
Участник
 
Группа: Members
Зарегистрирован: 26-09-2010
Сообщений: 28
UA: Firefox 89.0

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

sandro79 спасибо.

Отсутствует

 

№1044704-06-2021 13:41:41

bezuma
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 26-01-2014
Сообщений: 244
UA: Chrome 86.0

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

xrun1

Повесил на значок щита. 3-я строка

3-я строка чего/где? Растолкуй, у меня твой код очистки куки

Отсутствует

 

№1044804-06-2021 14:02:51

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

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

bezuma пишет

Растолкуй, у меня твой код очистки куки

У меня тоже. Поэтому в коде openpermissionswithrightclick правый клик повесил на значок щита, заменив 3-ю строчку. Как сказал выше egorsemenov06 кнопка открывает разрешения для сайта.

Выделить код

Код:

var identitybox = this.identitybox = document.querySelector("#tracking-protection-icon-box");

UPD: Хотя мне это особо не нужно, т.к. использую https://github.com/Aris-t2/CustomJSforFx/blob/master/scripts/favicon_in_urlbar.uc.js
в котором включил ЛКМ на иконке сайта

Выделить код

Код:

var favicon_click_opens_page_info_window = true;

Пусть будет.

Отредактировано xrun1 (04-06-2021 14:14:33)

Отсутствует

 

№1044904-06-2021 14:25:57

bezuma
Участник
 
Группа: Members
Откуда: Москва
Зарегистрирован: 26-01-2014
Сообщений: 244
UA: Firefox 89.0

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

xrun1
:beer: заменил, все чики-пики )


добавлено

не успеваю за тобой ) favicon_in_urlbar.uc.js есть, но выключен (что-то Vitaliy V. там не понравилось), переключил в true, шоб было

Отредактировано bezuma (04-06-2021 14:37:09)

Отсутствует

 

№1045004-06-2021 14:57:20

iandd
Участник
 
Группа: Members
Зарегистрирован: 04-06-2021
Сообщений: 2
UA: Firefox 89.0

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

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

Отсутствует

 

Board footer

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