chrome FF customization

userChrome.css

:root {
    --srf-color-primary: rgba(20, 20, 20, 0.6);
    --srf-color-selection: #9DACDE60;
    --srf-color-urlbar: rgba(20, 20, 20, 0.8);
}

/*
G E N E R A L
*/

window,
#main-window,
#toolbar-menubar,
#TabsToolbar,
#PersonalToolbar,
#navigator-toolbox,
#sidebar-box {
    background-color: var(--srf-color-primary) !important;
    -moz-appearance: none !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

::selection {
    background-color: var(--srf-color-selection);
    color: #141414;
}

/*
T A B S
*/

:root {
    --tabs-border: transparent !important;
}

.tab-background {
    border: none !important;
}

.tab-background[selected='true'] {
    -moz-appearance: none !important;
    background-image: none !important;
}

.tabbrowser-tabs {
    border: none !important;
    opacity: 0 !important;
}

.tabbrowser-tab::before, .tabbrowser-tab::after{
    opacity: 0 !important;
    border-left: none !important;
}

.titlebar-placeholder {
    border: none !important;
}

.tab-line {
    --tab-line-color: #35504a;
}

/*

B U T T O N S

Here you can comment if you want your buttons to be showed up!

*/

#forward-button {
    opacity: 20% !important;
}

#back-button {
    opacity: 20% !important;
}

.titlebar-spacer {
    display: none !important;
}

#tracking-protection-icon-container {
    padding: 0 5px 0 0 !important;
    margin: 0 !important;
}

#PanelUI-button {
    display: none !important;
}

.tabbrowser-tab:not([pinned]) .tab-close-button {
    opacity: 10% !important;
}

hbox.tab-content .tab-icon-image {
    opacity: 50% !important;
}

hbox #page-action-buttons {
    opacity: 25% !important;
}

/*
N A V B A R
*/

#navigator-toolbox::after {
    border-bottom: 0px !important;
    border-top: 0px !important;
}

#nav-bar {
    border: none !important;
    box-shadow: none !important;
    margin-top: 0px !important;
    border-top-width: 0px !important;
    margin-bottom: 0px !important;
    border-bottom-width: 0px !important;
}

#urlbar-input {
    padding-left: 5px !important;
}

/*
S I D E - B A R
*/

#history-panel,
#sidebar-search-container,
#bookmarksPanel {
    background: var(--srf-color-primary) !important;
}

#search-box {
    -moz-appearance: none !important;
    background: var(--srf-color-primary) !important;
    border-radius: 6px !important;
}

#sidebar-search-container {
    background-color: var(--srf-color-primary) !important;
}

#sidebar-icon {
    display: none !important;
}

.sidebar-placesTree {
    color: #EEE !important;
}

#sidebar-switcher-target {
    color: #EEE !important;
}

#sidebar-header {
    background: var(--srf-color-primary) !important;
}

#sidebar-box {
    --sidebar-background-color: var(--srf-color-primary) !important;
}

#sidebar-splitter {
    border: none !important;
    opacity: 1 !important;
    background-color: var(--srf-color-primary) !important;
}

/*
U R L - B A R
*/

#urlbar[breakout] {
    margin-inline-start: 0px !important;
    width: 100% !important;
    left: 0 !important;
    top: calc(
        (var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2
    ) !important;
}

#urlbar[breakout]:not([open]) {
    bottom: calc(
        (var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2
    ) !important;
}

#urlbar-background {
    background: var(--srf-color-urlbar) !important;
    border: none !important;
    animation: none !important;
}

#urlbar-input-container {
    padding: 0 0 0 5px !important;
    height: 100% !important;
}

#identity-box {
    display: none;
}

#urlbar-input:focus {
    color: #fff !important;
}

.megabar[open='true'] > #urlbar-background {
    background: #fff !important;
}

.urlbarView {
    margin-inline: 0 !important;
    width: auto !important;
}

.urlbarView-row {
    padding: 0 2px !important;
}

.urlbarView-row-inner {
    padding-inline-start: 4px !important;
}

/*
Designed and Coded by Miguel R. Ávila: https://github.com/MiguelRAvila
*/

userContent.css

:root{
	scrollbar-width: none !important;
}

@-moz-document url(about:privatebrowsing) {
	:root{
		scrollbar-width: none !important;
	}
}