Fanfiction.net Gruvbox Dark Theme by jojotastic777

/* ==UserStyle==
@name         Fanfiction.net Gruvbox Dark Theme
@version      20210914.03.21
@namespace    userstyles.world/user/jojotastic777
@description  A comprehensive gruvbox theme for fanfiction.net
@author       jojotastic777
@license      MIT
==/UserStyle== */
@-moz-document url-prefix("https://www.fanfiction.net/") {
    :root {
        --main-bg: #282828;
        --dim-bg: #282828;
        --bar-bg: #282828;
        --bright-bg: #3c3836;
        --bright-hl-bg: #504945;

        --dim-fg: #d5c4a1;
        --main-fg: #fbf1c7;
        --link-fg: #83a598;
        --link-accent-fg: #fe8019;

        --top-bar-bg: #458588;
        --top-bar-fg: #fbf1c7;
        --top-bar-username: #fe8019;
    }
    
    #storytext hr {
        display: block;
        background-image: none;
        background-color: var(--bright-hl-bg);
    }
    
    #top {
        background-color: var(--top-bar-bg) !important;
    }
    
    .menulink, .menulink a:visited, .menulink a:link, .menulink a:active, .menulink a:hover, #name_login {
        color: var(--top-bar-fg);
    }
    
    #name_login > span {
        color: var(--top-bar-fg) !important;
    }
    
    #name_login > a {
        color: var(--top-bar-username) !important;
    }

    .btn,
    .btn:hover,
    .btn:focus {
        background-image: none;
        background-color: var(--bright-bg);
        color: var(--main-fg);

        box-shadow: none;
        border: none;
        border-radius: 0.25em !important;
        text-shadow: none;
    }

    .dropdown-toggle.btn .caret {
        display: none;
    }

    .badge,
    .badge:hover {
        background-color: var(--bright-bg);
    }

    body {
        background-color: var(--bar-bg) !important;
    }

    hr {
        display: none;
    }

    input {
        background-color: var(--bright-bg) !important;
        color: var(--main-fg) !important;
        border: none !important;
    }

    select {
        background-image: none;
        background-color: var(--bright-bg);
        color: var(--main-fg);

        box-shadow: none;
        border: none;
        border-radius: 0.25em !important;
        text-shadow: none;
    }

    select.selection_hl {
        background-color: var(--bright-hl-bg)
    }

    ::placeholder {
        color: var(--dim-fg);
    }

    #content_parent {
        background-color: var(--dim-bg) !important;
    }

    #content_wrapper {
        background-color: var(--main-bg) !important;
        color: var(--main-fg);
    }

    #content_wrapper_inner {
        border: none;
    }

    .lc {
        background: none;
    }

    .lc-wrapper::after {
        border: none;
    }

    #content_wrapper a,
    #p_footer a {
        color: var(--link-fg);
        border-color: var(--link-fg);
    }

    #content_wrapper a.reviews {
        color: var(--link-accent-fg) !important;
    }

    img {
        border: none !important;
    }

    #p_footer {
        color: var(--dim-fg);
    }

    .z-list {
        border: none !important;
    }

    .xgray {
        color: var(--dim-fg);
    }

    .zmenu {
        background-color: var(--bar-bg);
        border: none;
        padding-top: 0 !important;
    }

    a.dropdown-toggle {
        color: var(--main-fg);
        margin: 0;
    }

    a.dropdown-toggle:hover {
        color: var(--dim-fg);
    }

    a.dropdown-toggle:hover {
        text-decoration: none;
    }

    a.dropdown-toggle > b {
        display: none;
    }

    .dropdown-menu {
        background-color: var(--bar-bg);
    }

    .dropdown-menu li a {
        color: var(--main-fg);
    }

    .dropdown-menu li.disabled a {
        color: var(--dim-fg);
    }

    .dropdown-menu li.divider {
        background-color: var(--dim-fg);
        border-color: var(--dim-fg);
    }

    .modal,
    .modal-body,
    .modal-footer {
        background-color: var(--main-bg);
        border: none;
        box-shadow: none;
    }

    .icon-chevron-right {
        color: var(--main-fg);
    }

    #follow_area * {
        color: var(--main-fg);
    }

    .panel_normal {
        background-color: var(--main-bg);
        color: var(--main-fg);
        border: none;
    }

    table thead {
        border: none !important;
    }

    .table td {
        border: none;
    }

    .table-bordered {
        border: none !important;
    }

    .table-bordered th {
        border: none;
    }

    .table-striped tbody > tr:nth-child(2n+1) > td {
        background-color: var(--main-bg);
        border: none;
    }

    .tcat {
        background-color: var(--main-bg);
        border: none !important;
    }

    .topnav {
        border: none;
    }

    .underline {
        border: none;
    }

    .modal-wrapper {
        color: var(--main-fg);
    }

    .modal-header {
        border: none;
    }

    .nav.nav-tabs {
        border: none;
    }

    .nav.nav-tabs > .active > a {
        background-color: var(--bright-hl-bg);
        border: none;
    }

    .nav.nav-tabs > li > a {
        background-color: var(--bright-bg);
        border: none;
        color: var(--main-fg) !important;
    }

    .nav.nav-tabs > li > a > .badge {
        background-color: var(--bar-bg);
    }
}

@-moz-document url-prefix("https://www.fanfiction.net/u/") {
    .table-bordered {
        border: none;
    }

    table.table-striped * {
        border: none;
    }

    table.table-striped tbody > tr:nth-child(2n+1) > td {
        background-color: var(--bg-main);
    }

    .tcat {
        background-color: var(--bg-bar);
        border: none !important;
    }
}

@-moz-document url-prefix("https://www.fanfiction.net/r/") {
    .table-bordered {
        border: none;
    }

    .table-bordered th {
        border: none;
    }

    .table td {
        border: none;
    }

    .table-striped tbody > tr:nth-child(2n+1) > td {
        background-color: var(--bar-bg) !important;
    }
}

@-moz-document url("https://www.fanfiction.net/") {
    #content_wrapper_inner {
        min-height: 80vh;
    }

    #content_wrapper_inner > table {
        display: none;
    }

    .table-bordered {
        background-color: var(--bar-bg);
        border: none !important;
    }

    .tcat {
        background-color: var(--bright-bg);
        border: none !important;
    }
}

@-moz-document url-prefix("https://www.fanfiction.net/s/") {
    .lc,
    .lc-left {
        background-color: var(--main-bg) !important;
    }

    textarea {
        background-color: var(--bar-bg);
        border: none;
    }

    .xgray.xcontrast_txt {
        color: var(--dim-fg) !important;
    }
}