spigotmc.org dark & simple by zefir-git

/* ==UserStyle==
@name         spigotmc.org dark & simple
@version      20240607.12.48
@namespace    https://userstyles.world/user/zefir-git
@description  Simple modern darn theme for SpigotMC
@author       zefir-git
@license      No License
==/UserStyle== */

@-moz-document domain("www.spigotmc.org") {
@import url("https://rsms.me/inter/inter.css");

#logoBlock,
#navigation .navTabs .navTab.selected .navLink::after,
#navigation .navTabs .navTab.selected .navLink::before {
    display: none;
}

* {
    text-shadow: none !important;
}

body {
    color: #d4d4d4;
    font-family: "Inter var", Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

:root {
    color-scheme: dark;
}


#QuickSearch .primaryControls .uix_icon {
    pointer-events: none;
    background-color: transparent;
    color: #737373;
}

.textCtrl {
    background-color: #ffffff0d;
    border: 0;
    box-shadow: inset 0 0 0 1px #ffffff0d;
    border-radius: .5rem;
    color: #fff;
}

#userBar .navTabs {
    background: #262626;
    border: 0;
}

a.callToAction span,
.downloadButton .inner {
    background: #f97316;
    border: 0;
    border-radius: .5rem;
}

a.callToAction:hover span,
.downloadButton .inner:hover {
    background-color: #fb923c;
    text-decoration: none;
}

.resourceInfo .resourceImage .resourceIcon {
    border-radius: 1rem;
}

.resourceInfo .resourceImage .resourceIcon,
.resourceInfo .resourceImage {
    width: 6rem;
    height: 6rem;
}

h1 {
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
}

body .muted, body a.muted, body .muted a,
.pairs dt, .pairsInline dt, .pairsRows dt, .pairsColumns dt, .pairsJustified dt,
.searchResult .snippet a {
    color: #a3a3a3;
}

.breadcrumb {
    border-radius: .5rem;
    border: 1px solid #ffffff0d;
}

.mainContainer .mainContent {
    border-radius: 1rem;
}

.profilePage .tabs.mainTabs {
    background-color: transparent;
}

.tabs {
    border-color: #262626;
}

.tabs li.active a,
.profilePage .tabs.mainTabs li.active a {
    color: #fff;
    background-color: #ffffff0d;
}

.tabs li a, .tabs.noLinks li {
    background-color: transparent;
    color: #a3a3a3;
    border-color: #262626;
    font-weight: 600 !important;
}

.tabs li:hover a, .tabs.noLinks li:hover,
.profilePage .tabs.mainTabs li:hover a,
.profilePage .tabs.mainTabs.noLinks li:hover {
    background-color: #ffffff03;
    color: #fff;
}

.navTabs,
.breadcrumb,
a.callToAction span,
.sidebar .section .primaryContent h3,
.sidebar .section .secondaryContent h3,
.profilePage .mast .section.infoBlock h3,
.resourceListSidebar h3 {
    box-shadow: none;
}

.textCtrl::placeholder {
    color: #737373;
}

#navigation .navTabs {
    border-bottom: 1px solid #262626;
}

.navTabs .navTab.selected .tabLinks {
    margin-top: 1px;
}

.navTabs .navTab.selected .navLink {
    background-color: transparent;
}

.navTabs .navTab.selected .navLink, .navTabs .navTab.PopupClosed.selected .navLink, .navTabs .navTab.PopupClosed.selected .SplitCtrl {
    color: #fff;
    border-color: #f97316 !important;
}

.navTabs .navTab.Popup.PopupOpen, .navTabs .navTab.selected.PopupOpen .navLink {
    background-image: none;
    box-shadow: none;
    background-color: transparent;
}

.Menu,
#QuickSearch .formPopup .secondaryControls {
    color: #a3a3a3;
    background-color: #262626;
    border: 0;
    border-radius: .5rem;
    overflow: hidden;
    margin-top: -.5rem;
}

.Menu .primaryContent {
    display: none;
}

.Menu .secondaryContent {
    background-color: transparent;
}

#calroot {
    background-color: #262626;
}

#caltitle {
    color: #fff;
}

#caldays {
    border-color: #ffffff1a;
}

.calweek a.caloff,
.calweek a.caloff:hover {
    color: #a3a3a3;
}

.calweek a:hover {
    background-color: #ffffff1d;
    text-decoration: none;
}

#calcurrent {
    background-color: #f97316;
}

#caltoday {
    border: 0;
    box-shadow: 0 0 0 1px #dddddd1d;
}

.sectionFooter a,
.sectionFooter a:hover {
    color: #a3a3a3;
}

.blockLinksList li a {
    padding: 8px 12px;
}

.blockLinksList li a:hover {
    background-color: #ffffff0d;
}

.blockLinksList li:not(:has(a)) {
    display: none;
}

#navigation .navTabs .navTab.PopupOpen, .navTab.selected .blockLinksList li.PopupOpen {
    margin-top: -2px;
}

.innerContent .customResourceFields.aboveInfo {
    border-color: #ffffff1a;
}

.ugc a:hover, .ugc a:focus {
    box-shadow: none;
}

.ugc a:not(:has(img)):hover,
.ugc a:not(:has(img)):focus {
    text-decoration: underline;
}

.ugc *:not(a) > b {
    color: #fff;
}

a:link,
a:visited,
a[href]:hover,
.ugc a,
.ugc a:link,
.ugc a:visited,
.node .subForumList .unread .nodeTitle,
.xenOverlay.memberCard .userInfo h3 a,
.xenOverlay.memberCard .userLinks {
    color: #fb923c;
    font-weight: 500;
}

.navTabs .navTab:not(.selected) .navLink:hover {
    border-color: #404040 !important;
}

.navTabs .navTab .navLink,
.navTabs .navTab.PopupClosed .navLink {
    border-bottom: 2px solid transparent;
    color: #a3a3a3;
    font-weight: 600 !important;
}

#navigation .navTabs .navTab {
    margin-top: -2px;
    padding-top: 2px;
}

body {
    background-color: #0a0a0a;
}

.mainContainer .mainContent,
.mainContainer_noSidebar,
.primaryContent,
.secondaryContent,
#navigation .navTabs,
.breadcrumb,
.uix_breadCrumb_toggleList li.toggleList_item,
.Menu .sectionFooter,
.messageList .message {
    background: #171717;
}

.mainContainer .mainContent, .mainContainer_noSidebar,
.primaryContent {
    border-color: #262626;
}

.navTabs .navTab.selected .tabLinks {
    background-color: #ffffff0d;
}

.navTabs .navTab.selected .tabLinks {
    border-color: #171717;
}

.section {
    margin: 0;
}

.sidebar {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}

.sidebar .section .secondaryContent,
.resourceListSidebar .secondaryContent {
    border: 1px solid #262626;
    border-radius: .5rem;
}

.sidebar .section .primaryContent h3,
.sidebar .section .secondaryContent h3,
.profilePage .mast .section.infoBlock h3,
.resourceListSidebar h3 {
    background: #262626;
}

.sidebar > .callToAction {
    margin: 0;
    max-width: unset;
}

.sidebar > .callToAction span {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #ffffff1a;
}

.sidebar > .callToAction:hover span {
    background-color: #ffffff0d;
    box-shadow: inset 0 0 0 2px #ffffff1a;
}

.resourceUpdate .likesSummary,
.message .dark_postrating.likesSummary,
.dark_postrating {
    background-color: #ffffff0d;
    border-color: #ffffff0d;
    border-radius: .5rem;
}

.sectionFooter {
    background-color: #ffffff0d;
    border-radius: 0 0 .5rem .5rem;
}

.eventList li, html .searchResult {
    border-color: #ffffff1a;
}

.textHeading, .xenForm .sectionHeader {
    color: #fff;
}

.innerContent .updates ol,
.secondaryContent,
.textHeading, .xenForm .sectionHeader,
.threadListItem,
.resourceListMain,
.actionFilterRow {
    border: 0;
}

.secondaryContent a {
    color: #fff;
    font-weight: 500;
}

.secondaryContent a:hover {
    color: #fff;
}

.secondaryContent a.delete {
    color: #a3a3a3;
}

.secondaryContent a.delete:hover {
    color: #f87171;
}

.rating .star.Full,
.rating .star.Half {
    filter: hue-rotate(-35deg);
}

.rating .star.Half {
    overflow: unset;
    position: relative;
}

.rating .star.Half::after {
    background: inherit;
    background-position: -104px -32px !important;
    width: 8px;
    height: 16px;
    content: '';
    display: block;
    position: absolute;
    left: 8px;
    top: 0;
    filter: brightness(0.3);
}

.star:not(.Full, .Half) {
    filter: brightness(0.3);
}

.rating .star {
    width: 1rem;
    height: 1rem;
}

.mainContent:has(.articlesGrid) {
    background-color: transparent;
    border: 0;
    padding: 0;
}

.articlesGrid {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}

.articleItem {
    border: 1px solid #ffffff0d;
    background-color: #171717;
    border-radius: 1rem;
    overflow: hidden;
}

.sectionMain {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0;
}

.subHeading {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 1rem;
}

.articleItem .primaryContent {
    padding: 1rem;
    padding-top: 0;
}

.subHeading a {
    color: #fff;
    font-weight: 600 !important;
    font-size: 1.5rem;
}

.subHeading a:hover {
    color: #fff;
}

.articleItem .sectionFooter {
    background-color: transparent;
}

a.button {
    display: flex;
    align-items: center;
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #ffffff1a;
    border-radius: .5rem;
    color: #a3a3a3;
    font-weight: 600 !important;
}

.button:hover, .button[href]:hover, .buttonProxy:hover .button {
    color: #fff;
    background-color: #ffffff0d;
    box-shadow: inset 0 0 0 2px #ffffff1a;
}

a.button .keyIcon {
    margin-top: 0;
}

.messageUserBlock div.avatarHolder {
    background-color: transparent;
    padding: 0;
}

.prefix.prefixPrimary {
    background-color: #f97316;
    color: #fff;
    border: 1px solid #f97316;
}

.resourceListItem {
    background-color: transparent;
    border: 0;
}

.resourceListItem .resourceImage, .resourceListItem .resourceStats {
    background-color: transparent;
}

.resourceListMain {
    background-color: transparent;
}

.resourceAlerts,
.resourceListItem .main .cost {
    background-color: #ea580c;
    border-color: #ea580c;
    color: #fff;
    font-weight: 600;
}

.navPopup .PopupItemLinkActive:hover {
    background-color: #171717;
}

.bbCodeBlock {
    border-radius: .75rem;
    border-color: #ffffff1a;
    background-color: #171717;
}

.bbCodeBlock:has(.quoteContainer) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.bbCodeBlock .type {
    background-color: #262626;
    border-color: #ffffff0d;
    color: #a3a3a3;
}

.bbCodeBlock .code {
    color: #171717;
    filter: invert(0.95) hue-rotate(180deg) brightness(1.05) contrast(1.05);
}
...