d42 custom.css

/* Custom Styles */

#titlebar {
appearance: none !important;
}

#sidebar-header {
  padding: 5px 8px !important;
  padding-top: 11px !important;
}

#nav-bar {
  padding-top: 2px !important;
}


#main-window {
    background-color: transparent !important;
    -moz-appearance: -moz-win-glass !important;
}
#navigator-toolbox {
    background: linear-gradient(20deg, rgba(0,0,0,0.4), rgba(0,0,0,0.5), rgba(0,0,0,0.85)) !important;
}
#TabsToolbar {
    background-image: none !important;    /* Windows 7 */
}

/* referenced from what FF does when using some persona themes */
:root {
    --toolbar-bgcolor: rgba(255,255,255,0) !important;
    --toolbar-field-background-color: rgba(255,255,255,.8) !important;
    --urlbar-box-bgcolor: var(--button-bgcolor) !important;    /* FF button bg in urlbar */
    --chrome-content-separator-color: rgba(0,0,0,.3) !important;    /* navbar bottom line */
    --button-hover-bgcolor: color-mix(in srgb, currentColor 17%, transparent) !important;
    --button-active-bgcolor: color-mix(in srgb, currentColor 30%, transparent) !important;
}

@media (prefers-color-scheme: dark) {
    :root {
        --toolbar-bgcolor: rgba(0,0,0,.) !important;
        --toolbar-field-background-color: rgba(0,0,0,.8) !important;
    }
    #urlbar-background, #searchbar {
        background-color: rgba(0,0,0,0.4) !important;
    }
    #urlbar[open="true"] > #urlbar-background {
        background-color: rgba(2,42,8, .95) !important;
    }
}
#nav-bar {
/*     box-shadow: 0 calc(-1 * var(--tabs-navbar-shadow-size)) 0 var(--lwt-tabs-border-color, rgba(0,0,0,.3)) !important;    navbar top line */
    color: var(--toolbar-color) !important;
}
.tab-background[selected="true"] {
    background-color: transparent !important;
    background-image: linear-gradient(transparent, transparent), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important;
}