[Résolu] FF89 Couleur des dossiers Marque-pages

Vos requêtes concernant Mozilla Firefox, le navigateur Gecko alternatif, ne trouvèrent point de réponses lorsque vous cherchâtes ? Toute l'équipe Geckozone est prête à vous aider.

Modérateurs : myahoo, nico@nc, Mori, jpj

dmganges
Lézard à collerette
Messages : 244
Inscription : 25 juin 2013, 20:35

[Résolu] FF89 Couleur des dossiers Marque-pages

Message par dmganges »

Bonjour,
Je souhaiterais seulement avoir une couleur pour les dossiers Marque-pages, jusqu'ici ils étaient jaunes, ça différenciait bien avec le texte à côté... pour mes vieux yeux...
https://zupimages.net/viewer.php?id=21/22/ssf3.jpg

J'ai bien essayé de Bob49 :

Code : Tout sélectionner

Coller browser.proton.contextmenus.enabled dans la recherche.
Coller browser.proton.enabled dans la recherche.
Mais je ne reviens pas à la situation antérieure.

J'ai un userChrome.css que j'ai Validé/Invalidé pour voir, mais c'est toujours pareil...
Le voici :

Code : Tout sélectionner

/* about:config ==>  toolkit.legacyUserProfileCustomizations.stylesheets  ==> true  */

/*
Supprime les suggestions de recherche dans URL
#urlbar-results{display:none!important;}
*/

/*** Megabar Styler General - version 2020-04-19 ***/
/**  Redimensionne la barre URL en supprimant la LOUPE **/
  /*** 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: 13px; /* [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] {
  	/* DUF top: calc(5px - var(--mbarstyler-popout-pixels)) !important; */
    top: calc(2px - 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 ***/

Désolé si ça a déjà été traité... :(
Merci pour vos suggestions :!:

[EDIT 05:25]
J'ai réussi à modifier la couleur du pourtour des dossiers Marque-pages avec :

Code : Tout sélectionner

.bookmark-item[container], treechildren::-moz-tree-image(container) { 
fill: #FF0000 !important; }
https://zupimages.net/viewer.php?id=21/22/qtxv.jpg
C'est déjà mieux, j'arrive à mieux différencier...
J'aimerais aussi modifier la couleur à l'intérieur :)

Bon je continue à gratter en attendant...
[EDIT 06:10]
Me revoilou :D

Dans mon userChrome.css j'ai ajouté :

Code : Tout sélectionner

.bookmark-item[container], treechildren::-moz-tree-image(container) { 
fill: #FF0000 !important; }

/*
.bookmark-item[container="true"][label="Util"] { list-style-image: url('FF_Icone.png') !important; }
*/

.bookmark-item[container="true"] { list-style-image: url('FF_Icone.png') !important; }
Celui du milieu, en commentaire permettant d'associer une icône spécifique en fonction du nom du dossier...
J'ai fait une petite image FF_Icone.png 16x16 pixels que j'ai mise dans le dossier chrome
Ça donne :
https://zupimages.net/viewer.php?id=21/22/vpdg.png
https://zupimages.net/viewer.php?id=21/22/0zu8.jpg

Ça me convient, je passe le sujet en résolu, mais s'il y a moyen de faire plus simple je suis preneur :)
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Google [Bot], Semrush [Bot] et 12 invités