@-moz-document url-prefix("about:")

/***********************************************
Firefox userContent.css about:# pages.
With help from: Ben Haube and TraditionalTie4831
LAST MODIFIED 02/07/2026
***********************************************/

@-moz-document url(about:addons),
               url(about:config),
               url(about:profiles),
               url(about:preferences),
               url(about:support),
               url(about:translations#src=detect) {

    :root {
        --rainbow: linear-gradient(45deg, red 0%, orange 16.66%, yellow 33.33%, green 50%, blue 66.66%, indigo 83.33%, violet 100%) !important;
    }

    input[type="search"],
    #about-config-search[type="search"] {
        outline: none !important;
        border-color: transparent !important;
        border-width: 2px !important;
        background:
            linear-gradient(
                var(--input-text-background-color),
                var(--input-text-background-color)
            ) padding-box,
            var(--rainbow) border-box !important;
    }

    .action-box,
    .label-wrapper,
    table,
    tr,
    td,
    #about-translations-source-section,
    #about-translations-target-section,
    .about-translations-select,
    .select-wrapper {
        background:
            linear-gradient(
                var(--background-color-box),
                var(--background-color-box)
            ) padding-box,
            var(--rainbow) border-box !important;
        border-color: transparent !important;
        border-width: 1px !important;
    }
}

@-moz-document url(about:addons),
               url(about:preferences) {
    .card,
    .action-box,
    hr,
    moz-card,
    .article.moz-card {
        background:
            linear-gradient(
                var(--background-color-box),
                var(--background-color-box)
            ) padding-box,
            var(--rainbow) border-box !important;
        border-color: transparent !important;
        border-width: 2px !important;
    }
}