Господа, подскажите, как можно перекрасить адресную строку браузера? Сколько не рылся в коде, ничего подходящего не нашел.
- html
- мобильная-разработка
Yuri
15.8k8 золотых знаков51 серебряный знак94 бронзовых знака
задан 23 янв 2017 в 9:45
ChamondChamond
3013 серебряных знака13 бронзовых знаков
5
-
Мне кажется это загружена тема для браузера
23 янв 2017 в 9:46
-
нет, на разных сайтах свой background — именно в свою цветовую тему, так что ваш вариант исключен
23 янв 2017 в 9:47
-
Напишите, какие именно браузеры вас интересуют?
23 янв 2017 в 9:52
-
@Mikl, на картинке не видно, что это android Google Chrome ?
23 янв 2017 в 9:53
-
Да хотя бы Google Chrome, мне сама методика нужна
23 янв 2017 в 9:53
2 ответа
ответ дан 23 янв 2017 в 10:02
dmitrzdmitrz
1563 бронзовых знака
Используйте метатег:
<meta name="theme-color" content="#db5945">
ответ дан 23 янв 2017 в 9:53
MiklMikl
3,3549 серебряных знаков14 бронзовых знаков
0
Я хочу переключиться с Firefox на Chrome, но после того, как у меня так долго остается черная тема, ее сложно настроить.
Вот что я имею в виду, обратите внимание, что адресная строка все еще белая, даже в «черной» теме в версии Chrome.
Fire Fox
Хром
Можно ли изменить цвет с белого на черный? Если да, то как?
Это невозможно Взглянув на этот исходный код, вы увидите, какие части Chrome доступны для темы:
// The image resources we will allow people to theme.
const int kThemeableImages[] = {
IDR_THEME_FRAME,
IDR_THEME_FRAME_INACTIVE,
IDR_THEME_FRAME_INCOGNITO,
IDR_THEME_FRAME_INCOGNITO_INACTIVE,
IDR_THEME_TOOLBAR,
IDR_THEME_TAB_BACKGROUND,
IDR_THEME_TAB_BACKGROUND_INCOGNITO,
IDR_THEME_TAB_BACKGROUND_V,
IDR_THEME_NTP_BACKGROUND,
IDR_THEME_FRAME_OVERLAY,
IDR_THEME_FRAME_OVERLAY_INACTIVE,
IDR_THEME_BUTTON_BACKGROUND,
IDR_THEME_NTP_ATTRIBUTION,
IDR_THEME_WINDOW_CONTROL_BACKGROUND
};
Вы можете видеть, что адресное поле отсутствует в списке и, следовательно, не может быть изменено.
ответ дан Sathyajith Bhat53k
Для человека, который говорит, что это невозможно: WRAWNG!
Это возможно в Win7, если вы создаете тему самой ОС, так как Chrome вытягивает эти цвета из окон. Они не жестко запрограммированы, и так как моя Win7 полностью черная с белым текстом, то же самое относится и к моей адресной строке.
Да, это можно сделать через саму ОС. В Windows 7 вы можете сделать это через окно «Цвет и внешний вид Windows», выбрав «Окно»:
Темы Chrome не влияют на адресную строку, на нее влияют настройки темы Windows.
Измените цвета в теме Windows через панель управления> Внешний вид> Персонализация> Цвет окна
Цвета, которые влияют на адресную строку, являются цветами «Окна», поэтому фон будет соответствовать цвету фона окна, а цвет шрифта — цвету текста.
После того, как вы изменили настройки Windows, вы должны закрыть Chrome и снова открыть.
Вы можете попробовать просмотреть темы Chrome, возможно, вы не сможете точно воспроизвести тему Firefox, но сможете найти что-то близкое.
Всё ещё ищете ответ? Посмотрите другие вопросы с метками windows-7 google-chrome themes.
Одной из характеристик Windows 10 является то, что операционная система позволяет нам выбирать основной цвет, который применяется к строкам заголовков окон и многим другим элементам системы (например, меню настроек или в других. Приложениях, обычно UWP) . Однако, хотя приложение, такое как Fire Fox, окрашивать строку заголовка этим цветом, другие элементы системы не будут, создавая впечатление незавершенности.
С приходом Firefox Quantum , Браузер Mozilla был почти полностью переработан — от внутреннего механизма браузера до интерфейса. Это правда, что раньше WebExtension, Расширения Firefox могут почти полностью настроить внешний вид браузера. Однако текущие расширения гораздо более ограничены в том, что можно и что нельзя делать.
Как мы видим на предыдущем снимке, в то время как строка заголовка имеет основной цвет нашей Windows 10, остальные элементы браузера, такие как вкладки или Адресная строка FF , нет, имея серый цвет по умолчанию.
Native Dark, расширение для изменения цвета панелей Firefox
К счастью, если мы хотим изменить цвет адресной строки нашего Firefox так, чтобы использовался тот же основной цвет, который мы используем в Windows 10, это возможно, и все благодаря расширению под названием Родная тьма . Это расширение бесплатное, и мы можем загрузить его из магазина расширений Firefox.
После загрузки и установки в нашем браузере мы автоматически увидим, как адресная строка браузера меняет цвет в зависимости от того, что у нас есть в Windows.
Как видим, все значки и все элементы интерфейса Firefox полностью читабельны , поэтому у нас не будет проблем с каким-либо элементом из-за изменения цвета в нашем браузере. Если мы изменим цвет нашей Windows 10, это расширение автоматически изменит цвет Firefox в соответствии с ним.
Не все цвета совместимы с Windows 10, поэтому, если определенный цвет не может быть назначен в операционной системе, он также не может отображаться в веб-браузере. Кроме того, некоторые цвета могут вызывать неправильное отображение значков или панели задач в зависимости от их яркости, хотя в тестированных нами базовых цветах мы не обнаружили каких-либо серьезных проблем.
Тем не менее, Native Dark — очень интересное расширение для Firefox. что значительно адаптирует его к внешнему виду всей нашей операционной системы в мире. К сожалению, пока это приложение, как и многие другие, не будет адаптировано к формату UWP и опубликовано в Microsoft Store, мы не сможем увидеть полную интеграцию с внешним видом операционной системы, а также с Свободный дизайн , концепция интерфейса, которая для браузера была бы действительно интересной.
Что вы думаете о Native Dark? Нравится ли вам адаптировать приложения по цвету к остальным элементам операционной системы?
Приложения в Windows 10 меняют цвет строки заголовка в соответствии с цветом выделения в меню «Пуск», панели задач и панели Центра действий. Firefox долгое время не поддерживал эту особенность, но его текущая стабильная версия теперь имеет цветные строки заголовка. Нет ничего, что могло бы критиковать выполнение функции; Firefox имеет цветные строки заголовка, как и другие приложения в Windows 10, имеющие цветные заголовки. Если вам нравится немного больше цвета, вы можете попробовать надстройку Native Dark для Firefox и получить цвет акцента Windows 10 на строке URL-адреса в Firefox.
Цветная строка URL в Firefox
Установить Родная тьма в Firefox. Откройте новую вкладку, и вы увидите, что строка заголовка и строка URL отражают цвет акцента. В дополнение было внесено небольшое изменение: строка URL-адреса всегда будет иметь более темный оттенок по сравнению с цветом акцента. Подумайте о том, как цвет строки заголовка всегда отличается от цвета панели задач, и вы получите представление о том, как это будет выглядеть.
Кнопки не исчезают, если вы выберете темный или светлый цвет. Для более темного акцентного цвета кнопки «Вперед», «Назад», «Обновить», «Домой», «Закладки» и т. Д. Станут белыми. Когда вы выбираете светлый акцентный цвет (например, серый или желтый), кнопки рядом с адресной строкой становятся черными. Когда вы щелкаете внутри адресной строки, т.е. она выбрана, вокруг нее появляется синий контур. Дело в том, что добавление этого дополнительного цвета не ставит под угрозу удобство использования браузера. Строка заголовка и текст строки URL-адреса отлично читаются.
Цвета обновляются автоматически, то есть всякий раз, когда вы меняете акцентный цвет в приложении «Настройки» в Windows 10, цвета строки заголовка Firefox и строки URL-адреса изменяются вместе с ним.
Следует отметить, что в Widows 10 не все цвета поддерживаются при установке пользовательского цвета акцента. Windows 10 предоставляет вам палитру цветов, и вы можете вводить значения цветов RGB, но если вы введете неподдерживаемый цвет, вы не сможете его выбрать. В том же духе есть также некоторые цвета, которые вы можете установить, но их будет трудно увидеть в Windows 10. Если вы выберете один из этих цветов, возможно, темный цвет строки URL-адреса в Firefox может выглядеть не так хорошо. , или с ним так же легко работать. Вне этого сценария надстройка создана грамотно и выполняет то, что обещает.
Что вы думаете об этой статье?