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

6e73epo · №12951

Тоторо, теперь vbox.

Тоторо · №12952

6e73epo пишет

Тоторо, теперь vbox.

Спасибо, сработало.

_zt · №12953

Тоторо
Когда то сочинял такое:

скрин

код

Выделить код

Код:

#tabbrowser-tabs .tab-close-button.close-icon {
    -moz-context-properties: fill, fill-opacity !important;
    color: inherit !important;
    border-radius: 1px !important;
    fill: currentColor !important;
    fill-opacity: 0 !important;
    position: relative !important;
    height: 20px !important;
    width: 20px !important;
    padding: 0 !important;
    margin-inline-start: -20px !important;
    margin-inline-end: 0px !important;
}
#tabbrowser-tabs .tabbrowser-tab:not([pinned="true"],:hover) .tab-close-button {
    display: none !important;
}
#tabbrowser-tabs .tabbrowser-tab:not([pinned="true"]):hover .close-icon:hover {
    list-style-image: url("./svg/close.svg") !important;
}
#tabbrowser-tabs .tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]) {
    mask-image: none !important;
}
#tabbrowser-tabs {
    --tab-min-width: 55px !important; /* минимальная ширина вкладок */
}
#tabbrowser-tabs[closebuttons="activetab"] > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button:not([selected="true"]) {
    display: initial !important;
}

значок

Выделить код

Код:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
  <path d="M7.21875 5.78125L5.78125 7.21875L14.5625 16L5.78125 24.78125L7.21875 26.21875L16 17.4375L24.78125 26.21875L26.21875 24.78125L17.4375 16L26.21875 7.21875L24.78125 5.78125L16 14.5625Z" fill="#FF4141" />
</svg>

Должно работать в userChrome.css. У меня же, с правами AUTHOR_SHEET, в ucf подключен.

vetall2000 · №12954

Еще на днях в 102 esr хотел установить внешний вид как в класической теме, с расцветкой вин7, как было в старых версиях 50-70, так и не разобрался с этим стилями, бессмысленно постоянно меняющимися от версии к версии.

Есть готовый CSS стиль для придания последним сборкам мозильного браузера класического вида, с более контрастной расцветкой, без округловатостей и теней, с квадратными кнопками и границами между полями, и без всех этих новомодных динамических ефектов и с неувеличенным шагом между строками в закладках?

Отредактировано vetall2000 (11-06-2023 13:57:44)

Тоторо · №12955

vetall2000
Можно для начала здесь повыбирать, самое раздражающее уберет https://www.userchrome.org/firefox-89-s … on-ui.html

или такое попробовать https://github.com/1280px/rainfox/blob/master/README.md тут значки более старые жирные, а не тонкие

или этот https://github.com/jannikbuscha/firefox-dracula

или в хранилище стилей поискать https://firefoxcss-store.github.io/

Тоторо · №12956

_zt
Спасибо. Мне, честно говоря, совсем без градиента не понравилось. Пытаюсь из вашего кода что-то навертеть для себя

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

Выделить код

Код:

#tabbrowser-tabs .tab-close-button.close-icon {
  position: relative !important;
  border-radius: 2px !important;
  height: 20px !important;
  width: 20px !important;
  padding: 4px !important;
  margin-inline-start: -10px !important;
  margin-inline-end: 0px !important;
}

#tabbrowser-tabs .tabbrowser-tab:not([pinned="true"],:hover) .tab-close-button {
    display: none !important;
}

При наведении на активную вкладку (в неактивных он мне не нужен) не на область крестика, появляется сам крестик, при наведении на область крестика дополнительно появляется обводка.

Но хотя бы нет этой дурацкой анимации моргающего под обводкой градиента :lol:

Можно что-то сделать, чтобы крестик на активной вкладке был виден, но при этом при наведении на вкладку градиент обрезочный не моргал? Если убираю последнее правило, крестик виден, но вместо него начинает моргать градиент.

_zt · №12957

Тоторо пишет

При наведении на активную вкладку (в неактивных он мне не нужен) не на область крестика, появляется сам крестик, при наведении на область крестика дополнительно появляется обводка.

Вы точно мой код не правили? Сейчас специально проверил код в userChrome.css на новом профиле и у меня нет такого, все ровно так как я выше на гифке продемонстрировал - при наведении на вкладку крестик не появляется, а появляется он исключительно при наведении на область в конце вкладки. Так что ничем помоч не могу, ибо, НЕ ВОСПРОИЗВОДИТСЯ. А если убрать последнюю секцию, то ожидаемо, крестик перестает отображаться на неактивных вкладках, без какого либо влияния на активную вкладку или на фон неактивных вкладок.

И еще, обнаружил на новом профиле, к моему коду нужно добавить правило для закрепленных вкладок, иначе щелчок на закрепленных приводит к их закрытию.

Выделить код

Код:

/* Скрыть на закрепленных */
.tab-close-button[pinned] {
    visibility: collapse !important;
}

Еще раз перепроверил на профиле совсем без стилей, ваша ситуация не воспроизводится. Ищите проблему в других своих стилях или в ваших правках моего стиля.

Отредактировано _zt (11-06-2023 18:26:51)

doud · №12958

На странице about:logins есть поле для поиска с синей рамкой. Можно ли удалить эту рамку а также текст "Поиск логинов"?

6e73epo · №12959

doud, как-то так

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

Выделить код

Код:

@-moz-document url("about:logins"), url("chrome://browser/content/aboutlogins/aboutLogins.html") {
  input.filter::placeholder {
    opacity: 0 !important;
  }
  input.filter:focus {
    outline-color: transparent !important;
    border-color: var(--in-content-box-border-color) !important;
  }
}

Отредактировано 6e73epo (13-06-2023 02:09:26)

doud · №12960

6e73epo. большое спасибо, все сработало...

Mrakobes666 · №12961

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

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

никакие хайлатеры не дают желаемого результата

Black_Monk · №12962

В связи с некоторыми неудобствами, появившимися в последних версиях программы подскажите пожалуйста в паре моментов:

1. Имеется стиль, убирающий лишние надписи в кнопке "Закалдки". Что мне там добавить, чтобы также исчезла и строчка "Поиск закладок"?

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

Выделить код

Код:

/* Очистка кнопки Закладки от лишних надписей */
#appmenu_unsortedBookmarks,
#menu_unsortedBookmarks,
menuseparator[builder="end"] {display: none !important;}



#BMB_subscribeToPageMenuitem,
#BMB_subscribeToPageMenupopup,
#BMB_unsortedBookmarks,  /* неподшитые закладки */
#BMB_bookmarksPopup menuseparator:nth-last-child(2),   /* разделитель перед ними */
#BMB_viewBookmarksToolbar,
#BMB_bookmarksShowAll,
#BMB_bookmarksShowAllTop,
#BMB_viewBookmarksSidebar,
#BMB_bookmarksPopup > menuseparator:nth-child(4),
#BMB_bookmarkThisPage,
#BMB_bookmarksPopup > menuseparator:nth-child(7),
#BMB_bookmarksPopup > menuseparator:nth-child(8),
#BMB_bookmarksPopup > menuseparator:nth-child(2),
#BMB_viewBookmarksToolbar+menuseparator,
#BMB_bookmarksPopup > menuseparator:nth-child(3) {display: none !important;}

menu.bookmark-item, menuitem.bookmark-item {max-width: 26em !important;}

.bookmarks-actions-menuseparator:nth-last-child(2),
.openintabs-menuitem {
    display: none !important;
}



.openlivemarksite-menuitem,
.openlivemarksite-menuitem+menuseparator {
display: none !important;
}

.livemarkstatus-menuitem {display: none !important;}


#ctraddon_BMB_subscribeToPageMenuitem,
#ctraddon_BMB_subscribeToPageMenupopup,
#ctraddon_BMB_unsortedBookmarks,  /* неподшитые закладки */
#ctraddon_BMB_bookmarksPopup menuseparator:nth-last-child(2),   /* разделитель перед ними */
#ctraddon_BMB_viewBookmarksToolbar,
#ctraddon_BMB_bookmarksShowAll,
#ctraddon_BMB_bookmarksShowAllTop,
#ctraddon_BMB_viewBookmarksSidebar,
#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(4),
#ctraddon_BMB_bookmarkThisPage,
#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(7),
#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(8),
#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(2),
#ctraddon_BMB_viewBookmarksToolbar+menuseparator,
#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(3) {display: none !important;}
.bookmarks-actions-menuseparator {display: none !important;}

#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(5),
#ctraddon_BMB_bookmarksPopup > menuseparator:nth-child(9)  {display: none !important;}

#BMB_bookmarksToolbar {display: none !important;}  
#ctraddon_BMB_bookmarksToolbar {display: none !important;}

#BMB_bookmarksPopup > menuseparator {display: none !important;}
#ctraddon_BMB_bookmarksPopup > menuseparator {display: none !important;

2. Перестал срабатывать стиль, включающий Панель поиска сверху. Как его "починить"?

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

Выделить код

Код:

/* Панель поиска сверху */
findbar  {-moz-box-ordinal-group: 0 !important;}

_zt · №12963

Black_Monk
1. #BMB_searchBookmarks
2. findbar {order: -1 !important;}
ps: не заметил ваш код по началу.

Отредактировано _zt (14-06-2023 20:40:05)

Black_Monk · №12964

_zt, сенькаю!

doud · №12965

Как на странице about:config удалить грозный текст в середине этой страницы "Изменение этих настроек может затронуть производительность или безопасность Firefox." и как в боковой панели закладок в поиске удалить текст "Поиск закладок"?

Отредактировано doud (15-06-2023 16:50:49)

_zt · №12966

doud
user_pref("browser.aboutConfig.showWarning", false);

input[placeholder="Поиск закладок"] {
display: none !important;
}

doud · №12967

_zt "browser.aboutConfig.showWarning", false); у меня так и есть,но это другое предупреждение, оно появляется когда открываешь about:config в первый раз и там надо поставить галочку что согласен и т.д. а это "Изменение этих настроек может затронуть производительность или безопасность Firefox." висит постоянно при любом заходе в about:config. Поиск закладок тоже не удалилось...

_zt · №12968

doud пишет

_zt "browser.aboutConfig.showWarning", false); у меня так и есть,но это другое предупреждение, оно появляется когда открываешь about:config в первый раз и там надо поставить галочку что согласен и т.д. а это "Изменение этих настроек может затронуть производительность или безопасность Firefox." висит постоянно при любом заходе в about:config. Поиск закладок тоже не удалилось...

1. Нужно пустой профиль смотреть. Я не вижу никаких предупреждений.
2. Да быть такого не может. Нужно что бы никаких пространств имен не было в начале документа. Если есть, то добавляйте импортом перед пространствами. Но тот код кривой, он вообще ввод ломает.
Вот два полностью рабочих варианта (да еще с запасом), если что то не работает, то разбирайтесь у себя.

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

Выделить код

Код:

@-moz-document url-prefix("chrome://browser/content/places/historySidebar.x"),
               url-prefix("chrome://browser/content/places/bookmarksSidebar.x") {
    :placeholder-shown:not(:autofill)::placeholder {
        opacity: 0 !important;
    }
}

Выделить код

Код:

input[placeholder="Поиск по журналу"]:not(:autofill)::placeholder,
input[placeholder="Поиск закладок"]:not(:autofill)::placeholder {
    opacity: 0 !important;
}

Добавлено 15-06-2023 19:49:43
1.

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

Выделить код

Код:

@-moz-document url("about:config") {
    .config-help-text {
        display: none !important;
    }
}

Отредактировано _zt (15-06-2023 19:50:10)

doud · №12969

_zt
С about:config тест удалился, спасибо за помощь :beer: а те 2 кода для удаления "Поиска закладок" сработали частично: удалилась надпись "Поиск по журналу" но только на странице chrome://browser/content/places/historySidebar.xhtml. В боковой панели ничего не изменилось..

kokoss · №12970

doud пишет

Поиск закладок тоже не удалилось...

У вас случаем в начале файла нет строки -> @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); ?

doud · №12971

kokoss
Это в каком файле?
В userChrome.css и useContent.css такого текста нет

Отредактировано doud (15-06-2023 20:15:41)

kokoss · №12972

doud пишет

В userChrome.css такого текста нет

Тогда непонятно почему этот код у вас не работает -> https://forum.mozilla-russia.org/viewto … 27#p805527

doud · №12973

kokoss
Может конфликт стилей в боковой панели? Код сработал только на страницах chrome://browser/content/places/historySidebar.xhtml и chrome://browser/content/places/bookmarksSidebar.xhtml но не в боковой панели...

Отредактировано doud (15-06-2023 20:40:51)

_zt · №12974

doud
Раз сработало на страницах, значит вы его в userContent засунули. А какое отношение userContent имеет к сайдбару? Хватит тупить.
userContent - страницы, userChrome - интерфейс браузера, за редким исключением.
chrome://... в начале адресов вас ни на какие мысли не натолкнуло?

Добавлено 15-06-2023 21:47:35
А если в userChrome нет строк начинающихся с @namespace , то должен работать и второй код. Вообще @namespace вредны, с ними не работают простые коды.

Отредактировано _zt (15-06-2023 21:47:46)

doud · №12975

_zt
Я эти 2 кода добавлял и в userContent и в userChrome, пробовал все варианты. Но не пошло..

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

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