Firefox: Установить цвет фона значка защищённого соединения

Если открыть сайт с безопасным сертификатом, то в адресной строке будет такой значок защищённого соединения:
Firefox: Установить цвет фона значка защищённого соединения

Я захотел добавить зеленоватый фон для этого значка, чтобы было лучше видно, что соединение защищено.
Для изменения цвета фона значка, нужно добавить в файл userChrome.css такие строчки:

/* Secure connection icon background color */
#identity-box[class^="verifiedDomain"] {
  background-color: #cddfd0;
  border-radius: 3px; /* rounded corners of the icon */
}

Теперь видно лучше:
Firefox: Установить цвет фона значка защищённого соединения

Незащищённое соединение можно подсветить так:

#identity-box[class^="notSecure"]
{
  background-color: #dfd0d0;
  border-radius: 3px; /* rounded corners of the icon */
}

Firefox: Установить цвет фона значка защищённого соединения

Чтобы правила из userChrome.css работали, нужно включить его поддержку!



Подписаться
Уведомление о
guest
0 Комментарий
Oldest
Newest Most Voted
Inline Feedbacks
View all comments