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

m0nkrus · №11326

sandro79
Опять я сам накосячил. Рядом лежат рабочий профиль и резервная копия на случай, если перемудрю со скриптами. Так вот, внедрил я все это в резервную копию, вместо основной. Перекинул куда следует - все заработало.
Хочу уточнить: я правильно понимаю, что этот скрипт меняет картинку только на вкладках? Соответственно, не в закладках, не в адресной строке он ни на что не влияет? У меня, по крайней мере, работает именно так. И нельзя ли сделать так, чтобы скрипт охватывал и эти позиции?

sandro79 · №11327

m0nkrus пишет

я правильно понимаю, что этот скрипт меняет картинку только на вкладках? Соответственно, не в закладках, не в адресной строке он ни на что не влияет?

Всё верно.

И нельзя ли сделать так, чтобы скрипт охватывал и эти позиции?

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

css стилем видимо - нет. Этот метод может добавить/заменить favicon на сайт, служебную страницу, и везде будет отображаться этот favicon.
Для закладок я делал сначала так, ну теперь мне это не требуется, метод по первой ссылке решает этот вопрос.
Можно ещё в user_chrome.manifest комплекта user_chrome_files прописать строку override chrome://global/skin/icons/defaultFavicon.svg chrome://user_chrome_files/content/custom_styles/svg/defaultFavicon.svg, закинуть новый defaultFavicon.svg в папку svg для смены дефолтного глобуса пустой фавиконки на что-то своё.

m0nkrus · №11328

sandro79, для различных адресов я себе нарыл удачный плагин. Мне бы только дефолтную пустышку заменить/добавить. Избыточный код мне не нужен.

И еще вопрос по пройденному материалу. Пока ссылка исходная, неизменная, то все ОК, "история" не саморазвертывается, все работает по стрелочке. Но стоит мне модифицировать ссылку (буквально изменить один символ), как "история" разворачивается. Она и в старых версиях разворачивалась - это нормально. Но, при этом из адресной строки пропадают стрелочка раскрытия/закрытия "истории" и значок "Копировать ссылку". Как итог, я не могу скопировать соответствующим значком модифицированную ссылку и не могу свернуть раскрытую "историю" не уведя фокус из адресной строки (раньше можно было просто щелкнуть в любом месте адресной строки, чтобы история свернулась). Что-то можно сделать?

Отредактировано m0nkrus (26-09-2021 13:11:18)

sandro79 · №11329

m0nkrus пишет

Мне бы только дефолтную пустышку заменить/добавить

Вот страница без фавикона, так она выглядит у меня в строке адреса и на закладке.
Что для этого я сделал: заменил дефолтный глобус через user_chrome.manifest, а в коде faviconinurlbar у меня прописан адрес chrome://global/skin/icons/defaultFavicon.svg, и в строке адреса, если нет фавикона у сайта или ещё не загрузился, отображается прописанная здесь иконка. Способ для вкладок у вас есть. Других способов я не знаю, если они вообще существуют, ну разве что лезть уже в omni.ja.

Мой defaultFavicon.svg

Выделить код

Код:

<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32">
  <defs>
    <linearGradient id="a" x1="31.36" y1="-.127" x2="4.307" y2="27.635" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#ffea00"/>
      <stop offset=".108" stop-color="#ffde00"/>
      <stop offset=".3" stop-color="#ffbf00"/>
      <stop offset=".552" stop-color="#ff8e00"/>
      <stop offset=".816" stop-color="#ff272d"/>
      <stop offset=".848" stop-color="#fb2532"/>
      <stop offset=".887" stop-color="#ee1e40"/>
      <stop offset=".928" stop-color="#d81358"/>
      <stop offset=".971" stop-color="#ba0379"/>
      <stop offset=".978" stop-color="#b5007f"/>
    </linearGradient>
  </defs>
  <path d="M31.4 14.627c-.044-.289-.088-.46-.088-.46s-.113.131-.3.379a10.8 10.8 0 0 0-.375-2.04 13.883 13.883 0 0 0-.94-2.418 10.078 10.078 0 0 0-.858-1.473q-.177-.264-.36-.512c-.571-.934-1.227-1.5-1.986-2.583a7.826 7.826 0 0 1-.993-2.692 10.88 10.88 0 0 0-.477 1.761c-.779-.786-1.458-1.345-1.866-1.726C21.133.978 21.367 0 21.367 0s-3.773 4.209-2.137 8.6a8.43 8.43 0 0 0 2.81 3.744c1.581 1.3 3.283 2.33 4.18 4.952a8.4 8.4 0 0 0-3.154-3.327 7.593 7.593 0 0 1 .6 3.006 7.145 7.145 0 0 1-8.736 6.96 6.576 6.576 0 0 1-1.77-.6 7.2 7.2 0 0 1-2.121-1.96l-.01-.017.126.046a6.517 6.517 0 0 0 .9.242 5.644 5.644 0 0 0 3.594-.424c1.129-.626 1.813-1.091 2.367-.908h.01c.542.172.969-.353.581-.9a2.949 2.949 0 0 0-2.846-1.114c-1.131.165-2.167.968-3.648.19a3.13 3.13 0 0 1-.278-.163c-.1-.058.317.088.221.022a7.351 7.351 0 0 1-.931-.555c-.022-.018.224.07.2.052a3.591 3.591 0 0 1-.971-.982 1.746 1.746 0 0 1-.066-1.559 1.376 1.376 0 0 1 .6-.566c.192.095.31.166.31.166s-.087-.16-.135-.244c.017-.006.032 0 .049-.011.168.073.539.261.734.376a1.018 1.018 0 0 1 .335.3s.067-.033.017-.173a.907.907 0 0 0-.347-.425h.016A2.952 2.952 0 0 1 12.3 15a2.085 2.085 0 0 0 .171-.906 1.181 1.181 0 0 0-.069-.5c-.054-.1.03-.14.123-.035a.977.977 0 0 0-.079-.239v-.008s.053-.069.078-.095a1.434 1.434 0 0 1 .216-.176 10 10 0 0 1 1.469-.749c.416-.181.759-.32.83-.36a2.287 2.287 0 0 0 .294-.226 1.973 1.973 0 0 0 .661-1.143 1.593 1.593 0 0 0 .017-.178v-.105c-.06-.226-.449-.395-2.483-.586a1.778 1.778 0 0 1-1.454-1.364v.009c-.029.075-.055.15-.081.225.026-.075.052-.151.081-.225v-.016a5.153 5.153 0 0 1 1.992-2.474c.052-.043-.208.011-.156-.032a5.18 5.18 0 0 1 .532-.225c.091-.039-.391-.222-.818-.178a2.2 2.2 0 0 0-.758.178c.1-.086.4-.2.33-.2a4.877 4.877 0 0 0-1.547.585.315.315 0 0 1 .03-.14 2.407 2.407 0 0 0-.966.746 1.286 1.286 0 0 0 .01-.174 2.883 2.883 0 0 0-.475.446l-.009.007a6.3 6.3 0 0 0-3.527-.3l-.01-.009h.012a2.953 2.953 0 0 1-.627-.7l-.008-.012-.014-.021a5.48 5.48 0 0 1-.237-.388 5.527 5.527 0 0 1-.176-.339c0-.008-.009-.011-.013-.012-.024 0-.041.111-.061.082v-.006a4.322 4.322 0 0 1-.309-1.697l-.016.008a1.89 1.89 0 0 0-.716.937c-.062.137-.1.213-.14.288v-.035c.009-.069.039-.212.032-.2s-.013.019-.02.029a1.741 1.741 0 0 0-.252.373 2.366 2.366 0 0 0-.15.383c-.006.021 0-.018 0-.064s.009-.128 0-.111l-.022.043a9.526 9.526 0 0 0-.806 3.044 3.038 3.038 0 0 0-.023.54v.016a6.641 6.641 0 0 0-.819 1.1 15.65 15.65 0 0 0-1.731 4.246 10.379 10.379 0 0 1 .928-1.626 15.041 15.041 0 0 0-1.049 5.514 14.264 14.264 0 0 1 .451-1.634 13.848 13.848 0 0 0 1.25 6.489 15.08 15.08 0 0 0 5.968 6.768 13.057 13.057 0 0 0 3.478 1.667c.163.059.327.117.5.173-.053-.021-.1-.044-.153-.067a15.752 15.752 0 0 0 4.506.659c5.41 0 7.2-2.06 7.36-2.266a2.739 2.739 0 0 0 .639-.858q.156-.064.316-.137l.067-.03.122-.057a11.349 11.349 0 0 0 2.284-1.43 5.511 5.511 0 0 0 2.129-3.11 1.944 1.944 0 0 0 .029-1.433q.083-.132.171-.28a12.743 12.743 0 0 0 1.913-6.2v-.184a7.76 7.76 0 0 0-.115-1.388z" fill="url(#a)"/>
</svg>

или такой

Выделить код

Код:

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
  <path fill="context-fill" fill-opacity="context-fill-opacity" d="M15.424 5.366A4.384 4.384 0 0 0 13.817 3.4a7.893 7.893 0 0 1 .811 2.353v.017c-.9-2.185-2.441-3.066-3.7-4.984l-.189-.3c-.035-.059-.063-.112-.088-.161a1.341 1.341 0 0 1-.119-.306.022.022 0 0 0-.013-.019.026.026 0 0 0-.019 0h-.006a5.629 5.629 0 0 0-2.755 4.308c.094-.006.187-.014.282-.014a4.069 4.069 0 0 1 3.51 1.983A2.838 2.838 0 0 0 9.6 5.824a3.2 3.2 0 0 1-1.885 6.013 3.651 3.651 0 0 1-1.042-.2c-.078-.028-.157-.059-.235-.093-.046-.02-.091-.04-.135-.062A3.282 3.282 0 0 1 4.415 8.95s.369-1.334 2.647-1.334a1.91 1.91 0 0 0 .964-.857 12.756 12.756 0 0 1-1.941-1.118c-.29-.277-.428-.411-.551-.511-.066-.054-.128-.1-.207-.152a3.481 3.481 0 0 1-.022-1.894 5.915 5.915 0 0 0-1.929 1.442A4.108 4.108 0 0 1 3.1 2.584a1.561 1.561 0 0 0-.267.138 5.767 5.767 0 0 0-.783.649 6.9 6.9 0 0 0-.748.868 6.446 6.446 0 0 0-1.08 2.348c0 .009-.076.325-.131.715l-.025.182c-.019.117-.033.245-.048.444v.023c-.005.076-.011.16-.016.258v.04A7.884 7.884 0 0 0 8.011 16a7.941 7.941 0 0 0 7.9-6.44l.036-.3a7.724 7.724 0 0 0-.523-3.894z"/>
</svg>

И еще вопрос по пройденному материалу ... Что-то можно сделать?

Может быть и можно, но не с моими способностями.

Vitaliy V.
В файле user_chrome.manifest комплекта user_chrome_files присутствует строка override chrome://global/skin/media/imagedoc-darknoise.png chrome://user_chrome_files/content/custom_styles/png/imagedoc-darknoise.png от комплекта full_theme

Отредактировано sandro79 (26-09-2021 13:55:04)

Алексей У. · №11330

Как сделать чтобы при установке курсора в строку поиска (т. е. в режиме focus) ее граница меняла цвет?

m0nkrus · №11331

sandro79 пишет

в коде faviconinurlbar у меня прописан адрес chrome://global/skin/icons/defaultFavicon.svg, и в строке адреса, если нет фавикона у сайта или ещё не загрузился, отображается прописанная здесь иконка.

У меня оно так не работало. Сейчас я решил удалить из user_chrome.manifest мертворожденную строку "override chrome://global/skin/media/imagedoc-darknoise.png chrome://user_chrome_files/content/custom_styles/png/imagedoc-darknoise.png", оставленную там автором (если строка там как пример, то ее стоило закомментировать). После этого все заработало! Видимо об этот мертвяк интерпретатор и спотыкался.
Для вкладок оно мне не принципиально, так что этого механизма мне за глаза!

Может быть и можно, но не с моими способностями.

Vitaliy V., выручайте!

sandro79 · №11332

m0nkrus пишет

Видимо об этот мертвяк интерпретатор и спотыкался

Да это вряд ли. У меня после этой строки, я только сегодня её заметил и у себя в user_chrome.manifest, прописано ещё 27 путей к иконкам и все присутствуют в интерфейсе. Картинки chrome://user_chrome_files/content/custom_styles/png/imagedoc-darknoise.png у меня в комплекте не было и нет сейчас. Просто картинка не отобразится и всё.
По пройденному материалу
Сейчас посмотрел в инспекторе, подумал, так можно в принципе сделать стилем

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

Выделить код

Код:

#urlbar[usertyping] > #urlbar-input-container > #page-action-buttons > #urlbar-zoom-button,
#urlbar[usertyping] > #urlbar-input-container > #page-action-buttons > .urlbar-page-action,
#urlbar[usertyping] > #urlbar-input-container > .urlbar-history-dropmarker {
    display: -moz-inline-box !important;
}

m0nkrus · №11333

sandro79 пишет

Да это вряд ли.

Почему же тогда у меня заработала после этого действия? Это было единственное действие. Я отслеживал. Впрочем, не суть важно. Главное результат!

Сейчас посмотрел в инспекторе, подумал, так можно в принципе сделать стилем

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

P.S. Да, и иконка "Копировать ссылку" захватывает исходную ссылку, а не модифицированную! То есть она бесполезна.
Наверное, в моем случае стоит остановиться на таком коде:

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

Выделить код

Код:

#urlbar[usertyping] > #urlbar-input-container > .urlbar-history-dropmarker {
    display: -moz-inline-box !important;
}

Так остаются только "Перейти по адресу" и "История", хоть и не в той последовательности, какую бы хотелось.

Отредактировано m0nkrus (26-09-2021 19:05:30)

sandro79 · №11334

m0nkrus пишет

Во-первых... В четвертых... P.S. Да, и иконка "Копировать ссылку" захватывает исходную ссылку, а не модифицированную! То есть она бесполезна

Других вариантов у меня нет, вряд ли всё это стилем возможно сделать. Может спецы вам напишут скрипт по всем параметрам подходящий.

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

Выделить код

Код:

#urlbar[usertyping] > #urlbar-input-container > #page-action-buttons > .urlbar-page-action:not(#star-button-box),
#urlbar[usertyping] > #urlbar-input-container > .urlbar-history-dropmarker {
    display: -moz-inline-box !important;
}
#urlbar[usertyping] > #urlbar-input-container > #urlbar-go-button {
    -moz-box-ordinal-group: 10 !important;
}

Vitaliy V. · №11335

sandro79 пишет

В файле user_chrome.manifest комплекта user_chrome_files присутствует строка override chrome://global/skin/media/imagedoc-darknoise.png chrome://user_chrome_files/content/custom_styles/png/imagedoc-darknoise.png от комплекта full_theme

Спасибо, убрал. Собственно я почти и не использую UserChromeFiles без FullTheme все это надо вместе тестировать, ну а в user_chrome.manifest редко заглядываю...

m0nkrus пишет

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

Ну да в каких то старых версиях было...

m0nkrus пишет

Но, при этом из адресной строки пропадают ... значок "Копировать ссылку"

Даже если бы она была, копировала бы адрес страницы
Вот добавил в urlbarhistorydropmarker копирование по ПКМ содержимого адресной строки и т.д.
см. // -- Настройки -->
https://forum.mozilla-russia.org/viewto … 88#p781188

Отредактировано Vitaliy V. (26-09-2021 19:13:45)

m0nkrus · №11336

Vitaliy V.
Отлично! Теперь и значок "Копировать ссылку" не нужен. Спасибо!

Отредактировано m0nkrus (26-09-2021 19:51:00)

Vitaliy V. · №11337

m0nkrus
Да и обновил вчера Вкладки ниже теперь скрипт проще подключать
вы его вроде устанавливали тут https://forum.mozilla-russia.org/viewto … 50#p794950

Отредактировано Vitaliy V. (26-09-2021 19:59:24)

m0nkrus · №11338

Vitaliy V.
Ну если только проще подключать, то я уж его трогать не буду, единожды подключив. Но за всех будущих пользователей этой работы я вас от души благодарю!

Совет по скрипту Dropmaker'a: Лучше вместо подсказки "ЛКМ: Показать историю" задействовать "ЛКМ: Показать подборку". Так универсальнее, так как urlbar является еще и поисковым терминалом и выдает подсказки по поиску, а также, при ручном наборе адреса, варианты готовых адресов. Это не совсем подходит под термин "история". Но решать, разумеется, вам.

Отредактировано m0nkrus (26-09-2021 21:33:21)

Vitaliy V. · №11339

m0nkrus пишет

задействовать "ЛКМ: Показать подборку". Так универсальнее

Когда нет ввода показывается только история, а там уж сами решайте
если параметр hidewhenusertyping: false, // скрывать dropmarker при вводе
т. е. не скрывать, то можете вписать сюда всё что придет в голову
Ltooltiptext: "Показать историю",
на то они // -- Настройки --> там и сделаны

Кстати по просьбе sandro79 добавил в скрипт ещё по СКМ "Обновить текущую страницу"

Отредактировано Vitaliy V. (26-09-2021 23:52:19)

Ник 22 · №11340

Подскажите пожалуйста. 1. Как изменить цвет значка динамика на вкладке при воспроизведении и еще чтобы он не менял цвет при переключении на другую вкладку. 2. Крестик закрытия вкладки расположен справа и как подвинуть его ближе к краю.

Отредактировано Ник 22 (29-09-2021 10:55:50)

kokoss · №11341

Vitaliy V.
Вы бы не могли объединить в один эти два стиля: https://forum.mozilla-russia.org/viewto … 23#p793823 и https://forum.mozilla-russia.org/viewto … 09#p782009

Отредактировано kokoss (29-09-2021 13:23:14)

Vitaliy V. · №11342

kokoss
Я бы сказал они несовместимы, для кнопок нужно место а когда несколько колонок его не остается,
можно конечно сделать на весь экран и т.д. но все равно не то

sandro79 · №11343

Ник 22 пишет

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

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

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

Выделить код

Код:

.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
    fill: gold !important;
    padding: 1px !important; /* сделать значок больше */
}

Можно ещё и сменить значок на другой из "Список всех вкладок"

Выделить код

Код:

.tab-icon-overlay[soundplaying] {
    list-style-image: url("chrome://global/skin/media/audio.svg") !important;
}
.tab-icon-overlay[muted] {
    list-style-image: url("chrome://global/skin/media/audio-muted.svg") !important;
}

Крестик закрытия вкладки расположен справа и как подвинуть его ближе к краю

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

Выделить код

Код:

.tab-close-button {
    margin-inline-end: -9px !important;
}

или по краям сдвинуть содержимое вкладки

Выделить код

Код:

:root {
    --inline-tab-padding: 6px !important;
}

kokoss · №11344

Vitaliy V. пишет

Я бы сказал они несовместимы,

Понятно, и спасибо за стили :beer:

Ник 22 · №11345

sandro79 пишет

По дефолту вроде не наблюдаю

Спасибо.

Отредактировано Ник 22 (29-09-2021 20:36:37)

m_nikolay · №11346

Vitaliy V.
Здравствуйте!
Обновил ваши разработки user_chrome_files и full theme, теперь не могу найти как сменить цвет рамки окна поиска

Помогите пожалуйста разобраться.
Всего вам хорошего!

Отредактировано m_nikolay (30-09-2021 10:51:55)

Vitaliy V. · №11347

m_nikolay
тема что вы используете ваша? если так то лучше в ней и настроить эти параметры
"toolbar_field_border": "transparent",
"toolbar_field_border_focus": "rgb(0, 116, 232)",
в стиле цвета настраивать там где это делается темами считаю неправильным,
но если надо именно так, то как то так

Выделить код

Код:

:root:-moz-lwtheme {
    --toolbar-field-border-color: transparent !important;
    --toolbar-field-focus-border-color: rgb(0, 116, 232) !important;
}

m_nikolay · №11348

Vitaliy V.
Спасибо за помощь! Теперь получилось то, чего хотел.
Всяческого вам добра и крепкого здоровья.

_zt · №11349

Vitaliy V.
Проверьте на полной теме работоспособность этих советов для темной темы в win (7-8.1).
https://forum.mozilla-russia.org/viewto … 16#p793616

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

Выделить код

Код:

#PopupAutoComplete {
    --panel-color: var(--toolbar-field-focus-color, FieldText) !important;
    --panel-background: var(--toolbar-field-focus-background-color, Field) !important;
    --panel-border-color: var(--arrowpanel-border-color, ThreeDShadow) !important;
}

и
https://forum.mozilla-russia.org/viewto … 44#p792944

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

Выделить код

Код:

panel[type="autocomplete-richlistbox"] {
    --panel-color: rgb(220,220,225) !important;
    --panel-background: rgba(10,10,15,0.8) !important;
    --panel-border-color: var(--v-highlight-background-color) !important;
}

Ни как не работает, только полным комплектом:

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

Выделить код

Код:

#PopupAutoComplete {
    --panel-color: rgb(220,220,225) !important;
    --panel-background: rgba(43,42,51,0.9) !important;
    --panel-border-color: Highlight !important;
}
panel[type="autocomplete-richlistbox"] {
    color: rgb(220,220,225) !important;
    background: rgba(43,42,51,0.5) !important;
    border-color: Highlight !important;
}
panel[type="autocomplete-richlistbox"] > richlistbox {
    background: transparent !important;
    color: inherit !important;
    margin: 0 !important;
}

Причем, вторая секция именно так, а не --panel-... Иначе в инспекторе пишет серым, что "не задано"... , для бэкграунда по крайней мере.

Vitaliy V. · №11350

_zt
от https://github.com/VitaliyVstyle/Vitali … w.css#L827
до 856 строки

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

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