navbar-oneline

/*
With the introduction of firefox's vertical tabs, it collapses the tab
toolbar whenever vertical tabs are enabled. This makes it a lot easier
to get a one-line bar since the browser's code does the leg work.
I no longer have to worry about positioning the window controls as
that's now something the browser does and it gives an easier way to
get the tab bar back in the event I need it, without reloading the browser
(about:config > sidebar.verticalTabs).

This method takes advantage of sidebar.verticalTabs and also sidebar.revamp.
*/
#vertical-tabs {
    /* I use TreeStyleTab for tabs, so I can hide the vertical tabs from the
    sidebar */
    display: none !important;
}

button-group.tools-and-extensions.actions-list moz-button[view="viewCustomizeSidebar"] {
    /* When vertical tabs are enabled, the extensions & actions buttons get
    combined as one box and all moved to the bottom of the bar.
    "Display: none"-ing the vertical tabs bar moves that whole box back to
    up to the top. However, I think it looks goofy when the settings button is
    up there as well, so I disable the settings button. I don't ever need to
    access it anyway.
    If I need to access the settings, I can just ctrl+alt+shift+I to inspect
    the sidebar element and disable this line of code */

    /* TODO: (Maybe todo) Statically set the button to be at the bottom of the
    bottom of the bar and create an overflow-clip (or whatever it's called)
    for the rest of the container for tools-and-actions list. */
    visibility: collapse !important;
}

#sidebar-main {
    /* Make the navbar and the sidebar matching colors. Just looks better. */
    /* This appears to be the var the browser uses to set navbar's color */
    background-color: var(--toolbox-non-lwt-bgcolor) !important;
}

#sidebar-box {
    /* There's a verryyy small sliver that doesn't get affected by setting
    the background-color of #sidebar-main so that's what this is for */
    background-color: var(--toolbox-non-lwt-bgcolor) !important;
}

#navigator-toolbox {
    /* Makes the sidebar and navbar a lil more seamless */
    border-bottom: unset !important;
}

#nav-bar > hbox.titlebar-spacer {
    /* Turn off the drag space the browser creates for itself. I prefer
    my drag spaces which are put on either side of the URL bar */
    display: none !important;
}

#urlbar-container {
    /* make drag space on both sides of the URL bar */
    margin-right: var(--uc_navbar-dragSpace-width) !important;
    margin-left: var(--uc_navbar-dragSpace-width) !important;
}

#urlbar-background {
    /* Make the URL bar background stand out in front of the darker navbar */
    background-color: var(--toolbar-bgcolor) !important;
}

#main-window[privatebrowsingmode] #urlbar-background {
    /* Makes the fact I'm in a private window a lil more obvious */
    background: #7000b6 !important;
}