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

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№1195102-02-2022 18:20:42

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

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

скрытый текст
2762c335ccb8.jpg
Хотелось бы привести их в соответствие с настоящими строкой адреса и поиска, где я заменил исходные иконки на свои, повернутые вправо (как было в старых версиях браузера).

Отсутствует

 

№1195202-02-2022 18:52:46

negodnik
 
 
Группа: Members
Зарегистрирован: 14-03-2013
Сообщений: 604
UA: Seamonkey 2.38
Веб-сайт

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

повёрнутая вправо

Выделить код

Код:

<svg width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="m5.9106 10.973-3.845 3.844a0.62 0.62 0 0 1-0.883-1e-3 0.625 0.625 0 0 1 1e-3 -0.884l3.833-3.832-6e-3 -0.427a5.5 5.5 0 1 1 9.989-3.173 5.5 5.5 0 0 1-5.5 5.5c-1.189 0-2.288-0.38-3.187-1.022zm3.589-0.223c2.343 0 4.25-1.907 4.25-4.25s-1.907-4.25-4.25-4.25c-2.343 0-4.25 1.907-4.25 4.25s1.907 4.25 4.25 4.25z"/>
</svg>

Отсутствует

 

№1195302-02-2022 19:10:09

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

negodnik пишет

повёрнутая вправо

А можно подробнее, если не трудно?

Отсутствует

 

№1195402-02-2022 20:08:34

negodnik
 
 
Группа: Members
Зарегистрирован: 14-03-2013
Сообщений: 604
UA: Seamonkey 2.38
Веб-сайт

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

Это просто отзеркаленная иконка.
Можно сохранить её как search-glass-ltr.svg и положить в папку chrome в профиле.
Код (для userChrome.csss) предположительно такой:

Выделить код

Код:

#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon, .searchbar-search-icon {list-style-image: url("search-glass-ltr.svg")!important}

Отсутствует

 

№1195502-02-2022 20:21:25

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

negodnik пишет

Код (для userChrome.csss) предположительно такой

Теперь понял. Но в строке адреса и строке поиска я уже заменил "левые" иконки на "правые" (а также в боковой панели и окне библиотеки). Сейчас мне нужно сделать то же для картинок в настройках в разделе "Поиск" (там они тоже "левые"). Проблема в том, что там они являются частью большого изображения .searchBarImage, а не в виде отдельных картинок. В общем-то не критично, что они отличаются, но хотелось бы единообразия.

Отсутствует

 

№1195602-02-2022 21:04:02

negodnik
 
 
Группа: Members
Зарегистрирован: 14-03-2013
Сообщений: 604
UA: Seamonkey 2.38
Веб-сайт

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

Невнимательно прочитал.
 
Добавить панель поиска на панель инструментов - search-bar.svg

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

Выделить код

Код:

<svg width="631" height="36" version="1.1" xmlns="http://www.w3.org/2000/svg">
 <style>.addressBarOutline {
      stroke: context-stroke;
      stroke-linejoin: round;
      stroke-width: 1px;
    }
    .addressBarIcons {
      fill: context-stroke;
      fill-rule: evenodd;
    }
    .searchBarFill {
      fill: #0a84ff;
    }
  </style>
 <rect width="630" height="35" x=".5" y=".5" fill="context-fill" class="addressBarOutline" rx="4" ry="4"/>
  <rect width="314" height="23" x="110.5" y="6.5" fill="rgba(255,255,255,0.05)" class="addressBarOutline" rx="4" ry="4"/>
 <rect width="115" height="23" x="429.5" y="6.5" fill-opacity=".2" stroke="#0a84ff" rx="4" ry="4" class="searchBarFill"/>
 <path class="searchBarFill" d="m436.45 22.884 3.085-3.09a3.881 3.881 0 0 0 5.2-0.64 3.855 3.855 0 0 0-5.462-5.4 3.958 3.958 0 0 0-0.643 5.21l-3.085 3.08a0.622 0.622 0 0 0 0 0.9 0.677 0.677 0 0 0 0.9-0.06zm2.764-6.23a2.571 2.571 0 1 1 2.57 2.57 2.652 2.652 0 0 1-2.574-2.57z" fill-rule="evenodd"/>
 <path d="m122.63 12.889c-2.1261 0-3.8633 1.7372-3.8633 3.8633 0 0.83505 0.26799 1.6104 0.72227 2.2442-1.281 1.2709-2.3605 2.34-2.9611 2.9615-0.72694 0.7523 0.17816 1.7083 0.9339 0.93256 0.59882-0.60584 1.6856-1.673 2.9615-2.9698 0.62649 0.43879 1.3877 0.69683 2.2067 0.69683 2.1261 0 3.8652-1.7392 3.8652-3.8652 0-2.1261-1.7392-3.8633-3.8652-3.8633zm0 1.3555c1.3932 0 2.5098 1.1146 2.5098 2.5078s-1.1165 2.5098-2.5098 2.5098c-1.3932 0-2.5078-1.1165-2.5078-2.5098 0-1.3932 1.1146-2.5078 2.5078-2.5078zm481.34-13.656h-0.5z" class="addressBarIcons"/>
 <path class="addressBarIcons" d="m620.75 17.25h-7.5a0.75 0.75 0 0 0 0 1.5h7.5a0.75 0.75 0 0 0 0-1.5m0 3.75h-7.5a0.75 0.75 0 0 0 0 1.5h7.5a0.75 0.75 0 0 0 0-1.5m0-7.5h-7.5a0.75 0.75 0 0 0 0 1.5h7.5a0.75 0.75 0 0 0 0-1.5m-34.98 0a0.75 0.75 0 0 0-0.52 1.28l3.18 3.22-3.18 3.22a0.74601 0.74601 0 1 0 1.05 1.06l3.7-3.75a0.774 0.774 0 0 0 0-1.06l-3.7-3.75a0.754 0.754 0 0 0-0.53-0.22m4.44 0a0.715 0.715 0 0 0-0.52 0.22 0.754 0.754 0 0 0 0 1.06l3.17 3.22-3.17 3.22a0.754 0.754 0 0 0 0 1.06 0.715 0.715 0 0 0 0.52 0.22 0.754 0.754 0 0 0 0.53-0.22l3.69-3.75a0.754 0.754 0 0 0 0-1.06l-3.69-3.75a0.754 0.754 0 0 0-0.53-0.22m-22.84 2.25h1.5a0.375 0.375 0 1 0 0-0.75h-1.5a0.375 0.375 0 0 0 0 0.75zm2.63-3h-9a1.5 1.5 0 0 0-1.5 1.5v7.5a1.5 1.5 0 0 0 1.5 1.5h9a1.5 1.5 0 0 0 1.5-1.5v-7.5a1.5 1.5 0 0 0-1.5-1.5zm-4.5 9h-4.5v-7.5h4.5zm4.5 0h-3.75v-7.5h3.75zm-2.63-4.5h1.5a0.375 0.375 0 1 0 0-0.75h-1.5a0.375 0.375 0 0 0 0 0.75zm0 1.5h0.75a0.375 0.375 0 1 0 0-0.75h-0.75a0.375 0.375 0 0 0 0 0.75zm-477.54 2.5a0.375 0.375 0 1 1 0.37-0.375 0.356 0.356 0 0 1-0.37 0.375m-2.6 1.5a0.7 0.7 0 0 1-0.742-0.75v-4.95l2.961-3 2.97 3v4.95a0.706 0.706 0 0 1-0.74 0.75h-0.74v-3.75a0.706 0.706 0 0 0-0.74-0.75h-1.49a0.706 0.706 0 0 0-0.74 0.75v3.75h-0.739m2.219-10.5a0.7 0.7 0 0 0-0.51 0.225l-5.193 5.25a0.738 0.738 0 1 0 1.037 1.05l0.223-0.225v4.2a1.5 1.5 0 0 0 1.482 1.5h5.931a1.491 1.491 0 0 0 1.48-1.5v-4.2l0.22 0.225a0.678 0.678 0 0 0 0.52 0.225 0.663 0.663 0 0 0 0.52-0.225 0.725 0.725 0 0 0 0-1.05l-5.19-5.25a0.709 0.709 0 0 0-0.52-0.225m-19.074 0.75a0.749 0.749 0 0 0-0.75 0.75v1.808a5.245 5.245 0 1 0-0.788 6.4 0.75024 0.75024 0 0 0-1.061-1.061 3.755 3.755 0 1 1 0.776-4.151h-1.927a0.75 0.75 0 0 0 0 1.5h3.75a0.749 0.749 0 0 0 0.75-0.75v-3.75a0.749 0.749 0 0 0-0.75-0.75m-34.158 4.296h8.649l-3.206-3.2a0.738 0.738 0 0 1 1.044-1.043l4.474 4.47a0.72 0.72 0 0 1 0 1.043l-4.474 4.47a0.72 0.72 0 0 1-1.044 0 0.72 0.72 0 0 1 0-1.043l3.206-3.2h-8.649a0.749 0.749 0 1 1 0-1.497z"/>
 <path class="addressBarIcons" d="m23.783 17.292h-8.649l3.206-3.2a0.738 0.738 0 0 0-1.044-1.043l-4.474 4.47a0.72 0.72 0 0 0 0 1.043l4.474 4.47a0.72 0.72 0 0 0 1.044 0 0.72 0.72 0 0 0 0-1.043l-3.206-3.2h8.649a0.749 0.749 0 1 0 0-1.497z"/>
</svg>


Использовать адресную строку для поиска и навигации - no-search-bar.svg
скрытый текст

Выделить код

Код:

<svg width="631" height="36" version="1.1" xmlns="http://www.w3.org/2000/svg">
 <style>.addressBarOutline {
      stroke: context-stroke;
      stroke-linejoin: round;
      stroke-width: 1px
    }
    .addressBarIcons {
      fill: context-stroke;
      fill-rule: evenodd;
    }</style>
 <rect width="630" height="35" x=".5" y=".5" fill="context-fill" class="addressBarOutline" rx="4" ry="4"/>
  <rect width="434" height="23" x="110.5" y="6.5" fill="rgba(255,255,255,0.05)" class="addressBarOutline" rx="4" ry="4"/>
  <path d="m36.217 17.292h8.649l-3.206-3.2a0.738 0.738 0 0 1 1.044-1.043l4.474 4.47a0.72 0.72 0 0 1 0 1.043l-4.474 4.47a0.72 0.72 0 0 1-1.044 0 0.72 0.72 0 0 1 0-1.043l3.206-3.2h-8.649a0.749 0.749 0 1 1 0-1.497zm34.158-4.292a0.749 0.749 0 0 0-0.75 0.75v1.808a5.245 5.245 0 1 0-0.788 6.4 0.75024 0.75024 0 0 0-1.061-1.061 3.755 3.755 0 1 1 0.776-4.151h-1.927a0.75 0.75 0 0 0 0 1.5h3.75a0.749 0.749 0 0 0 0.75-0.75v-3.75a0.749 0.749 0 0 0-0.75-0.75m19.074-0.746a0.7 0.7 0 0 0-0.51 0.225l-5.193 5.25a0.738 0.738 0 1 0 1.037 1.05l0.223-0.225v4.2a1.5 1.5 0 0 0 1.482 1.5h5.931a1.491 1.491 0 0 0 1.48-1.5v-4.2l0.22 0.225a0.678 0.678 0 0 0 0.52 0.225 0.663 0.663 0 0 0 0.52-0.225 0.725 0.725 0 0 0 0-1.05l-5.19-5.25a0.709 0.709 0 0 0-0.52-0.225m-2.219 10.5a0.7 0.7 0 0 1-0.742-0.75v-4.95l2.961-3 2.97 3v4.95a0.706 0.706 0 0 1-0.74 0.75h-0.74v-3.75a0.706 0.706 0 0 0-0.74-0.75h-1.49a0.706 0.706 0 0 0-0.74 0.75v3.75h-0.739m2.6-1.5a0.375 0.375 0 1 1 0.37-0.375 0.356 0.356 0 0 1-0.37 0.375m477.54-2.5h0.75a0.375 0.375 0 1 0 0-0.75h-0.75a0.375 0.375 0 0 0 0 0.75zm0-1.5h1.5a0.375 0.375 0 1 0 0-0.75h-1.5a0.375 0.375 0 0 0 0 0.75zm2.63 4.5h-3.75v-7.5h3.75zm-4.5 0h-4.5v-7.5h4.5zm4.5-9h-9a1.5 1.5 0 0 0-1.5 1.5v7.5a1.5 1.5 0 0 0 1.5 1.5h9a1.5 1.5 0 0 0 1.5-1.5v-7.5a1.5 1.5 0 0 0-1.5-1.5zm-2.63 3h1.5a0.375 0.375 0 1 0 0-0.75h-1.5a0.375 0.375 0 0 0 0 0.75zm22.84-2.25a0.715 0.715 0 0 0-0.52 0.22 0.754 0.754 0 0 0 0 1.06l3.17 3.22-3.17 3.22a0.754 0.754 0 0 0 0 1.06 0.715 0.715 0 0 0 0.52 0.22 0.754 0.754 0 0 0 0.53-0.22l3.69-3.75a0.754 0.754 0 0 0 0-1.06l-3.69-3.75a0.754 0.754 0 0 0-0.53-0.22m-4.44 0a0.75 0.75 0 0 0-0.52 1.28l3.18 3.22-3.18 3.22a0.74601 0.74601 0 1 0 1.05 1.06l3.7-3.75a0.774 0.774 0 0 0 0-1.06l-3.7-3.75a0.754 0.754 0 0 0-0.53-0.22m34.98 0h-7.5a0.75 0.75 0 0 0 0 1.5h7.5a0.75 0.75 0 0 0 0-1.5m0 7.5h-7.5a0.75 0.75 0 0 0 0 1.5h7.5a0.75 0.75 0 0 0 0-1.5m0-3.75h-7.5a0.75 0.75 0 0 0 0 1.5h7.5a0.75 0.75 0 0 0 0-1.5m-497.95 1.986a2.571 2.571 0 1 0-2.57-2.57 2.652 2.652 0 0 0 2.57 2.574zm-6.23 2.764 3.09-3.085a3.881 3.881 0 0 1 0.64-5.2 3.855 3.855 0 0 1 5.4 5.462 3.958 3.958 0 0 1-5.21 0.643l-3.08 3.085a0.622 0.622 0 0 1-0.9 0 0.677 0.677 0 0 1 0.06-0.9zm487.43-21.5h-0.5z" class="addressBarIcons"/>
  <path d="M23.783 17.292h-8.649l3.206-3.2a.738.738 0 0 0-1.044-1.043l-4.474 4.47a.72.72 0 0 0 0 1.043l4.474 4.47a.72.72 0 0 0 1.044 0 .72.72 0 0 0 0-1.043l-3.206-3.2h8.649a.749.749 0 1 0 0-1.497z" class="addressBarIcons"/>
</svg>


UPD 4: Надеюсь, теперь и с цветами всё нормально.
 
sandro79
Чтобы код был без излишеств: Сохранить как -> Оптимизированный svg. В открывшемся окошке можно количество знаков после запятой сделать меньше 5 (для небольших иконок, где адская точность не нужна и не заметна).

Отредактировано negodnik (03-02-2022 13:30:56)

Отсутствует

 

№1195702-02-2022 21:25:05

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

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

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

Отсутствует

 

№1195803-02-2022 11:25:09

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

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

negodnik пишет

Это большая, слева от слова Поиск - category-search-ltr.svg

Эту лупу можно стилем userContent.css повернуть

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

Выделить код

Код:

#category-search > .category-icon {
  transform: scaleX(-1);
}

Вчера вечером тоже пытался редактировать эти картинки в редакторе Inkscape.
Но вот получается, что свойство opacity что ли для лупы в строке адреса отваливается и коды массивней гораздо получились в сравнении с кодами в сообщении negodnik и там тоже с opacity что-то не то получилось. Ну это когда уже картинку отредактированную подключаешь, получается так
скрытый текст
______.png
Я делал от допротоновского интерфейса картинку, затея конечно это дурацкая, имхо
скрытый текст
скрытый текст
______2.png
скрытый текст
search-bar.svg

Выделить код

Код:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->

<svg
   width="631"
   height="36"
   version="1.1"
   id="svg51"
   sodipodi:docname="search-bar.svg"
   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <defs
     id="defs55" />
  <sodipodi:namedview
     id="namedview53"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageshadow="2"
     inkscape:pageopacity="0.0"
     inkscape:pagecheckerboard="0"
     showgrid="false"
     inkscape:zoom="2.7052298"
     inkscape:cx="285.558"
     inkscape:cy="136.40246"
     inkscape:window-width="1920"
     inkscape:window-height="1018"
     inkscape:window-x="-8"
     inkscape:window-y="-8"
     inkscape:window-maximized="1"
     inkscape:current-layer="svg51" />
  <style
     id="style33">
    .addressBarOutline {
      stroke: context-stroke;
      stroke-linejoin: round;
      stroke-width: 1px;
    }
    .addressBarIcons {
      fill: context-stroke;
      fill-rule: evenodd;
    }
    .searchBarFill {
      fill: #0a84ff;
    }
  </style>
  <rect
     width="630"
     height="35"
     x=".5"
     y=".5"
     fill="context-fill"
     class="addressBarOutline"
     rx="4"
     ry="4"
     id="rect35" />
  <rect
     width="314"
     height="23"
     x="110.5"
     y="6.5"
     fill="rgba(255,255,255,0.05)"
     class="addressBarOutline"
     rx="4"
     ry="4"
     id="rect37" />
  <path
     fill-rule="evenodd"
     d="m 123.2974,13.204104 c -2.1261,0 -3.8633,1.7372 -3.8633,3.8633 0,0.83505 0.26799,1.6104 0.72227,2.2442 -1.281,1.2709 -2.3605,2.34 -2.9611,2.9615 -0.72694,0.7523 0.17816,1.7083 0.9339,0.93256 0.59882,-0.60584 1.6856,-1.673 2.9615,-2.9698 0.62649,0.43879 1.3877,0.69683 2.2067,0.69683 2.1261,0 3.8652,-1.7392 3.8652,-3.8652 0,-2.1261 -1.7392,-3.8633 -3.8652,-3.8633 z m 0,1.3555 c 1.3932,0 2.5098,1.1146 2.5098,2.5078 0,1.3932 -1.1165,2.5098 -2.5098,2.5098 -1.3932,0 -2.5078,-1.1165 -2.5078,-2.5098 0,-1.3932 1.1146,-2.5078 2.5078,-2.5078 z m 481.34,-13.65600045 h -0.5 z"
     id="path41" />
  <rect
     width="115"
     height="23"
     x="429.5"
     y="6.5"
     fill-opacity=".2"
     stroke="#0a84ff"
     rx="4"
     ry="4"
     class="searchBarFill"
     id="rect41" />
  <path
     fill-rule="evenodd"
     d="m 435.56691,22 3.09,-3.085 a -3.881,3.881 0 0 1 0.64,-5.2 -3.855,3.855 0 0 1 5.4,5.462 -3.958,3.958 0 0 1 -5.21,0.643 l -3.08,3.085 a -0.622,0.622 0 0 1 -0.9,0 -0.677,0.677 0 0 1 0.06,-0.9 z m 6.23,-2.764 a -2.571,2.571 0 1 0 -2.57,-2.57 -2.652,2.652 0 0 0 2.57,2.574 z"
     class="searchBarFill"
     id="path43" />
  <path
     d="M620.75 17.25h-7.5a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5m0 3.75h-7.5a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5m0-7.5h-7.5a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5m-34.98 0a.75.75 0 0 0-.52 1.28l3.18 3.22-3.18 3.22a.746.746 0 1 0 1.05 1.06l3.7-3.75a.774.774 0 0 0 0-1.06l-3.7-3.75a.754.754 0 0 0-.53-.22m4.44 0a.715.715 0 0 0-.52.22.754.754 0 0 0 0 1.06l3.17 3.22-3.17 3.22a.754.754 0 0 0 0 1.06.715.715 0 0 0 .52.22.754.754 0 0 0 .53-.22l3.69-3.75a.754.754 0 0 0 0-1.06l-3.69-3.75a.754.754 0 0 0-.53-.22m-22.84 2.25h1.5a.375.375 0 1 0 0-.75h-1.5a.375.375 0 0 0 0 .75zm2.63-3h-9a1.5 1.5 0 0 0-1.5 1.5v7.5a1.5 1.5 0 0 0 1.5 1.5h9a1.5 1.5 0 0 0 1.5-1.5v-7.5a1.5 1.5 0 0 0-1.5-1.5zm-4.5 9H561v-7.5h4.5v7.5zm4.5 0h-3.75v-7.5H570v7.5zm-2.63-4.5h1.5a.375.375 0 1 0 0-.75h-1.5a.375.375 0 0 0 0 .75zm0 1.5h.75a.375.375 0 1 0 0-.75h-.75a.375.375 0 0 0 0 .75zm-477.54 2.5a.375.375 0 1 1 .37-.375.356.356 0 0 1-.37.375m-2.6 1.5a.7.7 0 0 1-.742-.75v-4.95l2.961-3 2.97 3V22a.706.706 0 0 1-.74.75h-.74V19a.706.706 0 0 0-.74-.75h-1.49a.706.706 0 0 0-.74.75v3.75h-.739m2.219-10.5a.7.7 0 0 0-.51.225l-5.193 5.25a.738.738 0 1 0 1.037 1.05l.223-.225v4.2a1.5 1.5 0 0 0 1.482 1.5h5.931a1.491 1.491 0 0 0 1.48-1.5v-4.2l.22.225a.678.678 0 0 0 .52.225.663.663 0 0 0 .52-.225.725.725 0 0 0 0-1.05l-5.19-5.25a.709.709 0 0 0-.52-.225M70.375 13a.749.749 0 0 0-.75.75v1.808a5.245 5.245 0 1 0-.788 6.4.75.75 0 0 0-1.061-1.061 3.755 3.755 0 1 1 .776-4.151h-1.927a.75.75 0 0 0 0 1.5h3.75a.749.749 0 0 0 .75-.75v-3.75a.749.749 0 0 0-.75-.75m-34.158 4.296h8.649l-3.206-3.2a.738.738 0 0 1 1.044-1.043l4.474 4.47a.72.72 0 0 1 0 1.043l-4.474 4.47a.72.72 0 0 1-1.044 0 .72.72 0 0 1 0-1.043l3.206-3.2h-8.649a.749.749 0 1 1 0-1.497z"
     class="addressBarIcons"
     id="path45" />
  <circle
     cx="18.5"
     cy="18"
     r="12"
     fill="rgba(195, 195, 205, 0.1)"
     class="addressBarOutline"
     id="circle47" />
  <path
     d="M23.783 17.292h-8.649l3.206-3.2a.738.738 0 0 0-1.044-1.043l-4.474 4.47a.72.72 0 0 0 0 1.043l4.474 4.47a.72.72 0 0 0 1.044 0 .72.72 0 0 0 0-1.043l-3.206-3.2h8.649a.749.749 0 1 0 0-1.497z"
     class="addressBarIcons"
     id="path49" />
</svg>

скрытый текст
no-search-bar.svg

Выделить код

Код:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->

<svg
   width="631"
   height="36"
   version="1.1"
   id="svg315"
   sodipodi:docname="no-search-bar.svg"
   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <defs
     id="defs319" />
  <sodipodi:namedview
     id="namedview317"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageshadow="2"
     inkscape:pageopacity="0.0"
     inkscape:pagecheckerboard="0"
     showgrid="false"
     inkscape:zoom="1.7210777"
     inkscape:cx="335.54557"
     inkscape:cy="110.97698"
     inkscape:window-width="1920"
     inkscape:window-height="1018"
     inkscape:window-x="-8"
     inkscape:window-y="-8"
     inkscape:window-maximized="1"
     inkscape:current-layer="svg315" />
  <style
     id="style303">
    .addressBarOutline {
      stroke: context-stroke;
      stroke-linejoin: round;
      stroke-width: 1px
    }
    .addressBarIcons {
      fill: context-stroke;
      fill-rule: evenodd;
    }
  </style>
  <rect
     width="630"
     height="35"
     x=".5"
     y=".5"
     fill="context-fill"
     class="addressBarOutline"
     rx="4"
     ry="4"
     id="rect305" />
  <rect
     width="434"
     height="23"
     x="110.5"
     y="6.5"
     fill="rgba(255,255,255,0.05)"
     class="addressBarOutline"
     rx="4"
     ry="4"
     id="rect307" />
  <path
     d="m 604,0.5 h 0.5 v 34 H 604 Z m 16.75,16.75 h -7.5 c -1,0 -1,1.5 0,1.5 h 7.5 c 1,0 1,-1.5 0,-1.5 m 0,3.75 h -7.5 c -1,0 -1,1.5 0,1.5 h 7.5 c 1,0 1,-1.5 0,-1.5 m 0,-7.5 h -7.5 c -1,0 -1,1.5 0,1.5 h 7.5 c 1,0 1,-1.5 0,-1.5 m -34.98,0 c -0.66285,0.0094 -0.98852,0.811024 -0.52,1.28 l 3.18,3.22 -3.18,3.22 c -0.70667,0.7 0.34333,1.76 1.05,1.06 l 3.7,-3.75 c 0.27991,-0.297899 0.27991,-0.762101 0,-1.06 l -3.7,-3.75 c -0.14076,-0.140323 -0.33124,-0.219389 -0.53,-0.22 m 4.44,0 c -0.19617,-0.0011 -0.38419,0.07844 -0.52,0.22 -0.29027,0.293718 -0.29027,0.766282 0,1.06 l 3.17,3.22 -3.17,3.22 c -0.29027,0.293718 -0.29027,0.766282 0,1.06 0.13581,0.141565 0.32383,0.221109 0.52,0.22 0.19876,-6.11e-4 0.38924,-0.07968 0.53,-0.22 l 3.69,-3.75 c 0.29027,-0.293718 0.29027,-0.766282 0,-1.06 l -3.69,-3.75 c -0.14076,-0.140323 -0.33124,-0.219389 -0.53,-0.22 m -22.84,2.25 h 1.5 c 0.5,0 0.5,-0.75 0,-0.75 h -1.5 c -0.5,0 -0.5,0.75 0,0.75 z m 2.63,-3 h -9 c -0.82843,0 -1.5,0.671573 -1.5,1.5 v 7.5 c 0,0.828427 0.67157,1.5 1.5,1.5 h 9 c 0.82843,0 1.5,-0.671573 1.5,-1.5 v -7.5 c 0,-0.828427 -0.67157,-1.5 -1.5,-1.5 z m -4.5,9 H 561 v -7.5 h 4.5 z m 4.5,0 h -3.75 v -7.5 H 570 Z m -2.63,-4.5 h 1.5 c 0.5,0 0.5,-0.75 0,-0.75 h -1.5 c -0.5,0 -0.5,0.75 0,0.75 z m 0,1.5 h 0.75 c 0.5,0 0.5,-0.75 0,-0.75 h -0.75 c -0.5,0 -0.5,0.75 0,0.75 z m -477.54,2.5 c -0.590652,0.0079 0.369947,-0.965704 0.37,-0.375 0.01138,0.209651 -0.160215,0.383566 -0.37,0.375 m -2.6,1.5 C 86.806455,22.776607 86.456852,22.423235 86.488,22 v -4.95 l 2.961,-3 2.97,3 V 22 c 0.02681,0.420827 -0.318851,0.771161 -0.74,0.75 h -0.74 V 19 c 0.02681,-0.420827 -0.318851,-0.771161 -0.74,-0.75 h -1.49 c -0.421149,-0.02116 -0.766812,0.329173 -0.74,0.75 v 3.75 H 87.23 m 2.219,-10.5 c -0.193819,0.0012 -0.378481,0.08263 -0.51,0.225 l -5.193,5.25 c -0.725408,0.69106 0.336957,1.766743 1.037,1.05 l 0.223,-0.225 v 4.2 c -5.9e-5,0.821448 0.660611,1.490143 1.482,1.5 h 5.931 c 0.82268,-0.0061 1.484988,-0.677313 1.48,-1.5 v -4.2 l 0.22,0.225 c 0.132185,0.147302 0.322135,0.229492 0.52,0.225 0.198265,0.0066 0.389056,-0.07598 0.52,-0.225 0.3,-0.285714 0.3,-0.764286 0,-1.05 l -5.19,-5.25 C 89.83447,12.330991 89.646071,12.249472 89.449,12.25 M 70.375,13 c -0.414443,-5.54e-4 -0.750554,0.335557 -0.75,0.75 v 1.808 C 67.060444,11.274938 60.529693,12.658045 59.919792,17.611557 59.309891,22.56507 65.310086,25.491049 68.837,21.958 69.544333,21.250667 68.483333,20.189667 67.776,20.897 65.169947,23.520928 60.741823,21.194871 61.421155,17.560973 62.100486,13.927075 67.069869,13.357815 68.552,16.746 h -1.927 c -1,0 -1,1.5 0,1.5 h 3.75 c 0.414443,5.54e-4 0.750554,-0.335557 0.75,-0.75 v -3.75 c 5.54e-4,-0.414443 -0.335557,-0.750554 -0.75,-0.75 m -34.158,4.296 h 8.649 l -3.206,-3.2 c -0.669193,-0.695863 0.348778,-1.71286 1.044,-1.043 l 4.474,4.47 c 0.2981,0.283767 0.2981,0.759233 0,1.043 l -4.474,4.47 c -0.283861,0.298801 -0.760139,0.298801 -1.044,0 -0.2981,-0.283767 -0.2981,-0.759233 0,-1.043 l 3.206,-3.2 h -8.649 c -1.03515,0.03784 -1.03515,-1.534843 0,-1.497 z"
     class="addressBarIcons"
     id="path309"
     sodipodi:nodetypes="ccccccsssccsssccsssccccccccccccccccccccccssssssssssssssccccccccccssssssssssccccccccccccccccccccccccccccccccccccsccscsscccccccccccccccc" />
  <circle
     cx="18.5"
     cy="18"
     r="12"
     fill="rgba(195, 195, 205, 0.1)"
     class="addressBarOutline"
     id="circle311" />
  <path
     d="M23.783 17.292h-8.649l3.206-3.2a.738.738 0 0 0-1.044-1.043l-4.474 4.47a.72.72 0 0 0 0 1.043l4.474 4.47a.72.72 0 0 0 1.044 0 .72.72 0 0 0 0-1.043l-3.206-3.2h8.649a.749.749 0 1 0 0-1.497z"
     class="addressBarIcons"
     id="path313" />
  <path
     fill-rule="evenodd"
     d="m 123.66,12.8005 c -2.1261,0 -3.8633,1.7372 -3.8633,3.8633 0,0.83505 0.26799,1.6104 0.72227,2.2442 -1.281,1.2709 -2.3605,2.34 -2.9611,2.9615 -0.72694,0.7523 0.17816,1.7083 0.9339,0.93256 0.59882,-0.60584 1.6856,-1.673 2.9615,-2.9698 0.62649,0.43879 1.3877,0.69683 2.2067,0.69683 2.1261,0 3.8652,-1.7392 3.8652,-3.8652 0,-2.1261 -1.7392,-3.8633 -3.8652,-3.8633 z m 0,1.3555 c 1.3932,0 2.5098,1.1146 2.5098,2.5078 0,1.3932 -1.1165,2.5098 -2.5098,2.5098 -1.3932,0 -2.5078,-1.1165 -2.5078,-2.5098 0,-1.3932 1.1146,-2.5078 2.5078,-2.5078 z M 605,0.5 h -0.5 z"
     id="path41" />
</svg>

Отсутствует

 

№1195903-02-2022 12:34:04

Fiance
Участник
 
Группа: Members
Зарегистрирован: 17-01-2012
Сообщений: 15
UA: Firefox 96.0

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

Подскажите, что за параметр и как убрать синюю линию под активной вкладкой? При запуске firefox её нет, но как только переключаю вкладку она появляется.


2022-02-03-12-22-30.png
2022-02-03-12-23-24.png

Отредактировано Fiance (03-02-2022 12:35:15)

Отсутствует

 

№1196003-02-2022 14:25:37

negodnik
 
 
Группа: Members
Зарегистрирован: 14-03-2013
Сообщений: 604
UA: Seamonkey 2.38
Веб-сайт

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

sandro79
А как правильно заменять иконки?
Делаю вот так:

Выделить код

Код:

@-moz-document url("about:preferences#search"){
.searchBarHiddenImage {
  list-style-image: url("no-search-bar-ltr.svg") !important
}
.searchBarShownImage {
  list-style-image: url("search-bar-ltr.svg")!important
}
}

Пулучаются чёрные полосы, даже с дефолтными иконками.

Отсутствует

 

№1196103-02-2022 15:44:38

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

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

negodnik пишет

А как правильно заменять иконки? Делаю вот так:

Да правильно всё у вас.
Только если стиль не через user_chrome_files подключен, а классическим способом chrome/userContent.css, то нужно ещё включить настройку svg.context-properties.content.enabled
А с 96, как я вижу, уже и без включения svg.context-properties.content.enabled нормально отображается.

Отсутствует

 

№1196203-02-2022 16:11:12

negodnik
 
 
Группа: Members
Зарегистрирован: 14-03-2013
Сообщений: 604
UA: Seamonkey 2.38
Веб-сайт

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

Спасибо. Теперь нормально.
2022-02-03_160439.1643893570.png

Отсутствует

 

№1196303-02-2022 16:43:22

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

sandro79 пишет

Я делал от допротоновского интерфейса картинку, затея конечно это дурацкая, имхо

Это для userContent.css коды?

Отсутствует

 

№1196403-02-2022 17:30:42

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

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

negodnik пишет

sandro79
Чтобы код был без излишеств: Сохранить как -> Оптимизированный svg...

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

Алексей У. пишет

Это для userContent.css коды?

Это редактированные коды этих двух изображений "Панель поиска" на странице с адресом about:preferences#search, а подключаются иконки так.
Т.к. для страницы(контента), значит в userContent.css или сюда или сюда в user_chrome_files

Отредактировано sandro79 (03-02-2022 17:32:28)

Отсутствует

 

№1196503-02-2022 17:47:25

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 96.0

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

Алексей У. пишет

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

А зачем вам в строке поиска эта лупа сдалась? На мой взгляд намного лучше чтобы там иконка выбранного поисковика торчала. :) searchEngineIcon.uc.js at master · alice0775

Отсутствует

 

№1196603-02-2022 21:10:58

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

negodnik, sandro79, я тут подумал и решил сделать проще - скрыл эти два изображения. Они никакой роли не играют, похоже, для наглядности сделаны.

Отсутствует

 

№1196703-02-2022 21:16:09

negodnik
 
 
Группа: Members
Зарегистрирован: 14-03-2013
Сообщений: 604
UA: Seamonkey 2.38
Веб-сайт

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

Дело хозяйское, конечно. Но ведь всё получилось как Вы хотели.

Отсутствует

 

№1196803-02-2022 21:21:51

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

negodnik пишет

Но ведь всё получилось как Вы хотели.

За коды благодарю, конечно. Оставлю как запасный вариант.

Отсутствует

 

№1196903-02-2022 23:48:39

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

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

Fiance пишет

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

У вас явно какой-то стиль для панели вкладок используется + тема, но может так попробовать

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

Выделить код

Код:

.tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background {
  border-bottom: none !important; 
}

Или может так
скрытый текст

Выделить код

Код:

.tab-background:is([selected], [multiselected]):-moz-lwtheme {
  border-bottom: none !important;
}

Отредактировано sandro79 (04-02-2022 00:15:51)

Отсутствует

 

№1197004-02-2022 14:28:53

Fiance
Участник
 
Группа: Members
Зарегистрирован: 17-01-2012
Сообщений: 15
UA: Firefox 96.0

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

sandro79 пишет

У вас явно какой-то стиль для панели вкладок используется + тема, но может так попробовать

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

Выделить код

Код:

.tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background {
  border-bottom: none !important; 
}

Или может так
скрытый текст

Выделить код

Код:

.tab-background:is([selected], [multiselected]):-moz-lwtheme {
  border-bottom: none !important;
}


Не помогает. У меня и так в принципе было прописано на активной вкладке border-bottom: none !important;.
Может это линия от #nav-bar, которая идёт по бокам от активной вкладки? Но там тоже всё нормально прописано. И до последнего обновления firefox не было такой проблемы. Может и в теме что-то, но работало же. Тема самая простая, цвета никакие не меняет практически. Со стандартной темой проблемы такой нет.

Выделить код

Код:

#nav-bar {    
    border-top: 1px solid #0983ff !important;
    margin-top: -1px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

Upd: что интересно если тему выключить, а потом включить, то проблема исчезает. Но после перезагрузки браузера появляется снова.

Отредактировано Fiance (04-02-2022 14:32:25)

Отсутствует

 

№1197104-02-2022 14:52:41

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1728
UA: Firefox 96.0

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

Fiance
Попробуйте так:

Выделить код

Код:

#nav-bar {    
    border-top: 0px !important;
    margin-top: -1px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

Win7

Отсутствует

 

№1197204-02-2022 17:45:50

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

Можно ли сделать, чтобы значок "Произвести поиск" был виден постоянно, а не только при наборе текста (иконка по умолчанию заменена на собственную)?

скрытый текст
b7f3b6d23b6e.jpg

Отсутствует

 

№1197304-02-2022 18:28:35

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

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

Fiance пишет

Может и в теме что-то, но работало же

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

Алексей У. пишет

Можно ли сделать, чтобы значок "Произвести поиск" был виден постоянно

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

Выделить код

Код:

#searchbar .search-go-button {
  display: block;
}

У себя в этот скрипт добавил код замены стрелки на встроенную в firefox лупу
скрытый текст
Image_001.png

Выделить код

Код:

#searchbar .search-go-button {
  display: block;
  list-style-image: url("chrome://global/skin/icons/search-textbox.svg") !important;
}

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

Выделить код

Код:

// 'Search engine icon in search bar' script for Firefox 60+ by Aris
//
// Feature: search button shows current search engines icon (like with old search)
// based on 'alternative_searchbar.uc.js'
// Fx 77+ fix provided by anomiex

var tries = 30;
var init = function() {
  // Sometimes search interface is not being created in time. Retry (up to 30 times) until it does.
  try {
	document.getElementById("searchbar").currentEngine;
  } catch(e) {
	if (--tries > 0) {
	  setTimeout(init, 1000);
	}
  }

  try {
	var searchbar = document.getElementById("searchbar");

	updateStyleSheet();

	// Override updateDisplay() from browsers internal 'searchbar.js' file to also update the icon
	var oldUpdateDisplay = searchbar.updateDisplay;
	searchbar.updateDisplay = function() {
	  oldUpdateDisplay.call(this);
	  updateStyleSheet();
	};

	// main style sheet
	function updateStyleSheet() {
	  var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

	  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(' \
		.searchbar-search-button .searchbar-search-icon { \
		  list-style-image: url('+document.getElementById("searchbar").currentEngine.iconURI.spec+') !important; \
		} \
		\
		#searchbar .searchbar-search-icon { \
		  margin-inline-start: 4px !important; \
		} \
		\
		#PopupSearchAutoComplete .ac-type-icon { \
		  display: none !important; \
		} \
		\
		#searchbar .searchbar-textbox { \
		  margin-inline-start: -2px !important; \
		} \
		\
		#PopupSearchAutoComplete .ac-title-text { \
		  margin-inline-start: 4px !important; \
		  font-size: 13px !important; \
		} \
		\
		#searchbar .search-go-button { \
		  display: block; \
		  list-style-image: url("chrome://global/skin/icons/search-textbox.svg") !important; \
		} \
		\
	  '), null, null);

	  // remove old style sheet
	  if (sss.sheetRegistered(uri,sss.AGENT_SHEET)) { sss.unregisterSheet(uri,sss.AGENT_SHEET); }
	  sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

	};

  } catch(e) {}
}
setTimeout(init, 1000);

Отсутствует

 

№1197404-02-2022 18:52:18

Fiance
Участник
 
Группа: Members
Зарегистрирован: 17-01-2012
Сообщений: 15
UA: Firefox 96.0

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

kokoss пишет

Fiance
Попробуйте так:

Выделить код

Код:

#nav-bar {    
    border-top: 0px !important;
    margin-top: -1px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

Так она исчезнет тогда совсем. Мне только что бы под активной вкладкой её не было надо. А полоса остаётся только стандартная сероватая.

Отсутствует

 

№1197504-02-2022 18:55:22

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

sandro79 пишет
Алексей У. пишет

Можно ли сделать, чтобы значок "Произвести поиск" был виден постоянно

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

Выделить код

Код:

#searchbar .search-go-button {
  display: block;

Спасибо. А для .urlbar-history-dropmarker это подойдет?

Отсутствует

 

Board footer

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