/* 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;
}
*/
input[type=text] {
    background-color: var(--color-bg) !important;
    color: var(--color-fg) !important;
}

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