dotfiles/.config/firefox/userContent.css

/* enable in about:config
toolkit.legacyUserProfileCustomizations.stylesheets
*/

/* colors based on plastic color scheme */
@import "userColors.css";

:root {
    scrollbar-color: var(--color-acc1) var(--color-bg);

    --lwt-toolbar-field-background-color: red !important; /*normally*/
    --lwt-toolbar-field-focus: red !important; /*focussed*/
}

/*@-moz-document url(about:newtab), url(about:blank) url(about:home) {
    html:not(#ublock0-epicker), html:not(#ublock0-epicker) body, #newtab-customize-overlay {
        background: var(--color-bg) !important;
    }
}
*/

@-moz-document url-prefix(about:blank) {
    html > body:empty {
        background-color: var(--color-bg) !important;
    }
}

@moz-document url(about:blank) {
    html > body:empty {
        background-color: var(--color-bg) !important;
    }
}

input, textarea {
    color: var(--color-fg);
    background-color: var(--color-bg);
}


/*
input:focus[type=submit] {
    background-color: var(--color-acc1) !important;
}
*/

/*select is for selected item in dropdown menus*/
input[type=text], select {
    background-color: var(--color-bg) !important;
    color: var(--color-fg) !important;
}

/*currently for filter boxes in navidrome,
 * maybe conflicts with other pages*/
label {
    color: var(--color-fg) !important;
    opacity: 0.5;
}

/*not working*/
input[type=button], input[type=submit], input[type=reset] {
    color: var(--color-acc2) !important;
    backgroun-color: var(--color-acc1) !important;
}