More Tweaks

• Navigation Bar
  • Change color of nav-bar buttons
  • Remove background color of sidebar button when active
  • Remove forward and back buttons
  • Remove owner name for SSL certs
  • Remove containers name and symbol
  • Put refresh button "inside" address bar
• Tabs Bar
  • Mac - remove window buttons (Close, Minimize, Fullscreen)
• Bookmarks Bar
  • Auto-hide bookmarks bar (show only on nav-bar hover)
  • Hide bookmark labels (text) for bookmarks in bookmarks toolbar
• Sidebar
  • Decrease minimum width

(generated by Table of Contents Generator for GitHub Wiki)

Navigation Bar

Change color of nav-bar buttons

/* Change the color of buttons in the nav-bar (sidebar, more, hamburger)*/
#nav-bar-overflow-button, #PanelUI-menu-button, #sidebar-button {
    opacity: 1 !important;
    fill: var(--primary-accent-color) !important;
}

Remove background color of sidebar button when active

/* Change the background color of the sidebar button when active */
#sidebar-button[checked] > .toolbarbutton-icon{ background-color: inherit !important; }

Remove forward and back buttons

/* Remove the forward and back buttons */
#back-button, #forward-button  { display: none !important; }

Remove owner name for SSL certs

/* Remove owner name for SSL certs */
#identity-box.verifiedIdentity #identity-icon-labels {display: none !important;}

Remove containers name and symbol

/* Remove containers name and symbol */
#userContext-label, #userContext-indicator { display: none !important;}

Put refresh button "inside" address bar

This tweak requires that you first put the refresh button directly to the right of the address bar.

/* Put refresh button "inside" address bar */
#pageActionSeparator{
    margin-right:26px !important;
}

#stop-reload-button .toolbarbutton-icon{
    border-radius: 0px !important;
    padding: 5px 6px !important;
}

#stop-reload-button{
    transform: translateX(-62px);
    border-radius:0px !important;
    margin-right:-32px !important;
}

Tabs Bar

Mac - remove window buttons (Close, Minimize, Fullscreen)

/* Remove window buttons (Close, Minimize, Fullscreen) */
#titlebar {display: none !important;}
#TabsToolbar .titlebar-placeholder {display: none !important; }

Bookmarks Bar

Auto-hide bookmarks bar (show only on nav-bar hover)

/* Auto-hide bookmarks bar (show only on nav-bar hover)  */
#PersonalToolbar{
    opacity:0 !important;
    margin-top: -23px !important;
    transition: all 0.4s ease 0s !important;
}

#navigator-toolbox:hover > #PersonalToolbar{
visibility: visible !important;
margin-top: 0px !important;
transition: all 0.4s ease 0s !important;
opacity: 1 !important;
}

Hide bookmark labels (text) for bookmarks in bookmarks toolbar

/* Hides bookmark text for all bookmarks displayed in a toolbar */
.bookmark-item > .toolbarbutton-text  { display: none !important; }

Sidebar

Decrease minimum width

#sidebar, #sidebar-box { min-width: 2px !important; }