Как изменить внешний вид оранжевого бара в Firefox

Мне нравится, как Firefox можно настроить. Я имею в виду, что в браузере нет ничего, что нельзя было бы изменить или изменить в соответствии с требованиями пользователя и удобством. В то время как в функциональном конце настройки about: config можно настроить практически на все, в эстетическом плане у нас есть компоненты CSS, которые могут быть определены для изменения внешнего вида интерфейса.

Мы рассмотрим оранжевую кнопку Firefox, расположенную в верхнем левом углу браузера, и посмотрим, как можно изменить ее внешний вид. Например, посмотрите на изображение (ниже) и обратите внимание, как я изменил цвет с оранжевого на красный, текст с белого на черный и с Firefox на. Интересно, правда?

Вот как вы можете сделать подобные изменения.

Шаги, чтобы настроить внешний вид кнопки Firefox

Каждый профиль, который вы создаете в Firefox, имеет связанный с ним файл CSS. Это предназначено для пользовательских входов, чтобы изменить показ браузера. В процессе мы также расскажем вам, как найти этот файл или создать его, если он не существует.

Шаг 1: Откройте Firefox и перейдите к Firefox (оранжевая кнопка) -> Справка -> Информация об устранении неполадок.

Шаг 2: Новая вкладка будет запущена. Ищите раздел, читающий Основы применения. Чтобы попасть в папку вашего профиля, нажмите кнопку Показать папку. Рекомендуется открыть отсюда папку с профилями, потому что при наличии нескольких профилей вы можете не знать, какой из них используется.

Шаг 3: В каталоге вашего профиля вы найдете папку с именем chrome. Если вы не можете найти это, вы можете создать его.

Шаг 4: В этой папке должен быть файл с именем userChrome.css. Имя должно быть точно так, как написано здесь.

Опять же, если вы не можете найти его, вы можете создать его. Если это так, перейдите к шагу 7. В противном случае перейдите к шагу 5.

Шаг 5: Щелкните правой кнопкой мыши на пустом месте и создайте New -> Text Document. После этого откройте файл с помощью Блокнота.

Шаг 6: Теперь перейдите в Файл и Сохранить как документ как userChrome.css. Убедитесь, что вы изменили тип « Сохранить как» на « Все файлы» в нижней части диалогового окна « Сохранить ». Нажмите Сохранить и закройте документ.

Шаг 7: Откройте файл userChrome.css с помощью Блокнота. Просто щелкните правой кнопкой мыши файл и выберите « Открыть с помощью» -> «Блокнот».

Шаг 8: Скопируйте приведенный ниже фрагмент кода (как есть) и добавьте его в файл. Сохраните изменения.

@ namespace url («http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul»);

# appmenu-button {

фон: # оранжевый ! важно;

}

# appmenu-button dropmarker: before {

содержание: « Firefox »! важно;

цвет: # FFFFFF ! важно;

}

# appmenu-button.button-text {

дисплей: нет! важно;

}

Обратите внимание на куски, выделенные жирным шрифтом. Они представляют цвет кнопки, текст и цвет текста соответственно. Чтобы изменить внешний вид кнопки, вы можете изменить эти значения. Вот код, который соответствует изображению, которое вы видели в начале.

Если у вас нет знаний о шестнадцатеричных кодах, вы можете обратиться по этой ссылке. Или вы можете проверить это.

Заключение

Это изменение только незначительное. Если вы сможете освоить коды, вы сможете изменить почти все в Firefox. Если у вас есть некоторые из них, которыми вы пользовались все эти годы, поделитесь с нашими читателями и помогите принести улыбки новичкам в Firefox.