[Résolu] [FF90] Zones de la barre d'adresse grisées

[Dylav]

Bonjour,

La version 90 de Firefox présente sur fond grisé la zone de saisie de l’URL, ainsi que celle du critère de recherche (cf. la capture-écran ci-dessous). C’est fort déroutant, dans la mesure où cela tend à faire croire (par convention) que ces zones sont protégées en écriture.

J’utilise la customisation proposée par github (exclusivement pour positionner la barre d’onglets sous la barre personnelle). J’ai donc téléchargé la version 3.2.4, espérant qu’elle corrige cette anomalie. Ce n’est pas le cas…

Quelqu’un aurait-il une solution pour présenter ces deux zones sur fond blanc ?

[bibuot]

Bonsoir

A part trouver le code .css qui gère ces fonds et l'injecter dans userChrome.css je ne vois pas...

/* Firefox userChrome.css tweaks ********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/

/* Set a custom color value inside general_variables.css */
:root {
  --urlbar_background: white;    
}

#urlbar-input,
#urlbar-scheme,
.searchbar-textbox,
#page-action-buttons,
#identity-icon-box,
#urlbar-input-container,
.searchbar-search-button,
#urlbar:not([focused="true"], [open]) > #urlbar-background,
#searchbar:not(:focus-within) {
  background-color: var(--urlbar_background) !important;
}

#urlbar[focused="true"]:not([open]) #urlbar-input-container,
#urlbar:not([focused="true"],[open]) #urlbar-input-container {
  border: 1px solid var(--arrowpanel-border-color) !important;
}

#urlbar:is([focused="true"], [open]) #urlbar-input-container {
  border-top: 1px solid var(--arrowpanel-border-color) !important;
  border-left: 1px solid var(--arrowpanel-border-color) !important;
  border-right: 1px solid var(--arrowpanel-border-color) !important;
  border-bottom-left-radius: unset !important;
  border-bottom-right-radius: unset !important;
}

#searchbar:focus-within {
  box-shadow: unset !important;
}

Le blanc ne ressortant pas beaucoup, on peut remplacer white par le nom de la couleur souhaitée

white :

lightyellow :

lightblue :

Modifié le 2 août 2021 par bibuot

[Dylav]

Bonjour bibuot,
Merci pour ta réponse.
Dans l'arborescence de Github, je n'ai retrouvé nulle part le code que tu cites.
Mais je m'en suis inspiré, en simplifiant le code pour me concentrer sur mes seuls besoins.
Par ailleurs, comme le suggère fort judicieusement Github, je l'ai installé dans le répertoire Chrome du profil Firefox, dans un fichier my_userChrome.css  implanté à côté du userChrome.css  (qui l'appelle).

/* Firefox userChrome.css tweaks */
/* Github: https://github.com/aris-t2/customcssforfx */

/* my_userChrome.css = spécifications personnelles (appelé par userChrome.css) */

/* Fond blanc des zones de saisie URL et recherche */
#urlbar-input-container,
.searchbar-textbox {
  background-color: white !important;
}

Et ça marche !