29.6.2022, 15:01:28 by tjorven-liebe

/* ==UserStyle==
@name           29.6.2022, 15:01:28
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    SpigotMC Dark theme
@author         Cericx_ | Tjorven Liebe
==/UserStyle== */
@-moz-document url-prefix("https://www.spigotmc.org") {
    :root {
        --background: #24292e;
        --foreground: #e1e4e8;
        --text-selection: #959da5;
        --background-selection: #3392FF44;
        --foreground-second: #FFFFFF;
        --buttons: #39414a;
        --background-second: #2f363d;

        --disabled: #6a737d;
        --contrast: #1e2428;
        --active: #2b3036;
        --border: #1b1f23;
        --highlight: #444d56;
        --tree: #39414a;
        --notifications: #2f363d;

        --accent-color: #f9826c;
        --excluded-files-color: #2f363d;
        --green: #85e89d;
        --yellow: #ffab70;
        --blue: #79b8ff;
        --red: #f97583;
        --purple: #b392f0;
        --orange: #ffab70;
        --cyan: #79b8ff;
        --gray: #959da5;
        --white-black: #d1d5da;
        --error: #f97583;

        --commands: #959da5;
        --variables: #d1d5da;
        --links: #79b8ff;
        --functions: #b392f0;
        --keywords: #f97583;
        --tags: #85e89d;
        --strings: #79b8ff;
        --operators: #f97583;
        --attributes: #b392f0;
        --numbers: #79b8ff;
        --parameters: #ffab70;
    }

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

    .primaryControls .uix_icon {
        background: var(--buttons) !important;
        border: none !important;
    }

    .primaryControls input {
        border: none !important;
        background: var(--background-second);
        color: var(--foreground);
    }

    .navTab.PopupOpen {
        background: var(--buttons) !important;
        border: 2px solid var(--border) !important;
        box-shadow: none !important;
        z-index: 50 !important;
    }

    .Menu {
        margin-top: -2px !important;
        border-top: none;
        border-left: 2px solid var(--border);
        border-right: 2px solid var(--border);
        border-bottom: 2px solid var(--border);
    }

    .Menu .primaryContent {
        background: var(--buttons) !important;
        color: var(--foreground);
    }

    .Menu .secondaryContent,
    .Menu .sectionFooter {
        background: var(--buttons);
        border: none;
    }

    .Menu .secondaryContent *,
    .Menu .sectionFooter * {
        color: var(--foreground) !important;
    }

    .xenOverlay {
        background: var(--background-second) !important;
        color: var(--foreground-second) !important;
    }

    .primaryControls {
        border: none !important;
        box-shadow: none !important;
    }

    .navigationSideBar ul {
        background: var(--buttons) !important;
    }

    .navigationSideBar * {
        color: var(--foreground-second) !important;
        border: none !important;
    }

    .avatarHolder {
        background: transparent !important;
    }
    
    .avatarScaler a img,
    .avatarScaler span img {
        background: transparent !important;
    }
    
    .primaryUserBlock ul {
        background: var(--background) !important;
    }
    
    .xenOverlay form {
        background: var(--background) !important;
    }
    
    .xenOverlay .currentAvatar img,
    .Gravatar {
        background: transparent !important;
    }
    
    .JsOnly a {
        background: var(--background) !important;
    }

    .profilePage {
        background: var(--buttons) !important;
    }

    .subHeading {
        background: var(--background) !important;
    }
    
    .profilePage div {
        border: none !important;
    }
    
    .avatar img {
        background: transparent;
    }
    
    .button {
        background: var(--buttons) !important;
    }

    .BBcodeInlineCode {
        background: var(--highlight) !important;
        border-color: var(--border);
    }
    
    a.primaryContent {
        background: var(--buttons) !important;
    }

    .navigationSideBar h4,
    .navigationSideBar .secondaryContent {
        background: var(--background-selection) !important;
    }

    .mainContainer_noSidebar {
        border-color: var(--border);
        color: var(--foreground) !important;
        background: var(--background-second) !important;
    }
    
    .alert {
        background: var(--background-second);
        border-color: var(--border);
    }
    
    .mainContainer_noSidebar .mainContent .primaryContent,
    .mainContainer_noSidebar input,
    .sectionMain {
        color: var(--foreground-second) !important;
        background: var(--buttons) !important;
        border: var(--border) !important;
    }

    .PageNav nav a:not(.currentPage, .PageNavNext, .PageNavPrev) {
        border-color: var(--border) !important;
        color: var(--foreground) !important;
        background: var(--buttons) !important;
    }

    .PageNav .currentPage {
        color: var(--foreground) !important;
        background: var(--active) !important;
        border: 1px solid var(--border) !important;
    }

    .PageNav .PageNavNext,
    .PageNavPrev {
        color: var(--foreground) !important;
        background: var(--background-selection) !important;
        border: 1px solid var(--border) !important;
    }

    .PageNav nav a:hover {
        filter: brightness(1.3);
    }

    .linkGroup * {
        color: var(--foreground) !important;
    }

    .tabs {
        border-color: var(--border) !important;
    }

    .tabs li a {
        border-color: var(--border) !important;
        color: var(--foreground-second) !important;
        background: var(--buttons) !important;
    }

    .selected a {
        background: var(--button) !important;
    }

    .selected a::before {
        display: none;
    }

    .selected a::after {
        display: none;
    }

    .navTabs {
        border-bottom: 1px solid var(--border);
    }

    .navTabs,
    .tabLinks {
        background: var(--background-second) !important;
    }

    .tabLinks {
        background-color: #2f363d33 !important;
    }

    .tabLinks {
        border-bottom: 2px solid var(--border) !important;
    }

    .tabLinks a {
        color: var(--foreground-second) !important;
        list-style-type: none;
    }

    #logo {
        box-shadow: none !important;
        filter: none !important;
    }

    .spigot_colorOverlay {
        background: var(--background) !important;
    }

    .breadcrumb {
        background: var(--background-second) !important;
        border-bottom: 2px solid var(--border) !important;
        box-shadow: none !important;
        filter: none !important;
    }

    .muted {
        color: var(--commands) !important;
    }

    .mainContentBlock.section.sectionMain.insideSidebar .section .subHeading {
        border: none;
        color: var(--foreground-second) !important;
        background: var(--background) !important;
    }
    .mainContentBlock.section.sectionMain.insideSidebar .section .primaryContent {
        background: var(--background-second) !important;
        border-color: var(--border);
    }

    .mainContentBlock.section.sectionMain.insideSidebar .section .primaryContent div {
        color: var(--commands) !important;
    }

    .discussionList * {
        border: none !important;
        color: var(--foreground);
    }

    .title span.prefix {
        background: var(--cyan) !important;
        color: var(--contrast) !important;
    }

    .prefix {
        border: none;
        background: var(--orange) !important;
        color: var(--white-black) !important;
    }
    
    .PageNav .text {
        color: var(--foreground) !important;
        background: var(--buttons) !important;
    }
    
    .title *:not(span.prefix) {
        color: var(--links) !important;
    }

    .xenPreviewTooltip {
        background: var(--background) !important;
        border-color: var(--background) !important;
    }


    .xenPreviewTooltip .arrow * {
        border: none !important;
    }

    .xenPreviewTooltip .arrow {
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        border-top: 15px solid var(--background);
    }
    
    .dataRow * {
        background: var(--background) !important;
    }
    
    .dd {
        background: var(--background) !important;
    }

    ::-webkit-scrollbar {
        background: var(--buttons);
        height: 6px;
        width: 6px;
    }
    
    ::-webkit-scrollbar-thumb {
        background: var(--border);
    }

    .type {
        background: var(--background) !important;
        color: var(--foreground) !important;
        border-color: var(--border) !important;
    }
    
    .quoteContainer {
        background: var(--background-second) !important;
    }
    
    .dark_postrating {
        border: 2px solid var(--border) !important;
        background: var(--background) !important;
    }
    
    .messageUserInfo {
        border: none;
    }
    
    .messageUserInfo .arrow {
        display: none;
    }
    
    .SpoilerTarget {
        background: var(--background) !important;
        border: var(--border) !important;
    }
    
    .bbCode dl dd {
        background: var(--background-second) !important;
        border-color: var(--border) !important;
    }
    
    .messageUserInfo .userText div a {
        text-align: center !important;
    }
    
    .messageUserInfo * {
        background: var(--buttons) !important;
    }
    
    .medals {
        text-align: center;
    }
    
    .listItem:hover {
        background: inherit !important;
        filter: brightness(0.9) !important;
    }
    
    .code {
        color: var(--foreground) !important;
    }
    
    .code [style="color: #0000ff;"] {
        color: var(--tags) !important;
    }
    .code [style="color: #006633;"] {
        color: var(--attributes) !important;
    }
    
    .code [style="color: #cc66cc;"] {
        color: var(--parameters) !important;
    }
...