[Résolu] Colorisation de la barre URL non fonctionnelle (Firefox 77)

[|-|3||0]

Bonjour,

j'utilise un fichier CSS dans le dossier chrome qui modifie la couleur de la barre URL en fonction de la sécurité TLS du site. Le problème, c'est qu'il ne marche plus avec Firefox 77.
À partir de Firefox 69, il a fallut que je modifie la clé "toolkit.legacyUserProfileCustomizations.stylesheets" à true puis la clé "browser.urlbar.update1" à false à partir de Firefox 75.

Avez-vous une idée de la clé à modifier avec la version 77?

En vous remerciant.

[Cucurbitacé]

Bonjour mosnieur |-|3||0,

"browser.urlbar.update1" n’existe plus ; je vous invite à lire => cela <= ; il y a deux pages n’oubliez d’aller sur la deuxième.

Bien à vous.

[|-|3||0]

Merci pour votre attention. Par contre avec le fichier créé grace au lien du sujet fourni, je n'arrive toujours pas à coloriser la barre URL.
Voici mon fichier Css:

Code : Tout sélectionner

/*** Megabar Styler General - version 2020-04-19 ***/

	
/*** General Preferences ***/
    :root {

/* Number of pixels of enlargement when URL bar is focused */
    --mbarstyler-popout-pixels: 1px; /* [0px - 7px] */

/* Top Bar Display or Not */
    --mbarstyler-top-bar-display: block; /* [block,none] */

/* Font sizes (default: 13.8px for title, 10.2px for URL) */
    --mbarstyler-title-font-size: 15px; /* [13px - 18px] */
    --mbarstyler-url-font-size: 12px; /* [12px - 16px] */

/* Rows to show without scrolling */
    --mbarstyler-max-rows-without-scrolling: 10;

/* Bottom border for each result row */
    --mbarstyler-bottom-border-width: 1px; /* [0px or 1px] */

/* Match display style */
    --mbarstyler-match-weight: 700; /* [400,700] */
    --mbarstyler-match-background-opacity: 0.0; /* [0.0,0.05,0.1] */
  }

/*** URL bar enlargement or lack thereof ***/
/* Compute new position, width, and padding */
    #urlbar[breakout][breakout-extend] {
    top: calc(5px - var(--mbarstyler-popout-pixels)) !important;
    left: calc(0px - var(--mbarstyler-popout-pixels)) !important;
    width: calc(100% + (2 * var(--mbarstyler-popout-pixels))) !important;
    padding: var(--mbarstyler-popout-pixels) !important;
  }
    [uidensity="compact"] #urlbar[breakout][breakout-extend] {
    top: calc(3px - var(--mbarstyler-popout-pixels)) !important;
  }
    [uidensity="touch"] #urlbar[breakout][breakout-extend] {
    top: calc(4px - var(--mbarstyler-popout-pixels)) !important;
  }

/* Prevent shift of URL bar contents */
    #urlbar[breakout][breakout-extend] > #urlbar-input-container {
    height: var(--urlbar-height) !important;
    padding: 0 !important;
  }

/* Do not animate */
    #urlbar[breakout][breakout-extend] > #urlbar-background {
    animation: none !important;
  }

/* Remove shadows */
    #urlbar[breakout][breakout-extend] > #urlbar-background {
    box-shadow: none !important;
  }

/*** Top "Blue Bar" Display ***/
    .urlbarView-row:first-of-type {
    display: var(--mbarstyler-top-bar-display) !important;
  }

/*** Font Sizes and Scrolling ***/
/* Title font-size */
    .urlbarView-row .urlbarView-title {
    font-size: var(--mbarstyler-title-font-size) !important;
  }

/* URL / action font-size */
    .urlbarView-row .urlbarView-secondary,
    .urlbarView-row .urlbarView-url,
    .urlbarView-row .urlbarView-action {
    font-size: var(--mbarstyler-url-font-size) !important;
  }

/* Set max-height for items visible without scrolling */
    #urlbarView-results, #urlbar-results {
    height: unset !important;
    max-height: calc(2.5 * (var(--mbarstyler-title-font-size) + var(--mbarstyler-bottom-border-width)) * var(--mbarstyler-max-rows-without-scrolling)) !important;
  }

    #urlbar-results {
    overflow-y: auto !important; 
  }

/* Clean up extra spacing at the top and bottom */  
    #urlbar-results {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

/* Subtle border between results */
    .urlbarView-row:not(:last-of-type) {
    border-bottom: var(--mbarstyler-bottom-border-width) solid rgba(0, 0, 0, 0.1) !important;
  }

/* Match Styling Like Fx43-47 */
    [lwt-popup-darktext] .urlbarView-row:not([selected]) .urlbarView-title strong,
    [lwt-popup-darktext] .urlbarView-row:not([selected]) .urlbarView-url strong {
    font-weight: var(--mbarstyler-match-weight) !important;
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, calc(var(--mbarstyler-match-background-opacity) * 2));
    background-color: rgba(0, 0, 0, var(--mbarstyler-match-background-opacity));
    border-radius: 2px;
  }

    [lwt-popup-brighttext] .urlbarView-row:not([selected]) .urlbarView-title strong,
    [lwt-popup-brighttext] .urlbarView-row:not([selected]) .urlbarView-url strong {
    font-weight: var(--mbarstyler-match-weight) !important;
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, calc(var(--mbarstyler-match-background-opacity) * 2));
    background-color: rgba(255, 255, 255, var(--mbarstyler-match-background-opacity));
    border-radius: 2px;
  }

/*** End of: Megabar Styler General ***/

/* ===================================================================
 * urlBar colored
 * =================================================================== */
	
#urlbar {
  position: relative;
  z-index: 1;
}

#identity-box:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
  background: white;
  opacity: 0.2;
}

/* There is also grantedPermissions, but irrelevant. */

/* about:about */
#urlbar[pageproxystate='valid'] #identity-box.unknownIdentity:after {
  background: #f393a8; /* Firefox Red 50 */
}

/* about:config */
#urlbar[pageproxystate='valid'] #identity-box.chromeUI:after {
  background: #0a84ff; /* Firefox Blue 50 */
}

/* uBlock Origin Dashboard */
#urlbar[pageproxystate='valid'] #identity-box.extensionPage:after {
  background: #45a1ff; /* Firefox Blue 40 */
}

/* https://extended-validation.badssl.com/ */
#urlbar[pageproxystate='valid'] #identity-box.verifiedIdentity:after{
  background: #058b00; /* Firefox Green 70 */
}

/* https://sha512.badssl.com/ */
#urlbar[pageproxystate='valid'] #identity-box.verifiedDomain:after{
  background: #3bdc2a; /* Firefox Green 60 */
}

/* https://mixed-script.badssl.com/ */
#urlbar[pageproxystate='valid'] #identity-box.mixedActiveBlocked:after {
  background:  #67c845; /* #30e60b* Firefox Green 50 */
}

/* https://self-signed.badssl.com/ but add certificate exception */
#urlbar[pageproxystate='valid'] #identity-box.certUserOverridden:after {
  background: #ded14a; /* Firefox Yellow 50 */
}

/* https://mixed.badssl.com/ */
#urlbar[pageproxystate='valid'] #identity-box.mixedDisplayContent:after {
  background: #ffe800; /* Firefox Yellow 60 */
}

/* https://very.badssl.com/ */
#urlbar[pageproxystate='valid'] #identity-box.mixedDisplayContentLoadedActiveBlocked:after {
  background: #ffe800; /* Firefox Yellow 60 */
}

/* Don't know an example for this */
#urlbar[pageproxystate='valid'] #identity-box.weakCipher:after {
  background: #a47f00; /* Firefox Yellow 70 */
}

/* https://mixed-script.badssl.com/ but disable protection */
#urlbar[pageproxystate='valid'] #identity-box.mixedActiveContent:after {
  background: #bc1222; /* Firefox Red 60 */
}

/* http://http-login.badssl.com/ */
#urlbar[pageproxystate='valid'] #identity-box.insecureLoginForms:after {
  background: #a4005f; /* Firefox Red 70 */
}

/* ===================================================================
 * Couleur des bouttons et onglets
 * =================================================================== */

/* Red */
#tabbrowser-tabs .tab-close-button {
    fill: #df3533 !important;
}

#downloads-button {
    fill: #df3533 !important;
}

#home-button {
    fill: #df3533 !important;
}

#library-button {
    fill: #df3533 !important;
}

/* Yellow */
#developer-button {
    fill: #eae32f !important;
}

#reload-button {
    fill: #eae32f !important;
}

#stop-button {
    fill: #eae32f !important;
}

#sidebar-button {
    fill: #eae32f !important;
}

/* Green */
#back-button {
    fill: #0dac36 !important;
}

#forward-button {
    fill: #0dac36  !important;
}

#preferences-button {
    fill: #0dac36 !important;
}

#tabbrowser-tabs .tabs-newtab-button {
    fill: #0dac36 !important;
}

/* Blue */
#PanelUI-menu-button {
    fill: #3498db !important;
}

#tabbrowser-tabs .tab-label {
    color: #3498db !important;
}

[Agent virtuel]

Bonjour

https://www.reddit.com/r/FirefoxCSS

https://www.reddit.com/r/FirefoxCSS/com ... validation

À titre informatif

Firefox Releases
https://www.mozilla.org/en-US/firefox/releases

Depuis https://www.mozilla.org/en-US/firefox/70.0/releasenotes
Improved privacy and security indicators https://blog.mozilla.org/security/2019/ ... firefox-70

[Cucurbitacé]

Merci pour votre attention. Par contre avec le fichier créé grace au lien du sujet fourni, je n'arrive toujours pas à coloriser la barre URL.
Voici mon fichier Css:

Bonjour Monsieur |-|3||0,

Pour éviter que la barre URL passe en zoom utilisez le => userChrome-ZeroEnlargement.css <= et non le code que vous avez récupéré.
En regardant votre fichier : #urlbar[pageproxystate='valid'] ; j’y vois une erreur sur : valid ; vous devez l'écrire : "valid".

Bien à vous.

[lool_lauris]

Salut,

En regardant votre fichier : #urlbar[pageproxystate='valid'] ; j’y vois une erreur sur : valid ; vous devez l'écrire : "valid".

Pour le CSS, 'simple quote' ou "double quote" ont la même signification, on peut les utiliser indifféremment. Par contre, pour d'autre format, le PHP par exemple, simple ou double quote seront interprétés différemment.

[|-|3||0]

Bonjour,

j'ai copié le code de 'userChrome-ZeroEnlargement.css' en début de fichier userChrome.css mais j'ai toujours le même problème. Pas de couleur sur la barre URL.
Je précise que ça fonctionnait avant la mise à jour de Firefox 77.

[Cucurbitacé]

Pas de couleur sur la barre URL.

Bonjour |-|3||0,

Juste en dessous de :

Code : Tout sélectionner

/* ===================================================================
 * urlBar colored
 * =================================================================== */

Vous devez supprimer :

Code : Tout sélectionner

#urlbar {
  position: relative;
  z-index: 1;
}

Et le remplacer par :

Code : Tout sélectionner

#urlbar {z-index: 3 !important;}
#urlbar-background {z-index: -2 !important;}

Bien à vous

[|-|3||0]

Merci beaucoup, j'ai en effet retrouvé le comportement passé grâce à vous
J'espère qu'il ne faudra pas faire ce genre de manipulation à chaque versions de Firefox.

[Cucurbitacé]

Merci beaucoup, j'ai en effet retrouvé le comportement passé grâce à vous
J'espère qu'il ne faudra pas faire ce genre de manipulation à chaque versions de Firefox.

Bonjour |-|3||0,

Je n’en sais rien, mais ça finit par énerver tout le monde, d’où prennent-ils ces trucs compulsifs d’impérativement tout changer presque systématiquement à chaque nouvelle version ; comme si les usagers étaient des spécialistes de la programmation.

Le sentiment qui s’en dégage, c’est qu’ils cherchent à exclure les non-initiés, qu’ils veulent un cercle restreint, une petite communauté ; c’est souvent le cas des informaticiens, des spécialistes de la programmation, ils aiment exclurent ; il suffit de lire les articles qu’ils écrivent dans la très mauvaise Wikipédia, nous ne comprenons ni le mot, ni la définition, ni ce qu’ils écrivent.

Il y a eu une reprise en mains depuis quelques temps de The Mozilla Foundation et elle n’est absolument pas orientée grand public.

Toutefois surveillez le css de cette personne si vous avez un problème, elle aime la même chose que vous et elle semble être spécialisée dans ce type de programmation ; c'est là que j'ai trouvé votre solution, car je surveillais déjà cette programmation, du fait qu'il propose d'autres choses.

=> ssl_url_security_color.css <=

Bien à vous.

[|-|3||0]

Encore une fois merci,

je ne connaissais pas ce dépôt github. J'ai sauvegarder ce lien et celui concernant le css de userChrome-ZeroEnlargement.
Je devrais m'en tirer à l'avenir