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

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

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

Теперь видно лучше:

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

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

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

• Об авторе
• Недавние публикации

DenTNT

Задать вопрос в Telegram:
@dentnt.trmw.ru
Помочь проекту: Яндекс.Деньги

DenTNT недавно публиковал (посмотреть все)

• C#: Добавить поддержку перезапуска приложения - 21.02.2025
• EVE-Online: Отобразить информацию о соединении и fps - 20.02.2025
• WPF: Отображение прогресса с помощью async/await - 13.02.2025