Як отримати тему дизайну матеріалів Google Chrome у Firefox

Якщо вам не сподобався вигляд куточків, розташованих у квадраті, на вкладках у Firefox, ви можете надати їм округлий вигляд інтерфейсу інтерфейсу матеріального дизайну Chrome.

Якщо вам не сподобається вигляд квадратиківкути на вкладках у Firefox, ви можете надати їм округлий вигляд інтерфейсу інтерфейсу матеріалу в Chrome. Ви також можете покласти закруглені кінці на адресний рядок і перетворити піктограми панелі інструментів Firefox в іконки Material Design. Сьогодні ми розповімо, як ви можете отримати інтерфейс інтерфейсу Chrome для дизайну у Firefox.

Перед переходом до інтерфейсу інтерфейсу Material Design

Ось як виглядають вкладки та піктограми Firefox перед застосуванням інтерфейсу Material Design для Firefox:

Тепер ми застосуємо інтерфейс Material Design інтерфейс до Firefox та отримаємо закруглені кути та значки дизайну матеріалів.

Завантажте та витягніть необхідні файли

Завантажте поштовий файл MaterialFox, щоб отримати потрібні файли.

Клацніть Клон або завантажте на веб-сторінці, а потім натисніть Завантажити ZIP. Збережіть файл у папку на жорсткому диску.

Витягуйте файли за допомогою вбудованого інструмента вилучення в Windows або сторонніх інструментів, таких як 7-Zip або WinZip.

Якщо ви використовуєте вбудований інструмент вилучення Windows, натисніть Огляд вибрати місце завантаження.

Перевірте Показати витягнуті файли після завершення , щоб відкрити вікно «Менеджер файлів» безпосередньо до завантаженої папки, коли витяг завершиться. Клацніть Витяг.

Відкрийте папку профілю Firefox

Ми збираємось скопіювати хром папку з MaterialFox-master папку, яку ми завантажили. The хром папка містить userChrome.css файл, який використовується для застосування інтерфейсу Material Design до Firefox. Але спершу перевіримо, чи є у вас вже хром папку та власний звичай userChrome.css файл у папці профілю Firefox.

Щоб відкрити папку свого профілю, введіть (або скопіюйте та вставте) наступний шлях у адресний рядок у Провіднику файлів та натисніть Enter.

% appdata% MozillaFirefoxProfiles

Ви також можете отримати доступ до папки свого профілю з Firefox.

Тип: про: підтримка в адресному рядку та натисніть Введіть.

Або ви можете піти Меню Firefox> Довідка> Інформація про усунення несправностей а потім, під Основи застосування, натисніть Відкрити папку поруч з Папка профілю.

Ваш профіль Chrome відкриється у новому вікні провідника файлів. Залиште це вікно відкритим.

Редагуйте існуючий файл userChrome.css

Якщо у вас в папці профілю ще немає хромованої папки, перейдіть до наступного розділу.

Якщо у вас є хром папку у папці вашого профілю та a userChrome.css файл у папці chrome, тоді ми відредагуємо наявну userChrome.css файл. Таким чином, ви не втрачаєте жодних налаштувань, які ви вже застосували.

The MaterialFox-master завантажена вами папка містить хром папку з a userChrome.css файл у ньому. Відкрийте це userChrome.css файл у текстовому редакторі, як «Блокнот», скопіюйте все в ньому та закрийте файл.

Потім відкрийте свою власну userChrome.css файл (у хром папку всередині вашої папки профілю) в текстовому редакторі. Вставте текст, який ви скопіювали в кінці свого тексту userChrome.css збережіть і закрийте файл.

Скопіюйте та вставте завантажену хромову папку

Якщо ви ще не маєте хром в папці профілю, відкрийте нове вікно Провідника файлів, а потім відкрийте MaterialFox-master папку, яку ви вилучили.

Скопіюйте хром папку в MaterialFox-master папку.

Поверніться до вікна Провідника файлів із відкритою папкою профілю.

Вставте хром папку, яку ви скопіювали з MaterialFox-master папку у вашу папку профілю.

Зафіксуйте чорні вкладки та дивовижні іконки

Відкрийте Firefox, щоб побачити результат нових налаштувань інтерфейсу Material Design.

Ви помітите, що вкладки чорні, а піктограми виглядають дивно.

Ми вирішимо цю проблему за допомогою налаштування Firefox.

Тип: about: конфігурація в адресному рядку Firefox і натисніть Введіть. Ви побачите попереджувальне повідомлення.

Клацніть Я приймаю ризик! продовжувати.

Тип: svg.context в Пошук ящик. Відображаються наступні налаштування:

svg.context-properties.content.enabled

Цей параметр встановлено на помилковий за замовчуванням, це означає, що його вимкнено.

Щоб увімкнути функцію, двічі клацніть її, щоб змінити її значення на правда. Ви також можете клацнути правою кнопкою миші налаштування та вибрати Перемикати.

Тепер перейдіть на будь-яку іншу вкладку або перезапустіть Firefox. Виправлені чорні вкладки та іконки дивного вигляду.

Показуйте колір акценту Windows 10 у заголовку рядка Firefox

У Windows 10 є ще одне, що потрібно змінити, якщо ви хочете, щоб рядок заголовка та неактивні вкладки у Firefox не були чорними.

Клацніть Налаштування у меню "Пуск" та перейдіть до Персоналізація> Кольори.

Перевірте Рядки заголовка та межі вікон ящик під Покажіть колір акценту на наступних поверхнях.

Насолоджуйтесь інтерфейсом Material Design у Firefox

Тепер вкладки мають красиві закруглені кути, а піктограми мають вигляд Material Design. А заголовок та неактивні вкладки мають колір акценту, який ви вибрали в налаштуваннях Windows 10.

Видаліть інтерфейс Material Design з Firefox

Якщо ви вирішите повернутися до гострих кутів на вкладках та оригінальних значків у Firefox, це легко. Виконайте одну з наступних дій:

• Якщо ви скопіювали хром папку з MaterialFox-master папку у свою папку профілю, видаліть хромову папку.
• Якщо ви скопіювали текст із userChrome.css файл у MaterialFox-master папку і вставив її у власну userChrome.css файл, відкрийте свій userChrome.css файл і видаліть текст, який ви вставили в нього.