gruvbox dark (soft) - global by gcoelho

/* ==UserStyle==
@name           gruvbox dark (soft) global
@namespace      USO Archive
@author         Gabriel Coelho
@description    `Based on depY's "gruvbox dark global", this is gruvbox' soft variant.
@version        1.0
@license        CC-BY-NC-4.0
==/UserStyle== */
/* AGENT_SHEET */
@namespace html url(http://www.w3.org/1999/xhtml);

@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


/*----- SITES TO EXCLUDE -----*/
@-moz-document regexp("https?://(?!(www.your.sites.here.com|forum.example.com)).*"),
url-prefix(ftp: //), url-prefix(about), url-prefix(javascript), domain("github.com"), domain("codeberg.org"), domain("gitlab.com"), domain("youtube.com"), domain("hen.ee"), domain("duckduckgo.com")
{



    html {
        background: #32302f !important;
    }


    /*----- DEFAULT TEXT, BORDER & BACKGROUND COLORS -----*/
    * {
        color: #fbf1c7 !important;
        box-shadow: none !important;
        background-color: rgba(40, 40, 40, 0.3) !important;
        /*   border-color: #444 !important;
    border-top-color: #444 !important;
    border-bottom-color: #444 !important;
    border-left-color: #444 !important;
    border-right-color: #444 !important */;
    }

    *:before, *:after {
        background-color: transparent !important;
        /* border-color: #444  !important */;
    }

    html * {
        color: inherit !important;
    }

    p::first-letter,
    h1::first-letter,
    h2::first-letter,
    p::first-line {
        color: inherit !important;
        background: none !important;
    }

    /* :: Give solid BG :: */
    /* element */
    b, i, u, strong {
        color: #98971a
    }

    html,
    body,
    li ul,
    ul li,
    table,
    header,
    article,
    section,
    nav,
    menu,
    aside,

    /* common */
    [class*="nav"],
    [class*="open"],
    [id*="ropdown"], /*dropdown*/
    [class*="ropdown"],
    div[class*="menu"],
    [class*="tooltip"],
    div[class*="popup"],
    div[id*="popup"],

    /* Notes, details, etc.  Maybe useful */
    div[id*="detail"], div[class*="detail"],
    div[class*="note"], span[class*="note"],
    div[class*="description"],

    /* Also common */
    div[class*="content"], div[class*="container"],

    /* Popup divs that use visibility: hidden and display: none */
    div[style*="display: block"],
    div[style*="visibility: visible"] {
        background-color: #3c3836 !important;
    }



    /* Highlight */
    ::-moz-selection {
        background-color: #ebdbb2 !important;
        color: #32302f !important;
    }

    /* ::: anchor/links ::: */
    a:link {
        color: #458588 !important;
    }
    /* hyperlink */
    a:visited {
        color: #b16286 !important;
    }

    a:active {
        color: #d65d0e !important;
    }




    /* "Top level" div */
    body > div {
        background-color: inherit !important;
    }



    /* :::::: Text Presentation :::::: */
    summary, details {
        background-color: inherit !important;
    }

    kbd, time, label, .date {
        color: #98971a !important;
    }

    acronym, abbr {
        border-bottom: 1px dotted !important;
        cursor: help !important;
    }

    mark, code, pre, samp, blockquote {
        background-color: #504945 !important;
    }


    /* :::::: Headings :::::: */
    h1, h2, h3, h4, h5, h6 {
        background-image: none !important;
        border-radius: 5px !important;
        /* -moz-border-radius: 5px !important; */
        -webkit-border-radius: 5px !important;
        text-indent: 0 !important;
    }

    h1, h2, h3, h4, h5, h6 {
        background-color: #504945 !important;
    }

    h1, h2 {
        color: #98971a!important;
    }

    h3, h4 {
        color: #d79921 !important;
    }

    h5, h6 {
        color: #d65d0e!important;
    }



    /* :::::: Tables, cells :::::: */
    table table {
        background: #504945 !important;
    }

    th, caption {
        background: #3c3836 !important;
    }

    /* ::: Inputs, textareas ::: */
    input, textarea, button,
    select, option, optgroup {
        color: #32302f !important;
        background: none #504945 !important;
        -moz-appearance: none !important;
        -webkit-appearance: none !important;
    }

    input,
    textarea,
    button {
        border-color: #32302f !important;
        border-width: 1px !important;
    }





    /* Lightbox fix */
    html [id*="lightbox"] * {
        background-color: transparent !important;
    }

    html [id*="lightbox"] img {
        opacity: 1 !important;
    }

    /* Youtube Annotation */
    #movie_player-html5 .annotation {
        background: #504945 !important;
    }

    /* Mozilla addons shrink/expand sections */
    .expando a {
        background: none transparent !important;
    }

    /*----- IMAGE CHANGES -----*/
    img {
        opacity: .7 !important;
        transition: opacity .2s;
    }

    img:hover, a:hover img {
        opacity: 1 !important;
    }
}




/************************/
/* TABS, url bar and navbar*/
#main-area, textbox {
    background: #32302f !important;
    color: #ebdbb2 !important;
}



/* autocomple url box */
.autocomplete-richlistbox {
    background: #504945 !important;
}

#PopupAutoCompleteRichResult .autocomplete-richlistitem description {
    color: #689d6a !important;
    text-decoration: underline;
    font-size: 11px;
}

#PopupAutoCompleteRichResult .autocomplete-richlistitem description:last-child {
    color: #d5c4a1 !important;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
}

.ac-title {
    color: #ebdbb2 !important;
}



/*************/
tab {
    color: #ebdbb2 !important;
}

.tabbrowser-tab * {
    background: #504945 !important;
    margin: 0px/* 1px */
    !important;
}

.tabbrowser-tab[selected="true"] .tab-stack {
    color: #ebdbb2 !important;
    border-radius: 0px !important;
    position: relative !important;
    margin: 0px/* 1px */
    !important;
    border-top: 4px solid #d65d0e !important;
}

#nav-bar {
    background: #504945 !important;
}

/************************/
/*----- ABOUT PAGES BACKGROUND -----*/
@-moz-document url-prefix(about) {
    #newtab-window, #addons-page {
        background: #504945 !important;
    }

    * {
        background-color: transparent;
    }

    body > * {
        background-color: rgba(0, 0, 0, .5) !important;
    }

    #list-view {
        background: #504945 !important;
    }

    #detail-view {
        background: #504945 !important;
    }

    #addons-page > * > *, #addons-page > * > * > * {
        border-color: #504945 !important;
    }
}

/*----- RIGHT-CLICK MENUS & TOOLTIP STYLE -----*/
#contentAreaContextMenu menuitem[disabled="true"],
#contentAreaContextMenu menuitem[disabled="true"] menuseparator {
    display: none !important;
}

menupopup, popup,
popup > menu > menupopup,
menupopup > menu > menupopup {
    -moz-appearance: none !important;
    background: rgba(15, 15, 15, .9) !important;
    border: 1px solid #32302f !important;
    border-radius: 3px !important;
    box-shadow: inset 0 0 1px #7c6f64, inset 0 0 10px #32302f !important;
    padding: 2px 0 !important;
}

menupopup * {
    box-shadow: none !important;
    color: #7c6f64 !important;
}

menupopup menuitem:hover * {
    color: #fbf1c7 !important;
    text-shadow: 0 0 5px rgba(255, 255, 200, 0.9) !important;
}

menupopup menuseparator {
    -moz-appearance: none !important;
    background: transparent !important;
    margin: 2px 0 2px -3px !important;
    padding: 0 !important;
    border-top: none !important;
    border-color: transparent !important;
    box-shadow: 0 0 3px #504945 !important;
}

menupopup menuitem {
    -moz-appearance: none !important;
    background: transparent !important;
    text-shadow: 0 1px #32302f !important;
}

tooltip {
    -moz-appearance: none !important;
    color: #fbf1c7 !important;
    background: rgba(0, 0, 0, .8) !important;
    border: 1px solid #504945 !important;
    border-radius: 3px !important;
}

/*----- FIX WHITE NEW TAB FLASH -----*/
tabbrowser tabpanels, #appcontent > #content {
    background: #504945 !important;
}