/* ==UserStyle==
@name           AUR Gruvbox
@namespace      github.com/0x61nas/aur-gruvbox-styl
@version        1.1.1
@description    Customizable Gruvbox color scheme for AUR
@author         Anas Elgarhy <anas.elgarhy.dev@gmail.com>
@homepageURL    https://github.com/0x61nas/aur-gruvbox-styl
@supportURL     https://github.com/0x61nas/aur-gruvbox-styl/issues
@updateURL      https://raw.githubusercontent.com/0x61nas/aur-gruvbox-styl/aurora/aur-gruvbox.user.styl
@preprocessor   stylus
@license        CC-BY-SA-4.0

@var select theme-variant "Gruvbox variant" {
    'Light Soft' : 'light-soft-theme-variant',
    'Light' : 'light-theme-variant',
    'Light Hard': 'light-hard-theme-variant',
    'Dark Soft' : 'dark-soft-theme-variant',
    'Dark' : 'dark-theme-variant',
    'Dark Hard': 'dark-hard-theme-variant'
}
==/UserStyle== */

@-moz-document domain("aur.archlinux.org") {
    if theme-variant is light-soft-theme-variant {
        :root {
            --gruvbox-ansi00: #f2e5bc;
            --gruvbox-ansi01: #cc241d;
            --gruvbox-ansi02: #98971a;
            --gruvbox-ansi03: #d79921;
            --gruvbox-ansi04: #458588;
            --gruvbox-ansi05: #b16286;
            --gruvbox-ansi06: #689d6a;
            --gruvbox-ansi07: #7c6f64;
            --gruvbox-ansi08: #928374;
            --gruvbox-ansi09: #9d0006;
            --gruvbox-ansi10: #79740e;
            --gruvbox-ansi11: #b57614;
            --gruvbox-ansi12: #076678;
            --gruvbox-ansi13: #8f3f71;
            --gruvbox-ansi14: #427b58;
            --gruvbox-ansi15: #3c3836;
            --the-primary-color: var(--gruvbox-ansi12); /* TODO(anas): make this Customizable */
        }
    }
    else if theme-variant is light-theme-variant {
        :root {
            --gruvbox-ansi00: #fbf1c7;
            --gruvbox-ansi01: #cc241d;
            --gruvbox-ansi02: #98971a;
            --gruvbox-ansi03: #d79921;
            --gruvbox-ansi04: #458588;
            --gruvbox-ansi05: #b16286;
            --gruvbox-ansi06: #689d6a;
            --gruvbox-ansi07: #7c6f64;
            --gruvbox-ansi08: #928374;
            --gruvbox-ansi09: #9d0006;
            --gruvbox-ansi10: #79740e;
            --gruvbox-ansi11: #b57614;
            --gruvbox-ansi12: #076678;
            --gruvbox-ansi13: #8f3f71;
            --gruvbox-ansi14: #427b58;
            --gruvbox-ansi15: #3c3836;
            --the-primary-color: var(--gruvbox-ansi12); /* TODO(anas): make this Customizable */
        }
    }
    else if theme-variant is light-hard-theme-variant {
        :root {
            --gruvbox-ansi00: #f9f5d7;
            --gruvbox-ansi01: #cc241d;
            --gruvbox-ansi02: #98971a;
            --gruvbox-ansi03: #d79921;
            --gruvbox-ansi04: #458588;
            --gruvbox-ansi05: #b16286;
            --gruvbox-ansi06: #689d6a;
            --gruvbox-ansi07: #7c6f64;
            --gruvbox-ansi08: #928374;
            --gruvbox-ansi09: #9d0006;
            --gruvbox-ansi10: #79740e;
            --gruvbox-ansi11: #b57614;
            --gruvbox-ansi12: #076678;
            --gruvbox-ansi13: #8f3f71;
            --gruvbox-ansi14: #427b58;
            --gruvbox-ansi15: #3c3836;
            --the-primary-color: var(--gruvbox-ansi12); /* TODO(anas): make this Customizable */
        }
    }
    else if theme-variant is dark-soft-theme-variant {
        :root {
            --gruvbox-ansi00: #32302f;
            --gruvbox-ansi01: #cc241d;
            --gruvbox-ansi02: #98971a;
            --gruvbox-ansi03: #d79921;
            --gruvbox-ansi04: #458588;
            --gruvbox-ansi05: #b16286;
            --gruvbox-ansi06: #689d6a;
            --gruvbox-ansi07: #a89984;
            --gruvbox-ansi08: #928374;
            --gruvbox-ansi09: #fb4934;
            --gruvbox-ansi10: #b8bb26;
            --gruvbox-ansi11: #fabd2f;
            --gruvbox-ansi12: #83a598;
            --gruvbox-ansi13: #d3869b;
            --gruvbox-ansi14: #8ec07c;
            --gruvbox-ansi15: #ebdbb2;
            --the-primary-color: var(--gruvbox-ansi12); /* TODO(anas): make this Customizable */
        }
    }
    else if theme-variant is dark-theme-variant {
        :root {
            --gruvbox-ansi00: #282828;
            --gruvbox-ansi01: #cc241d;
            --gruvbox-ansi02: #98971a;
            --gruvbox-ansi03: #d79921;
            --gruvbox-ansi04: #458588;
            --gruvbox-ansi05: #b16286;
            --gruvbox-ansi06: #689d6a;
            --gruvbox-ansi07: #a89984;
            --gruvbox-ansi08: #928374;
            --gruvbox-ansi09: #fb4934;
            --gruvbox-ansi10: #b8bb26;
            --gruvbox-ansi11: #fabd2f;
            --gruvbox-ansi12: #83a598;
            --gruvbox-ansi13: #d3869b;
            --gruvbox-ansi14: #8ec07c;
            --gruvbox-ansi15: #ebdbb2;
            --the-primary-color: var(--gruvbox-ansi12); /* TODO(anas): make this Customizable */
        }
    }
    else if theme-variant is dark-hard-theme-variant {
        :root {
            --gruvbox-ansi00: #1d2021;
            --gruvbox-ansi01: #cc241d;
            --gruvbox-ansi02: #98971a;
            --gruvbox-ansi03: #d79921;
            --gruvbox-ansi04: #458588;
            --gruvbox-ansi05: #b16286;
            --gruvbox-ansi06: #689d6a;
            --gruvbox-ansi07: #a89984;
            --gruvbox-ansi08: #928374;
            --gruvbox-ansi09: #fb4934;
            --gruvbox-ansi10: #b8bb26;
            --gruvbox-ansi11: #fabd2f;
            --gruvbox-ansi12: #83a598;
            --gruvbox-ansi13: #d3869b;
            --gruvbox-ansi14: #8ec07c;
            --gruvbox-ansi15: #ebdbb2;
            --the-primary-color: var(--gruvbox-ansi12); /* TODO(anas): make this Customizable */
        }
    }

    body {
        background: var(--gruvbox-ansi00) !important;
        color: var(--gruvbox-ansi15) !important;
    }
    code {
      /* background: var(--gruvbox-ansi08) !important; */
      /* color: var(--gruvbox-ansi00) !important; */
      color: var(--gruvbox-ansi12) !important;
    }
    a:link,
    th a:visited {
        color: var(--the-primary-color) !important;
    }

    a:visited {
        color: var(--gruvbox-ansi13) !important;
    }

    a:hover {
        color: var(--gruvbox-ansi13) !important;
    }
    div.box {
        background: var(--gruvbox-ansi00) !important;
        border-color: var(--gruvbox-ansi08) !important;
    }
    #archnavbarlogo {
        background-image: unset !important; /* NOTE(anas): the default logo has a none transperent logo so it wont be a good when we change the bar color */
    }
    #archdev-navbar li a {
        /*color: var(--gruvbox-ansi08) !important; */
    }
    #news h3 a {
        background: var(--gruvbox-ansi00) !important;
        color: var(--gruvbox-ansi15) !important;
    }
    #pkgsearch {
        background: var(--gruvbox-ansi00) !important;
        color: var(--gruvbox-ansi03) !important;
        border-color: var(--gruvbox-ansi08) !important;
    }
    #pkgsearch input {
        color: var(--gruvbox-ansi15) !important;
        background: var(--gruvbox-ansi00) !important;
        border-color: var(--gruvbox-ansi08) !important;
    }
    .pkgsearch-typeahead {
        background-color: var(--gruvbox-ansi00) !important;
        border-color: var(--gruvbox-ansi08) !important;
    }

    /* archweb.css | https://aur.archlinux.org/static/css/archweb.css */
    .results tr:nth-child(2n+1),
    #article-list tr:nth-child(2n+1) {
        background: var(--gruvbox-ansi00) !important;
    }

    .results tr:nth-child(2n),
    #article-list tr:nth-child(2n) {
        background: var(--gruvbox-ansi00) !important;
    }

    .results th {
        border-bottom: 2px solid var(--gruvbox-ansi08) !important;
        background-color: var(--gruvbox-ansi00) !important;
    }

    h2 {
        border-bottom: 1px solid var(--gruvbox-ansi08) !important;
    }

    table.results {
        border-top: 1px dotted var(--gruvbox-ansi08) !important;
        border-bottom: 1px dotted var(--gruvbox-ansi08) !important;
    }

    .results .flagged {
        color: var(--gruvbox-ansi09) !important;
        font-style: oblique;
        font-weight: bold;
    }

    /* archweb.css | https://aur.archlinux.org/static/css/archweb.css */
    #article-list tr:hover,
    #clocks-table tr:hover,
    #dev-dashboard tr:hover,
    #dev-todo-lists tr:hover,
    #dev-todo-pkglist tr:hover,
    #pkglist-results tr:hover,
    #stats-area tr:hover {
        background: var(--gruvbox-ansi00) !important;
    }

    /* aurweb.css | https://aur.archlinux.org/static/css/aurweb.css */
    .keyword:link,
    .keyword:visited {
        color: var(--gruvbox-ansi00) !important;
        background-color: var(--gruvbox-ansi13) !important;
        font-weight: bold;
    }

    .comments-header h3 span.text {
        background: var(--gruvbox-ansi08) !important;
    }

    .text-button {
        color: var(--gruvbox-ansi15) !important;
    }

    .text-button:hover {
        color: var(--gruvbox-ansi15) !important;
    }

    /* archweb.css | https://aur.archlinux.org/static/css/archweb.css */
    pre {
        border-color: var(--gruvbox-ansi08) !important;
        background: var(--gruvbox-ansi00) !important;
    }

    #pkgdetails #detailslinks > div {
        background: var(--gruvbox-ansi00) !important;
        border-color: var(--gruvbox-ansi08) !important;
    }

    #pkgdetails #metadata h3 {
        background: var(--gruvbox-ansi00) !important;
    }

    /* aurweb.css | https://aur.archlinux.org/static/css/aurweb.css */
    form.link button {
        color: var(--gruvbox-ansi08) !important;
    }

    /* archweb.css | https://aur.archlinux.org/static/css/archweb.css */
    #archnavbar {
        background: unset /* var(--gruvbox-ansi15) */ !important;
        border-bottom: 5px solid var(--the-primary-color) !important;
    }

    #archnavbar.anb-aur ul li#anb-aur a {
       color: unset !important;
    }

    /* archweb.css | https://aur.archlinux.org/static/css/archweb.css */
    input[type="text"],
    input[type="password"],
    input[type="email"],
    textarea {
        background-color: var(--gruvbox-ansi00) !important;
        border-color: var(--gruvbox-ansi08) !important;
        color: var(--gruvbox-ansi15) !important;
    }

    input {
        background-color: var(--gruvbox-ansi00) !important;
        color: var(--gruvbox-ansi15) !important;
        border-color: var(--gruvbox-ansi08) !important;
    }

    /* aurweb.css | https://aur.archlinux.org/static/css/aurweb.css */
    button[type="submit"],
    button[type="reset"] {
        background-color: var(--gruvbox-ansi00) !important;
        color: var(--gruvbox-ansi15) !important;
        border-color: var(--gruvbox-ansi08) !important;
    }

    /* Inline #2 | https://aur.archlinux.org/packages/zsh-ansimotd-git */
    select {
        background-color: var(--gruvbox-ansi00) !important;
        color: var(--gruvbox-ansi15) !important;
        border-color: var(--gruvbox-ansi08) !important;
    }
}

/* cgit.css | https://aur.archlinux.org/static/css/cgit.css */

div#cgit table.blob .ipl {
  /* color: #0057ae; */
  color: var(--gruvbox-ansi01) !important;
}

div#cgit table.blob .kwd {
  /* color: #010181; */
  color: var(--gruvbox-ansi01) !important;
}

div#cgit table.blob .kwc {
  /* color: #000000; */
  color: var(--gruvbox-ansi02);
}

div#cgit table.blob .opt {
  /* color: #000000; */
  color: var(--gruvbox-ansi02) !important;
}

div#cgit table.blob .kwb {
  /* color: #0057ae; */
  color: var(--gruvbox-ansi05) !important;
}

div#cgit div.path {
  /* color: #000; */
  /* background-color: #eee; */
  color: var(--gruvbox-ansi15) !important;
  background-color: var(--gruvbox-ansi04) !important;
}