Retrouver les icônes dans le menu des trois barres horizontales en haut a droite ☰
Code : Tout sélectionner
/* Ajout d'icônes aux éléments du menu principal qui ont été supprimés dans Proton */
#appMenu-fxa-status2[fxastatus] > toolbarbutton::before,
#appMenu-protonMainView > .panel-subview-body > toolbarbutton > image{
fill: currentColor;
-moz-context-properties: fill;
margin-inline: 0 8px !important;
}
#appMenu-new-tab-button2{ list-style-image: url("chrome://browser/skin/new-tab.svg") }
#appMenu-new-window-button2{ list-style-image: url("chrome://browser/skin/window.svg") }
#appMenu-new-private-window-button2{ list-style-image: url("chrome://browser/skin/privateBrowsing.svg") }
#appMenu-bookmarks-button{ list-style-image: url("chrome://browser/skin/bookmark-star-on-tray.svg") }
#appMenu-history-button{ list-style-image: url("chrome://browser/skin/history.svg") }
#appMenu-downloads-button{ list-style-image: url("chrome://browser/skin/downloads/downloads.svg") }
#appMenu-passwords-button{ list-style-image: url("chrome://browser/skin/login.svg") }
#appMenu-extensions-themes-button{ list-style-image: url("chrome://mozapps/skin/extensions/extension.svg") }
#appMenu-print-button2{ list-style-image: url("chrome://global/skin/icons/print.svg") }
#appMenu-save-file-button2{ list-style-image: url("chrome://browser/skin/save.svg") }
#appMenu-find-button2{ list-style-image: url("chrome://global/skin/icons/search-glass.svg") }
#appMenu-settings-button{ list-style-image: url("chrome://global/skin/icons/settings.svg") }
#appMenu-more-button2{ list-style-image: url("chrome://browser/skin/developer.svg") }
#appMenu-help-button2{ list-style-image: url(chrome://global/skin/icons/info.svg) }
#appMenu-quit-button2{ list-style-image: url(chrome://browser/skin/quit.svg) }Lien de l'image: https://nsa40.casimages.com/img/2021/08 ... 562136.png
Après:(avec le code CSS)
Lien de l'image: https://nsa40.casimages.com/img/2021/08 ... 515658.png
Onglet rectangulaire:
Code : Tout sélectionner
/* Onglet rectangulaire */
.tab-background {
border: none !important;
border-radius: 0px 0px !important;
}Code : Tout sélectionner
/* Bordure droite et gauche des onglets */
#tabbrowser-tabs .tabbrowser-tab {
border-left-width: 1px !important;
border-left-style: outset;
border-right-width: 1px !important;
border-right-style: outset;
}Code : Tout sélectionner
/* Hauteur des onglets */
*|*:root { --tab-min-height: 25px !important;} /*ajuster le chiffre pour régler la hauteur*//* barre de titre */
/* barre de menu */
/* barre de navigation */
/* barre personnelle */
/* barre d'onglets */
Code : Tout sélectionner
/*==================== ordre des barres =================*/
/* barre de titre */
/* barre de menu */
/* barre de navigation */
/* barre personnelle */
/* barre d'onglets */
#titlebar {
-moz-box-ordinal-group: 2;
}
/* afficher [barre de menu] par le raccourci "Alt" */
#main-window[sizemode="maximized"] #toolbar-menubar {
display: flex;
position: absolute;
top: 5px;
background-color:black;
/* color: menubartext!important;*/
width: 100vw !important;
}
#main-window[sizemode="normal"] #toolbar-menubar {
display: flex;
position: absolute;
top: 2px;
/* background-color:black;
color: menubartext!important;*/
width: 100vw !important;
}
#main-window:not([tabsintitlebar])[sizemode="normal"] {
margin-top: -25px !important;
}
#main-window:not([tabsintitlebar])[sizemode="maximized"] {
margin-top: -7px !important;
}
/* si Thème clair activé */
#main-window[lwthemetextcolor="dark"][sizemode="maximized"] #toolbar-menubar:not([inactive="true"]),
#main-window[lwthemetextcolor="dark"][sizemode="maximized"] #toolbar-menubar .toolbarbutton-1
{
filter: invert(95%);
}
/* décaler la barre de navigation pour emplacement des boutons fenêtre */
#main-window[tabsintitlebar][sizemode="maximized"] #nav-bar-customization-target {
max-width: calc(100vw - 140px);
}
/* positionner les boutons contrôle fenêtre */
#main-window[sizemode="maximized"] #toolbar-menubar/*[autohide="true"]*/ .titlebar-buttonbox-container {
display: flex;
position: fixed;
right: 0px;
top: 0px !important;
}
#main-window[sizemode="maximized"] #toolbar-menubar[inactive="true"] .titlebar-buttonbox-container {
display: flex;
position: fixed;
right: 0px;
top: 8px !important;
}
#main-window[sizemode="normal"] #toolbar-menubar .titlebar-buttonbox-container {
display: flex;
position: fixed;
right: 0px;
top:0px!important;
}
#TabsToolbar .titlebar-buttonbox-container {
display: none;
}
/*#main-window[tabsintitlebar]*/ #toolbar-menubar[autohide="true"]+ #TabsToolbar{
margin-top: -7px !important;
margin-right: -40px !important;
}
#nav-bar {
margin-top: 7px !important;
}
/* recréer espace préhension fenêtre en mode redimentionné */
#main-window[sizemode="normal"] #navigator-toolbox {
padding-top: 15px !important;
-moz-window-dragging: drag !important;
}
/* supprimer décalage gauche de la barre d'onglets */
#main-window[sizemode="normal"] #TabsToolbar .titlebar-spacer[type="pre-tabs"] {
display:none;
}
/* pour les boutons placés dans la barre de menu */
#toolbar-menubar .toolbarbutton-1 {
margin-top: -5px !important;
}
/* boutons controle fenêtre en plein écran (F11) */
#main-window[sizemode="fullscreen"] #window-controls[pack="end"] {
display: flex;
position: fixed;
right: 0px;
top:-0px!important;
}
/************************************************************/
/* si [barre de menu] toujours affichée, ajouter ces règles */
/************************************************************/
#main-window:not([tabsintitlebar])[sizemode="normal"] #nav-bar {
margin-top: 32px !important;
}
#main-window[sizemode="maximized"] #nav-bar {
margin-top: 30px !important;
}
#main-window[tabsintitlebar] #nav-bar-customization-target {
max-width: 100vw !important;
}
#toolbar-menubar {
background-color:initial !important;
}
#toolbar-menubar + #TabsToolbar{
margin-top: -10px !important;
}
#main-window[sizemode="normal"] #toolbar-menubar[autohide="false"] + #TabsToolbar {
margin-top: 0px !important;
}
/***********************************************************/
/* fin [barre de menu] toujours affichée */
