Мобильные сайты все больше походят на приложения, нежели на просто сайт с информацией, и Google поддерживает эту тенденцию. Посмотрите хотя бы на то, что в последних версиях мобильного хрома по умолчанию вкладки браузера смешиваются со списком недавно запущенных приложений. Но что не хватает сайту, чтобы стать еще чуточку больше приложением? Конечно же кастомизации оболочки (интрефейса). Начиная с 39 версии хрома для Android Lollipop была внедрена возможность менять цвет интерфейса браузера веб-разработчиками.
Сделать это просто, нужно в <head> добавить новый мета-тег:
Как видно из кода, в content мы записываем цвет, в который окрасится браузер.
Google также рекомендует использовать иконку высокого качества, чтобы это выглядело еще лучше:
Через инспектор устройств хрома, я сделал пример, как это могло бы выглядеть на мобильной версии хабра:
Замечание: Если у пользователя не включено смешивание вкладок с приложениями, то он увидит выбранный вами цвет вкладки на вашем сайте, но в списке вкладок, она по прежнему будет серой.
Как поменять цвет закладок и общий фон браузера Google Chrome
Как поменять цвет закладок и общий фон браузера Google Chrome? Не тему, а именно фон браузера и закладок. При замене темы, цвет вкладок НЕ МЕНЯЕТСЯ.
Воспользуйтесь специальным расширением Theme Creator или здесь
Всё ещё ищете ответ? Посмотрите другие вопросы с метками google-chrome или задайте свой вопрос.
Site design / logo © 2022 Stack Exchange Inc; user contributions licensed under cc by-sa. rev 2022.6.13.42356
Нажимая «Принять все файлы cookie», вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Оформление Google Chrome
Когда надоедает стандартное оформление обозревателя хочется чего-то нового. Но не все знают, как сменить тему в Гугл Хром. В этой статье мы расскажем, как поставить что-нибудь интересное и необычное, чтобы веб-обозреватель был не только полезным, а ещё и радовал глаз.
Инструкция
Изменить дизайн браузера можно несколькими способами:
- найти оригинальную тему в интернет-магазине Chrome;
- использовать сторонние сервисы;
- или создать свой собственный уникальный дизайн.
Изменение оформления браузера через интернет-магазин Гугл Хром
В магазине Хром много расширений для самых разнообразных задач. И не меньше различных тем для браузера Google Chrome.
Как попасть в интернет-магазин Хром
Попасть в магазин можно несколькими способами:
Способ 1
- Откройте пустую вкладку и кликните на иконку «Приложения» на панели закладок.
- Выберите здесь из представленных сервисов «Интернет-магазин Chrome».
Способ 2
- Запустите браузер, справа вверху нажмите на иконку в виде трёх точек.
- В выпадающем списке «Меню» настроек Хрома перейдите во вкладку «Дополнительные инструменты».
- Далее выберите пункт «Расширения».
- В открытом окне нажмите на иконку «решеточка», чтобы развернуть скрытое меню (расположена левее надписи «Расширения»).
- В нижней части рабочего окна кликните по ссылке «Открыть Интернет-магазин…».
Способ 3
Как изменить дизайн
Предлагаем вам руководство, как поменять фон в Гугл Хром. Чтобы выбрать и установить понравившейся дизайн, следуйте несложной инструкции:
- Нажмите вкладку «Темы».
- Выберите понравившийся рисунок.
- Нажмите кнопку «Установить».
- Если оформление не понравилось, нажмите кнопку «Отмена» во всплывшей панели, таким способом вы вернете стандартный фон браузера.
Для удобного поиска необходимой темы они разбиты на категории оценки и классификации.
Как изменить тему с помощью сторонних сервисов
Если ни один из предложенных вариантов дизайна в магазине не понравился, то в таком случае можно поискать оригинальное оформление на сайте ThemeBeta или создать уникальный дизайн самому, дайте волю своей фантазии. Здесь темы также отсортированы по категориям, для различных разрешений мониторов, горячие, с большим количеством лайков.
- Откройте сайт ThemeBeta.
- Найдите интересный фон и нажмите «Применить тему» (Apply theme).Далее, в открывшемся окне, в верхней части экрана, подтвердите установку нового оформления.
- Подтвердите загрузку файла и откройте его.
- Примените изменения.
В разделе Theme Creator можно создать свой дизайн:
- Загрузите изображение — выберите картинку или фото, сохраненное на ПК
- Настройте первичное оформление.
- Упакуйте и установите новый дизайн.
- 4 шаг: по желанию сохраните свой шаблон онлайн — для этого потребуется регистрация на сервисе.
- Задайте имя, формат хранения (приватная будет тема или публичная), категорию, описание и нажмите Save.
Как удалить фон браузера
Если вам надоели различные варианты дизайна всегда можно вернутся к стандартному оформлению.
- В меню браузера перейдите в «Настройки».
- Пролистайте страницу до вкладки «Внешний вид».
- Напротив названия фона нажмите на кнопку «Сбросить».
Вкладки — неотъемлемая часть Google Chrome. Мы часто можем отрицать их важность, но если бы не простые способы управления вкладками, наша онлайн-жизнь была бы такой тяжелой. Мы используем их ежедневно, и временами их внешний вид может надоесть. Так почему бы не изменить внешний вид вкладок Chrome в соответствии с нашими предпочтениями? Да, вы можете раскрасить вкладки Chrome. Мы покажем вам, как изменить цвет панели вкладок в браузере Chrome.
Настройка вкладок в Chrome помогает легко идентифицировать вкладки, упорядочивать их и повышать видимость активной вкладки. Есть три способа изменить цвет вкладок в Chrome. В то время как первые два используют темы Chrome, последний использует группы вкладок.
Вот наше руководство с тремя способами изменения цвета вкладки в Chrome.
Темы помогают настроить внешний вид Chrome по своему вкусу. Когда вы меняете тему Chrome, цвет панели инструментов Chrome или верхней панели будет изменен. Это включает в себя цвет ваших вкладок, панели поиска (адресной строки) и панели закладок (если она активна). Изменение темы также повлияет на внешний вид страницы новой вкладки в Chrome.
Когда у вас открыто много вкладок, определить активную вкладку становится сложно. Цвета Chrome по умолчанию не очень помогают, так как разница в цвете незначительна. Вот где темы могут помочь. Применение другой темы Chrome помогает изменить цвет активной вкладки.
Примечание: Темы Chrome синхронизируются между вашими подключенными устройствами. Узнайте, что еще можно синхронизировать в Chrome.
Вот шаги, чтобы изменить тему Chrome:
Шаг 1: Запустите Chrome и нажмите на значок с тремя точками вверху. Выберите «Настройки» в меню.
Шаг 2: В настройках прокрутите вниз до раздела «Внешний вид». Нажмите «Темы».
Шаг 3: Браузер перенесет вас в интернет-магазин тем Chrome. Google предлагает несколько собственных интересных тем. Вы найдете их в начале магазина тем. Но если вам не нравится их коллекция, вы можете выбрать другую тему, прокрутив вниз. Нажмите на тему, которую вы хотите включить.
Шаг 4: На странице темы нажмите «Добавить в Chrome».
Подождите, пока Chrome установит тему. Когда тема будет установлена и активирована, цвет ваших вкладок изменится.
Чтобы переключиться на другую тему, перейдите в «Настройки Chrome» > «Темы». Браузер перенесет вас на страницу вашей существующей темы. Нажмите на ссылку Темы вверху, чтобы просмотреть другие темы. Нажмите на другую тему и нажмите кнопку «Добавить в Chrome», чтобы применить другую тему.
Если вы хотите вернуться к исходной теме Chrome, откройте настройки Chrome. Нажмите «Восстановить настройки по умолчанию» рядом с «Темы».
2. Создайте собственную тему Chrome для изменения цвета вкладки
Если вам не нравятся темы, доступные в магазине Chrome, вы получите больше вариантов цвета. Вы даже можете создать свою цветовую комбинацию для тем, что поможет вам изменить цвет вкладки.
Чтобы создать пользовательскую тему в Chrome, откройте новую вкладку. Используйте сочетания клавиш Ctrl + T (Windows) и Command + T (macOS), чтобы быстро открыть новую вкладку. Убедитесь, что у вас нет активных расширений для новой вкладки. Нажмите на значок редактирования (выглядит как карандаш) в правом нижнем углу.
В открывшемся всплывающем окне перейдите в раздел «Цвет и тема». Выберите цветовую комбинацию из доступного списка. Чтобы выбрать цвета, нажмите на первый значок цвета с символом выбора цвета. Затем выберите цвет. Нажмите Готово, чтобы сохранить изменения.
Наконечник: Вы можете смешивать и сочетать фон и цвета из разных тем. Нажмите «Фон» и выберите новое изображение для новой вкладки, не меняя цвета темы. Вы даже можете использовать любое изображение с вашего компьютера в качестве фона Chrome.
3. Измените цвет вкладки с помощью групп вкладок
Добавление цветного акцента — еще один стильный способ выделить вкладки. Вы увидите цветную линию под вкладками. Если вы хотите упорядочить вкладки, изменив их цвет, вам пригодится этот метод, использующий группы вкладок.
Недавно представленные Google, группы вкладок помогают группировать вкладки в соответствии с их характером, использованием, приоритетом и т. д. Группировка выполняется пользователем вручную. Вы можете назначить цвет для вкладок в той же группе. Таким образом, разные группы могут иметь разные цвета.
Чтобы создать группу вкладок, щелкните правой кнопкой мыши вкладку на верхней панели. Выберите Добавить в новую группу.
В левой части вкладки появится серая точка. Нажмите на нее, чтобы назвать группу вкладок и назначить цвет.
Чтобы добавить вкладки в существующую группу, перетащите их в группу или щелкните их правой кнопкой мыши и выберите «Добавить в существующую группу». Точно так же, чтобы удалить вкладку из группы, перетащите ее из нее или выберите «Удалить из группы», щелкнув ее правой кнопкой мыши.
Расширение возможностей использования вкладок в Chrome
Вы можете повысить свою производительность в Chrome, используя вкладки наилучшим образом. Например, если ваш браузер выйдет из строя, вы сможете восстановить вкладки после перезагрузки. И если вы хотите, вы можете сохранить свою коллекцию вкладок перед закрытием Chrome. Как вы управляете вкладками? Поделитесь с нами своими мыслями в комментариях ниже.
Следующий: Откройте для себя скрытые функции, советы и рекомендации, связанные с вкладками в Google Chrome, по следующей ссылке.
ОБНОВЛЕНО 11.2017: друзья, начиная с Firefox 57 вкладки стали тёмными по умолчанию, а значительная часть расширений, включая описанное здесь, перестала работать. Поэтому ответ на свой вопрос вы теперь найдёте прокрутив эту страничку вниз до раздела «как изменить цвет вкладок в новых версиях Firefox», который мы добавили к тексту специально по случаю всех последних изменений в браузере.
Использование тем оформления предлагает широкие возможности в плане персонализации интерфейса Firefox, но если этого вам кажется недостаточно, советуем обратить внимание на интересное дополнение ColorfulTabs.
Этот бесплатный инструмент придаст интерфейсу вашего браузера ещё больше оригинальности, раскрасив открытые вкладки в разные цвета.
После его установки каждая новая вкладка открытая пользователем будет окрашиваться в случайный цвет, кроме того все вкладки станут строго прямоугольными, а не округлыми как это есть в Firefox.
Управлять цветовыми предпочтениями можно как из контекстного меню, вызываемого кликом по вкладке правой кнопкой мыши, так и из отдельного окна глобальных настроек.
Из «быстрых» настроек дополнением поддерживаются случайная смена цвета, установка цвета по умолчанию, выбор определённого цвета, а также создание цветового шаблона для конкретного домена.
Особого внимания заслуживает опция позволяющая минимизировать открытые вкладки, превратив их в квадратики со стороной примерно в 10 миллиметров.
Задать стили и дополнительные параметры поведения ColorfulTabs можно в общих настройках.
Здесь вы можете установить уровень прозрачности вкладок, установить задний фон, включить мерцание шрифта и т.д. В целом дополнение может похвастать неплохим набором дополнительных настроек.
Существенный недостаток ColorfulTabs заключается в отсутствии русского языка, так что пользователям, не знающим английского и при этом желающим разобраться во всех нюансах работы с дополнением, придётся порядком повозиться.
Если вы уже перешли на самые новые версии Firefox (57 и выше), то должны были столкнуться с тем, что все вкладки кроме активной стали там тёмными:
Вам не нравится такой черный Firefox, его черные вкладки и вы хотите изменить цвет Firefox на прежний? Тогда чтобы вернуть более привычные светлые вкладки, откройте главное меню браузера и перейдите по ссылке «изменить»:
Внизу появившейся вкладки с настройками откройте выпадающее меню «темы» и включите вариант «светлая»:
Таким образом вы смените цвет вкладок:
Там же можно воспользоваться и другими встроенными темами. Так, например, выглядит тема «ренессанс веб-браузера»:
Ещё больше тем вы можете найти в официальном каталоге Mozilla:
Среди них вы найдёте дополнительные светлые темы для шапки и конкретно цвета вкладок бразуера, если те, что встроены в Firefox изначально, вам по каким-то причинам не понравились. Особо советуем вот эту приятную анимированную светлую тему:
Александр Ануфриев, журналист, в свободное время любит работать с компьютерами, уделяя особое внимание браузерам.
Страница автора — ВКонтакте