How to Get GREEN SSL (colored) Padlock in Firefox 2023

Firefox_Green_Padlock.md

How to get Green/Colored SSL Padlock in Firefox (2023)

1. Type about:support
2. Locate the current user profile and open Profile Folder button.
3. Create a new folder in the Profile Folder named chrome
4. Create a file called userChrome.css in the chrome folder and paste attached content.
5. Type about:config, search userprof, then swap/enable toolkit.legacyUserProfileCustomizations.stylesheet
6. Restart Browser (if required)

Contents for userChrome.css:

/* CSS Patch for Firefox (Github\Wriar 2023) */
/* Green SSL Padlock */

/* Red (not secure) padlock */
#identity-box[pageproxystate="valid"].notSecure #identity-icon {
    fill: #de0000 !important;
    fill-opacity: 1 !important;
    transition: 100ms linear !important;
}
#identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon {
    fill: #ff0039 !important;
    fill-opacity: 1 !important;
    transition: 100ms linear !important;
}
#identity-box[pageproxystate="valid"].insecureLoginForms #identity-icon {
    fill: #ff0039 !important;
    fill-opacity: 1 !important;
    transition: 100ms linear !important;
}
.identity-popup-security-connection {
    fill: #de0000;
}

/* Green (Secure) */
#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon {
    fill: #12bc00 !important;
    fill-opacity: 1 !important;
    transition: 100ms linear !important;
}
#identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon {
    fill: #30e60b !important;
    fill-opacity: 1 !important;
    transition: 100ms linear !important;
}
#identity-box[pageproxystate="valid"].verifiedIdentity #identity-icon {
    fill: #058b00 !important;
    fill-opacity: 1 !important;
    transition: 100ms linear !important;
}
#identity-popup[connection^="secure"] .identity-popup-security-connection {
    fill: #12bc00 !important;
}



/* Orange, Partially Secure */
#identity-box[pageproxystate="valid"].mixedDisplayContent #identity-icon {
    fill: #ff9900 !important;
    fill-opacity: 1 !important;
    transition: 100ms linear !important;
}
#identity-popup[mixedcontent~="passive-loaded"][isbroken] .identity-popup-security-connection {
    fill: #ff9900 !important;
}

/* Yellow */
#identity-box[pageproxystate="valid"].mixedDisplayContentLoadedActiveBlocked #identity-icon {
    fill: #e6b000 !important;
    fill-opacity: 1 !important;
    transition: 100ms linear !important;
}
#identity-box[pageproxystate="valid"].certUserOverridden #identity-icon {
    fill: #ffe900 !important;
    fill-opacity: 1 !important;
    transition: 100ms linear !important;
}