userstyle.css

@-moz-document domain("www.spigotmc.org") {
    :root {
        /* Colors */
        --bg-color: #222; /* Black */
        --bg-secondary-color: #383838; /* dark grey */

        --txt-color: orange;
        --txt-secondary-color: grey;

        /* This will be either none or initial */
        --display-banner: /*[[show-banner]]*/;
    }

    /* Spigot banner with the logo and the info text between the navigation bar and the user info bar */
    #logoBlock {
        display: var(--display-banner);
    }

    /* Background */
    body {
        background-color: var(--bg-color) !important;
        /* The default text color is black -> grey will make it readable without
        overriding spigot style settings*/
        color: var(--txt-secondary-color);
    }

    /* Navigation header subcategories - i.e. "Your Resources" */
    .navTabs .navTab.selected .tabLinks a {
        /* makes the text unreadable if it has a black background */
        text-shadow: none !important;
    }

    /* Subcategories - as well as the selected main category item "Resources" */
    .navTabs .navTab.selected .tabLinks,
    .hasTabLinks #navigation .navTabs .navTab.selected .navLink {
        background-color: var(--bg-color) !important;

        /* Remove the white border line between the subcategories and the main content */
        border: 0px;
    }

    /* Remove transition border of the selected tab */
    #navigation .navTabs .navTab.selected .navLink:before,
    #navigation .navTabs .navTab.selected .navLink:after {
        background: initial;
     }

    /* Drop down menu tab */
    .tabMenu, .tabMenu .menuHeader,
    .tabMenu .blockLinksList {
        background-color: var(--bg-color) !important;

        border-color: var(--bg-secondary-color);
    }

    /* Main content container */
    .mainContainer_noSidebar,
    .mainContainer .mainContent {
        background-color: var(--bg-secondary-color) !important;

        /* Remove the padding for more content space */
        border: 0;
    }

    /* Main news site of this website */
    .articleItem .sectionMain,
    .articleItem .sectionMain .subHeading,
    .articleItem .sectionMain .primaryContent,
    .articleItem .sectionMain .sectionFooter {
        background-color: var(--bg-color) !important;

        border: 0;
    }

    /* Main page news pager */
    .articlePager {
        background-color: var(--bg-secondary-color) !important;

        border: 0;
    }

    /* staffHeading := Staff category section on the Team tab like Administrator, Moderator */
    /* resourceInfo := Resource title on the project site */
    .staffHeading,
    .resourceInfo  {
        color: var(--txt-color);
    }

    /* Team entries */
    .memberListItem {
        background-color: var(--bg-secondary-color) !important;

        /* White background border */
        border-bottom: 0;
    }

    /* Image background color if transparent or smaller */
    .resourceIcon img,
    .avatar img {
        background-color: var(--bg-color) !important;
    }

    /* Sidebar boxes including on the Resources tab */
    .resourceListSidebar .secondaryContent,
    .sidebar .secondaryContent {
        background-color: var(--bg-secondary-color) !important;

        /* Removes white border on the resources sidebar */
        border: 0 !important;
    }

    /* Resource entries on the resource tab */
    .resourceListItem,
    .resourceListItem .resourceImage,
    .resourceListItem .resourceStats {
        background-color: var(--bg-color) !important;

        border-color: grey;
    }

    /* Header and footer of the main content in the resource tab or "Watched Resources" */
    .resourceListMain,
    .sectionMain {
        background-color: var(--bg-color) !important;

        border: 0;
        padding-top: 5px;
    }

    .resourceListMain .actionFilterRow {
        border-color: grey;
    }

    /* The last entry shouldn't have a white border because we no longer have an white outer container where it could hide this border line */
    .resourceList .resourceListItem:last-child {
        border-bottom: 0;
    }

    /* Main resource category note like "Resources are being shown from all child categories." */
    .resourceList .resourceNote {
        color: var(--txt-color);
        background-color: var(--bg-color);

        border-bottom: 0;
    }

    /* Resources page main content */
    .section .resourceUpdate,
    .likesSummary,
    .rateBlock {
        background-color: var(--bg-secondary-color) !important;

        border: 0 !important;
    }

    /* Resource updates section */
    .updateContainer .resourceUpdate,
    .updateContainer .textHeading {
        background-color: var(--bg-secondary-color) !important;

        border: 0 !important;
    }

    /* Review*/
    .review {
        background-color: var(--bg-secondary-color) !important;

        padding: 5px;

        border: 0px;
    }

    /* Make the resource page headings under the main content readable */
    .reviews .textHeading,
    .updates .textHeading {
        color: var(--txt-color);
    }

    /* Review response from the author */
    .review .messageResponse .comment {
        background-color: var(--bg-color) !important;

        border: 0px;
    }

    /* Rating bar - Side note:=> What is dark here in the default scheme? */
    .dark_postrating {
        background-color: var(--bg-secondary-color) !important;
    }

    /* Discussions forum post */
    .message {
        background-color: var(--bg-secondary-color) !important;

        /* has a border but seems to be a good separator between the posts */
        border-color: grey;
    }

    /* Forum post author info on the discussion thread */
    .messageUserInfo,
    .avatarHolder,
    .userText {
        background-color: var(--bg-color) !important;

        border: 0;
    }

    /* BB-Codes */
    .bbCodeBlock,
    .bbCodeBlock .quoteContainer,
    .bbCodeBlock .type,
    .bbCodeBlock .code {
        background-color: var(--bg-color) !important;

        border: 0;
    }

    /* Message editor popup heading and footer */
    .InlineMessageEditor .sectionFooter,
    .InlineMessageEditor .redactor_toolbar {
        background-color: var(--bg-secondary-color) !important;
    }

    /* Remove white border inside the message editor popup */
    .InlineMessageEditor .messageContainer,
    .redactor_box,
    .redactor_toolbar,
    .redactor_box iframe {
        border: 0;
    }

    /* Watched categories header */
    .sectionMain .subHeading {
        background-color: var(--bg-secondary-color) !important;

        border-top: 0;
        border-bottom: 0;
    }

    /* Watched categories content */
    .sectionMain .categoryList .categoryListItem .categoryInfo,
    .sectionMain .sectionFooter {
        background-color: var(--bg-secondary-color) !important;

        border-top: 0;
    }

    /* Wiki */
    .wikiContent .primaryContent {
        background-color: var(--bg-secondary-color) !important;

        border-bottom: 0;
    }

    /* Category list on the wiki page */
    #wikiContent .secondaryContent {
        background-color: var(--bg-color);
        border-color: var(--bg-color);

        margin-top: 5px;
	}

    /* Pager buttons at the button for switching the page */
    .PageNav a,
    .PageNav a:hover {
        background-color: var(--bg-color);

        border: 0;
    }

    /* Search result entries */
    .searchResult {
        background-color: var(--bg-secondary-color) !important;

        /* This looks smoother than a white border */
        border-color: grey !important;
    }

    /* Search result text summary */
    .searchResult .snippet a {
        color: var(--txt-secondary-color);
    }

    /* Hightlighted search query */
    .searchResult .snippet .highlight {
        color: var(--txt-color);
    }

    /* Dark tabs */
    .tabs li a {
        background-color: #555 !important;
        color: white;
    }
}