> Tous les forums > Forum Internet et Réseaux
 Onglets dans FF89 avec userChrome.css
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
erbo01
  Posté le 03/06/2021 @ 12:44 
Aller en bas de la page 
Astucien

Bonjour

Avec FF89 et bien avant (W7) j'ai mis dans userChrome.css les valeurs suvantes :

/* Tab bar below Navigation & Bookmarks Toolbars */

#nav-bar { /* main toolbar */
-moz-box-ordinal-group: 1 !important;
box-shadow: none !important; }

#PersonalToolbar { /* bookmarks toolbar */
-moz-box-ordinal-group: 2 !important; }

#titlebar { /* menu bar + tabs bar */
-moz-box-ordinal-group: 3 !important;
padding-top: 0 !important; }
#TabsToolbar {-moz-box-ordinal-group: 2}
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000 !important}


/* arrondis des onglets */
#TabsToolbar .tabs-newtab-button,
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-stack,
#TabsToolbar .tabbrowser-tab .tab-background,
#TabsToolbar .tabbrowser-tab .tab-content {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;}
/* supprime la barre haute des onglets */
#TabsToolbar .tabbrowser-tab .tab-line {
visibility: hidden;}

/* Couleurs de l'onglet actif -----------------------------------*/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected] .tab-content {
background: linear-gradient(to bottom,#999999,#999999) !important;
color: #0140FF; !important;
font-weight: bold !important;
font-style: normal !important;
font-size: 14px !important;
}

/* Couleur de fond barres d'adresse, de recherche, findbar */
textbox {
background: #EFF4FC !important
}

Or depuis FF89 mes onglets sont gris clair translucides ce qui me gêne

Y a t'il un réglage (ou ligne de commande supplémentaire pour que les onglets redeviennent opaque?

Merci

Publicité
Daneel Olivaw
 Posté le 05/06/2021 à 06:29 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Regarde si la mise à jour n'a pas désactivé userChrome.css.

Pour le réactiver :

Tape about:config dans la barre d'adresse, cherche toolkit.legacyUserProfileCustomizations.stylesheets et mets la valeur à true.

erbo01
 Posté le 05/06/2021 à 12:43 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonjour Daneel,

merci pour ton intervention, je garde le tuyau si un jour ça devais se désactiver.

L'usercgrome.css est bien toujours actif avec les onglets en bas.

Petite amélioration : 'ai réussi à mettre l'inscription dans l'onglet actif en bleu davantage foncé, en mettant la valeur "color" plus haute.

mais les onglets inactifs se distinguent mal les uns des autres d'où ma demande.

Daneel Olivaw
 Posté le 05/06/2021 à 13:56 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Tu as de la chance que ça marche toujours.

La nouvelle interface Proton a chamboulé pas mal de chose.

Chez moi, les onglets en dessius de la barre d'adresse, ça ne marche plus, par contre la couleur des onglets marche toujours.

Ça ne m'étonne pas que Firefox soit en chute libre.

Il est passé de 65% à 5% en moins de 10 ans.

À chaque nouvelle refonte, les scripts userChrome ne sont plus valables.

Je pemse qu'il est temps de songer à passer à un autre navigateur.

Dommage.

Kirth GERSEN
 Posté le 05/06/2021 à 19:51 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Nouvel astucien

Bonjour,

Je viens vers vous car depuis la MàJ de Firefox 89 j'ai à nouveau le même problème que sur les Firefox précédents à savoir la position de "la barre des onglets" !

Je préfère la barre des Onglets sous la barre Perso!

J'utilisais pour ce faire le fichier userChrome.css mais cela ne fonctionne plus et les onglets se trouvent sous la barre des menus!

j'ai donc
1 - la barre des menus
2 - les onglets
3 - la barre d'adresse et différentes icônes de personnalisation
4 - la barre personnelle

j'aurais donc préféré que les onglets se trouvent sous la barre personnelle!

1 - la barre des menus
2 - la barre d'adresse et différentes icônes de personnalisation
3 - la barre personnelle
4 - les onglets

Si quelqu'un de dégourdi un "Geek" qwa :D !! me donne une solution je le remercierais "Mille fois" enfin une fois ce serait Sympa :D

Merci d'avance et @++

Bonne journée

Daneel Olivaw
 Posté le 05/06/2021 à 19:56 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Ajoute ceci dans userChrome.css à la place de l'ancien code. :

/* Onglets en dessous de la barre d'adresse */

:root{ --uc-titlebar-padding: 0px; }
@media (-moz-os-version: windows-win10){
:root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
}

#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container{
position: fixed;
display: block;
top: var(--uc-titlebar-padding,0px);
right:0;
height: 40px;
}

:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }

#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }

.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }

#titlebar{
-moz-box-ordinal-group: 2;
-moz-appearance: none !important;
--tabs-navbar-shadow-size: 0px;
}

.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
#navigator-toolbox::after{ display: none !important; }

@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }

:root{ --uc-window-control-width: 0px !important }

#navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }

#toolbar-menubar{
position: fixed;
display: flex;
top: var(--uc-titlebar-padding,0px);
height: 29px;
width: 100%;
overflow: hidden;
}

#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }

#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
order: 99;
flex-grow: 1;
min-width: var(--uc-window-drag-space-width,20px);
}

#toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }

#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }

Juliette-j
 Posté le 05/06/2021 à 20:15 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucienne

Pour que ça fonctionne, il faut désactiver l'interface proton.

Taper proton dans about:config, et tout passer à false.

Daneel Olivaw
 Posté le 05/06/2021 à 20:23 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Ça fonctionne que l'interface Proton soit activée ou pas.

Ce qui ne fonctionne plus, Proton activé ou pas, c'est l'ancien code.

Interface proton activée :

Pour désactiver Proton :
---------------------------
browser.proton.contextmenus.enabled = false
browser.proton.doorhangers.enabled = false
browser.proton.enabled = false
browser.proton.modals.enabled = false

Pour réactiver le mode compact (disparu avec Proton) :
--------------------------------------------------------------
browser.compactmode.show = true
browser.uidensity = 1 (0 = Normal, 2 = Touch).

Pour réactiver userChrome.css qui est parfois désactivé par Firefox lors d'une nouvelle version :
-----------------------------------------------------------------------------------------------------------
toolkit.legacyUserProfileCustomizations.stylesheets = true



Modifié par Daneel Olivaw le 05/06/2021 20:43
Kirth GERSEN
 Posté le 06/06/2021 à 08:17 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Nouvel astucien

Bonjour,

Je viens d'utiliser ton code "userchrome.css" pour Firefox 89 cela fonctionne impeccablement

J'ai donc comme je le voulais :

1 - la barre des menus
2 - la barre d'adresse et différentes icônes de personnalisation
3 - la barre personnelle
4 - les onglets

j'ai ramé pendant plus d'une journée pour régler ce problème

Je te remercie d'apporter ton Savoir de "Geek" à la Communauté et je te remercie personnellement.

J'ai vu que tu étais "Maître Astucien" et bien je t'élève à ce Jour au titre de "Grand Maître Astucien"

et @++



Modifié par Kirth GERSEN le 06/06/2021 08:22
Publicité
BRABRA
 Posté le 09/06/2021 à 10:35 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Bonjour,

J'ai aussi galéré pour remettre FIREFOX à ma façon. Je ne connais pas le langage CSS.
Ci-dessous ''mon FIREFOX'' après ajout des données dans USERCHROIME.css


Il me reste encore un petit souci.

La barre des Menus (Fichier, Edition, ...) est placée tout en haut de la ligne ... j'aimerai la centrer pour la rendre plus visible.



exemple avec d'autres couleur






Je partage mes données USERCHROME.CSS.

Barre des marques page sur plusieurs lignes

/* 1-BOOKMARKS TAB multiple rows - barre des marques page sur plusieurs lignes */

#PersonalToolbar{
--multirow-bmb-n-rows: 5; /* Nombre de lignes de la barre des marques page modifiable */
--multirow-bmb-row-margin: 50px; /* Controle l'espace entre les lignes */
max-height: none !important;
}

#PlacesToolbar > hbox{
display: block;
width: 100vw;
}

#PlacesToolbarItems{
display: flex;
flex-wrap: wrap;
/* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */
max-height: calc(var(--multirow-bmb-n-rows) * (5px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,3px))))) !important;
overflow-y:auto;
scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor) ;
scrollbar-width: thin;
font-size: 18px !important; /* Hauteur police modifiable */
font-style: italic; /* Format de la police modifiable */
font-family:calibri ; /* Police de caractères modifiable */
}

Couleur des dossiers de la barre des marques page

/* 2-Couleur des dossiers Marques page--- */

/*
Colored folders for Bookmarks Menus, Bookmarks Sidebar, Bookmarks Toolbar, Library window, Add/Edit Bookmarks dialog
Substitutes a Firefox 57-style folder icon for the new wireframe folder icon
*/

/* Standard folder -- on Toolbar and Menus */
#PlacesToolbarItems toolbarbutton[container="true"]:not([query="true"]) .toolbarbutton-icon,
:-moz-any(
#PlacesToolbarItems,
#PlacesChevronPopup,
#BMB_bookmarksPopup,
#bookmarksMenu,
#OtherBookmarksPopup) menu[container="true"]:not([query="true"]) > .menu-iconic-left > .menu-iconic-icon,
/* Standard folder -- in Sidebar, Library, Add/Edit Bookmark dialog */
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList,
#placeContent) treechildren::-moz-tree-image(container),
#editBMPanel_folderMenuList > .menulist-label-box > .menulist-icon,
#editBMPanel_folderMenuList menupopup menuitem,
#editBMPanel_folderMenuList {
fill: #e8bb00 !important; /* Couleur des dossiers modifiable */

/* Specify icon for Firefox 89 Proton (base 64 conversion from old SVG with gold color) */
list-style-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iI2U4YmIwMCIgZmlsbC1vcGFjaXR5PSJjb250ZXh0LWZpbGwtb3BhY2l0eSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMTQuNSAzSDYuOTE0YS41LjUgMCAwIDEtLjM1NC0uMTQ2TDUuMTQ2IDEuNDM5QTEuNDkxIDEuNDkxIDAgMCAwIDQuMDg2IDFIMS41QTEuNSAxLjUgMCAwIDAgMCAyLjV2MTFBMS41IDEuNSAwIDAgMCAxLjUgMTVoMTNhMS41IDEuNSAwIDAgMCAxLjUtMS41di05QTEuNSAxLjUgMCAwIDAgMTQuNSAzem0uNSAxMC41YS41LjUgMCAwIDEtLjUuNWgtMTNhLjUuNSAwIDAgMS0uNS0uNVY2aDE0ek0xIDVWMi41YS41LjUgMCAwIDEgLjUtLjVoMi41ODZhLjUuNSAwIDAgMSAuMzU0LjE0NmwxLjQxNCAxLjQxNUExLjQ5MSAxLjQ5MSAwIDAgMCA2LjkxNCA0SDE0LjVhLjUuNSAwIDAgMSAuNS41VjV6Ii8+CiAgPHBhdGggZD0iTTE1IDEzLjVhLjUuNSAwIDAgMS0uNS41aC0xM2EuNS41IDAgMCAxLS41LS41VjZoMTR6IiBmaWxsLW9wYWNpdHk9Ii4yIi8+CiAgPHBhdGggZD0iTTEgNVYyLjVhLjUuNSAwIDAgMSAuNS0uNWgyLjU4NmEuNS41IDAgMCAxIC4zNTQuMTQ2bDEuNDE0IDEuNDE1QTEuNDkxIDEuNDkxIDAgMCAwIDYuOTE0IDRIMTQuNWEuNS41IDAgMCAxIC41LjVWNXoiIGZpbGwtb3BhY2l0eT0iLjEiLz4KICA8cGF0aCBkPSJNMTUgMTMuNWEuNS41IDAgMCAxLS41LjVoLTEzYS41LjUgMCAwIDEtLjUtLjVWMTNoMTR6IiBmaWxsLW9wYWNpdHk9Ii4wNSIvPgo8L3N2Zz4=") !important;
}


/* Smart bookmark folder -- on Toolbar and Menus */
#PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon,
:-moz-any(
#PlacesToolbarItems,
#PlacesChevronPopup,
#BMB_bookmarksPopup,
#bookmarksMenu,
#OtherBookmarksPopup) menu[container="true"][query="true"] > .menu-iconic-left > .menu-iconic-icon,
/* Smart bookmark folder -- in Sidebar, Library, Add/Edit Bookmark dialog */
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList,
#placeContent) treechildren::-moz-tree-image(container, query) {
/* Specify icon for Firefox 89 Proton to override basic folder */
list-style-image: url("chrome://browser/skin/places/folder-smart.svg") !important;
fill: #69c !important; /* similar to blue smart folder color */
}

/*** Top-level "container" icons (otherwise would be Standard folder color) ***/
/* Bookmarks Menu -- in Sidebar, Library, Add/Edit Bookmark dialog */
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList,
#placeContent) treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu),
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList,
#placeContent) treechildren::-moz-tree-image(container, queryFolder_menu________),
#editBMPanel_bmRootItem > .menu-iconic-left,
#editBMPanel_folderMenuList[selectedIndex="1"] > .menulist-label-box > .menulist-icon,
#editBMPanel_folderMenuList[selectedGuid="menu________"] {
/* Specify icon for Firefox 89 Proton to override basic folder */
list-style-image: url("chrome://browser/skin/places/bookmarksMenu.svg") !important;
fill: olive !important;
}

/* Bookmarks Toolbar -- on Menus */
#BMB_bookmarksPopup #BMB_bookmarksToolbar > .menu-iconic-left > .menu-iconic-icon,
#bookmarksMenuPopup #bookmarksToolbarFolderMenu > .menu-iconic-left > .menu-iconic-icon,
/* Bookmarks Toolbar -- in Sidebar, Library, Add/Edit Bookmark dialog */
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList,
#placeContent) treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar),
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList,
#placeContent) treechildren::-moz-tree-image(container, queryFolder_toolbar_____),
#editBMPanel_toolbarFolderItem > .menu-iconic-left,
#editBMPanel_folderMenuList[selectedIndex="0"] > .menulist-label-box > .menulist-icon,
#editBMPanel_folderMenuList[selectedGuid="toolbar_____"] {
/* Specify icon for Firefox 89 Proton to override basic folder */
list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.svg") !important;
fill: olive !important;
}

/* Other Bookmarks -- on Menus */
#BMB_bookmarksPopup #BMB_unsortedBookmarks > .menu-iconic-left > .menu-iconic-icon,
#bookmarksMenuPopup #menu_unsortedBookmarks > .menu-iconic-left > .menu-iconic-icon,
/* Other Bookmarks -- in Sidebar, Library, Add/Edit Bookmark dialog */
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList,
#placeContent) treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks),
:-moz-any(
#bookmarks-view,
#editBMPanel_folderTree,
#placesList,
#placeContent) treechildren::-moz-tree-image(container, queryFolder_unfiled_____),
#editBMPanel_unfiledRootItem > .menu-iconic-left,
#editBMPanel_folderMenuList[selectedIndex="2"] > .menulist-label-box > .menulist-icon,
#editBMPanel_folderMenuList[selectedGuid="unfiled_____"],
#OtherBookmarksPopup + .toolbarbutton-icon {
/* Specify icon for Firefox 89 Proton (base 64 conversion from old SVG with olive color) */
list-style-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ib2xpdmUiIGZpbGwtb3BhY2l0eT0iY29udGV4dC1maWxsLW9wYWNpdHkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1vcGFjaXR5PSIuMDUiIGQ9Ik0xMi43LDFIMy4zbC0uMi42TC4xLDksMCw5LjJWMTNhMi4wMDYsMi4wMDYsMCwwLDAsMiwySDE0YTIuMDA2LDIuMDA2LDAsMCwwLDItMlY5LjJMMTUuOSw5bC0zLTcuNEwxMi43LDFaIi8+CiAgPHBhdGggZD0iTTEyLDJsMyw3LjRWMTNhLjk0NS45NDUsMCwwLDEtMSwxSDJhLjk0NS45NDUsMCwwLDEtMS0xVjkuNEw0LDJoOG0uNy0xSDMuM0wuMSw5LjEsMCw5LjJWMTNhMi4wMDYsMi4wMDYsMCwwLDAsMiwySDE0YTIuMDA2LDIuMDA2LDAsMCwwLDItMlY5LjJMMTUuOSw5LDEyLjcsMVoiLz4KICA8cGF0aCBmaWxsLW9wYWNpdHk9Ii4wNSIgZD0iTTE0Ljk4OCw5LDEyLDJINEwuODUxLDlINS4wMjNBMi45MzEsMi45MzEsMCwwLDAsOCwxMS42LDIuODg5LDIuODg5LDAsMCwwLDExLjAxMiw5WiIvPgogIDxwYXRoIGQ9Ik0xMCw5QTIsMiwwLDAsMSw2LDlIMHYxSDUuMTg0YTIuOTgzLDIuOTgzLDAsMCwwLDUuNjMzLDBIMTZWOVoiLz4KPC9zdmc+") !important;
}

/* (Older Firefox) Avoid overriding classic Bookmarks Toolbar and Other Bookmarks icons in menus */
#BMB_bookmarksPopup #BMB_bookmarksToolbar.menu-iconic-icon,
#bookmarksMenu #bookmarksToolbarFolderMenu.menu-iconic-icon {
list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important;
}
#BMB_bookmarksPopup #BMB_unsortedBookmarks.menu-iconic-icon,
#bookmarksMenu #menu_unsortedBookmarks.menu-iconic-icon {
/* Specify icon for Firefox 89 Proton (base 64 conversion from old SVG with olive color) */
list-style-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ib2xpdmUiIGZpbGwtb3BhY2l0eT0iY29udGV4dC1maWxsLW9wYWNpdHkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1vcGFjaXR5PSIuMDUiIGQ9Ik0xMi43LDFIMy4zbC0uMi42TC4xLDksMCw5LjJWMTNhMi4wMDYsMi4wMDYsMCwwLDAsMiwySDE0YTIuMDA2LDIuMDA2LDAsMCwwLDItMlY5LjJMMTUuOSw5bC0zLTcuNEwxMi43LDFaIi8+CiAgPHBhdGggZD0iTTEyLDJsMyw3LjRWMTNhLjk0NS45NDUsMCwwLDEtMSwxSDJhLjk0NS45NDUsMCwwLDEtMS0xVjkuNEw0LDJoOG0uNy0xSDMuM0wuMSw5LjEsMCw5LjJWMTNhMi4wMDYsMi4wMDYsMCwwLDAsMiwySDE0YTIuMDA2LDIuMDA2LDAsMCwwLDItMlY5LjJMMTUuOSw5LDEyLjcsMVoiLz4KICA8cGF0aCBmaWxsLW9wYWNpdHk9Ii4wNSIgZD0iTTE0Ljk4OCw5LDEyLDJINEwuODUxLDlINS4wMjNBMi45MzEsMi45MzEsMCwwLDAsOCwxMS42LDIuODg5LDIuODg5LDAsMCwwLDExLjAxMiw5WiIvPgogIDxwYXRoIGQ9Ik0xMCw5QTIsMiwwLDAsMSw2LDlIMHYxSDUuMTg0YTIuOTgzLDIuOTgzLDAsMCwwLDUuNjMzLDBIMTZWOVoiLz4KPC9zdmc+") !important;
}

Barres d'onglet en dessous

/* 3-Barres d'onglet en dessous */


@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
:root{ --uc-titlebar-padding: 0px !important }
.titlebar-buttonbox-container{ left:0; right: unset !important; }}

:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }

#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }

.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }

#titlebar{-moz-box-ordinal-group: 2;-moz-appearance: none !important;--tabs-navbar-shadow-size: 0px;}

.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }

/* Also hide the toolbox bottom border which isn't at bottom with this setup */
#navigator-toolbox::after{ display: none !important; }

@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }

/* These exist only for compatibility with autohide-tabstoolbar.css */
toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }

Couleur des onglets

/* 4-Color TABS - couleur des onglets */

tab {
font-size: 15px !important; /* Hauteur police modifiable */
font-family: Arial !important;} /* Police de caractères modifiable */

/* Use color and shape to make the tabs look more like tabs */

.tab-background {
background: #c8dcc8; /* Couleur de l'arrière plan modifiable */
border-radius: 0px 40px 0 0 !important;
margin-bottom: 0px !important;
box-shadow: 0 0 2px 2px rgba(0,0,0,0.1) !important;
border: 1px solid rgba(255,0,0,.5) !important;
border-bottom-width: 0px !important;
}

/* Selected tabs I want a bright background with a dark foreground */

.tabbrowser-tab[selected] .tab-background {
background: #ffffff !important; /* Couleur de l'arrière plan modifiable */
}
.tabbrowser-tab[selected] .tab-label {
color: red !important; /* Couleur de l'arrière plan modifiable */
font-weight: normal !important;}

/* Draw a solid line underneath to make the selected tab look *connected* to the rest of the browser */
#TabsToolbar {
border-bottom: 5px solid #ff0000 !important; /* Couleur de l'arrière plan modifiable */
}

/* Hover over tabs */
.tabbrowser-tab:hover .tab-background:not([selected]) {
background: #afedaf !important; /* Couleur de l'arrière plan modifiable */
}

Barre des menus en haut

/* 5-Barre des menus en haut - use with tabs_on_bottom.css */

/* Only really useful if menubar is ALWAYS visible */

:root{ --uc-window-control-width: 0px !important }

#navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }

#toolbar-menubar{position: fixed;display: flex;top: var(--uc-titlebar-padding,0px);height: 29px;width: 100%;overflow: hidden;}

#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }

#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
order: 99;
flex-grow: 1;
min-width: var(--uc-window-drag-space-width,20px);}

#toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }

#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }



NB. comme indiqué par Daneel, j'ai fait les modifications dans ABOUT:CONFIG

Pour désactiver Proton :
---------------------------
browser.proton.contextmenus.enabled = false
browser.proton.doorhangers.enabled = false
browser.proton.enabled = false
browser.proton.modals.enabled = false

Pour réactiver le mode compact (disparu avec Proton) :
--------------------------------------------------------------
browser.compactmode.show = true
browser.uidensity = 1 (0 = Normal, 2 = Touch).

Pour réactiver userChrome.css qui est parfois désactivé par Firefox lors d'une nouvelle version :
-----------------------------------------------------------------------------------------------------------
toolkit.legacyUserProfileCustomizations.stylesheets = true


Philippe



Modifié par BRABRA le 09/06/2021 17:44
Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
25,99 €Clavier mécanique Aukey KM-G12 (switch Aukey Red) à 25,99 €
Valable jusqu'au 29 Septembre

Cdiscount fait une promotion sur le clavier mécanique Aukey KM-G12 (switch Aukey Red) qui passe à 25,99 €. La livraison est gratuite. Ce clavier mécanique pour joueurs possède des switch Aukey Red, dispose d'un panneau en métal et d'un éclairage RGB personnalisable. Ses 105 touches sont anti ghosting : vous aurez donc la possiblité de de presser plusieurs touches en même temps : elles ne seront pas confondues.


> Voir l'offre
44,99 €Disque dur Seagate BarraCuda 2 To à 44,99 €
Valable jusqu'au 28 Septembre

Cdiscount propose actuellement le disque dur Seagate BarraCuda - 2 To (ST2000DM008) à 44,99 €. On le trouve ailleurs autour de 60 €. Ce disque dur 3.5 pouces SATA III tourne à 7200tr/min et possède 64Mo de cache. 


> Voir l'offre
19,90 €Norton 360 Premium 2021 (10 postes, 1 an) à 19,90 €
Valable jusqu'au 29 Septembre

Amazon propose actuellement la suite de sécurité Norton 360 Premium à 19,90 € alors qu'on la trouve habituellement autour de 50 €. La suite de sécurité peut être installée sur 10 machines (PC, Mac, smartphone et tablette sous Android ou iOS) et vous disposez des mises à jours pendant 1 an. Un bon prix pour cet excellent antivirus / pare-feu, antispam, ... qui vous protègera efficacement contre toutes les menaces sur Internet. Un contrôle parental et un espace de stockage sécurisé en ligne de 75 Go sont également inclus. Notez que si vous avez déjà Norton, vous pouvez utiliser ce produit pour renouveler votre abonnement. Ces 12 mois s'ajouteront à votre durée d'abonnement restante. Cette version est à télécharger légalement. La clé d'activation vous sera envoyée par email. Une bonne affaire. 

Notez qu'au moment de l'enregistrement de votre clé, Norton vous proposera d'activer un renouvellement automatique pour être tranquille dans un an. Ne l'activez pas. Vous êtes mieux à profiter des offres des différents marchands sur Internet pour renouveller votre licence à moindre coût (voire changer de crèmerie).


> Voir l'offre

Sujets relatifs
Ralentissement ouverture sites dans onglets avec firefox ?
Mettre les onglets firefox cote à cote dans barre des taches
erreurs dans Microsoft Outlook avec Gmail
Onglets dans Brave
Google Desktop dans Windows10 avec Chrome
Souci de positionnement de ma signature dans mes mails avec Thunderbird
Mettre les onglets au dessous dans Firefox
affichage onglets dans chrome
Firefox ne se rouvre pas avec derniers onglets fermeture
Message dans logiciel avec Google maps
Plus de sujets relatifs à Onglets dans FF89 avec userChrome.css
 > Tous les forums > Forum Internet et Réseaux