Skip to content

SpigotMC - Amoled by xiggi

Write a review Install Get Stylus

Details

Authorxiggi

LicenseNo License

Categoryspigotmc

Created

Updated

Size17 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Deep dark theme for SpigotMC

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           SpigotMC - Amoled
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Deep dark theme for SpigotMC
@author         Me
==/UserStyle== */

@-moz-document domain("spigotmc.org") {
    :root {
        --main-bg: rgb(12, 12, 12);
        --second-bg: rgb(21, 21, 21);
        --second-bg-opacity: rgba(21, 21, 21, .5);
        --third-bg: rgb(31, 31, 31);
    }
    
    body {
        background-color: var(--main-bg);
        color: #ccc;
    }
    
    .mainContainer .mainContent, .mainContainer_noSidebar, .messageList .message {
        background-color: var(--second-bg);
        border: 1px solid var(--third-bg);
    }
    
    .hasFlexbox .messageList .uix_message {
        background-color: var(--third-bg); 
    }
    
    .messageUserBlock div.avatarHolder, .messageUserBlock h3.userText, .messageUserInfo {
        background-color: var(--main-bg);
        border: 1px solid transparent;;
    }
    
.messageUserBlock .arrow span {
    position: absolute;
    top: -10px;
    left: -11px;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: 10px solid transparent;
    border-left-color: var(--main-bg);
    -moz-border-left-colors: transparent;
    border-right: none;
}
    
.messageUserBlock .arrow {
    border-left-color: var(--main-bg);
    }
    
    .navTabs .navTab.selected .tabLinks {
        background-color: var(--second-bg);
        border: 1px solid transparent;
    }
    
    .navTabs .navTab.selected .navLink {
        background-color: var(--second-bg);
    }
    
.hasTabLinks #navigation .navTabs .navTab.selected .navLink {
    border-bottom-color: var(--second-bg);
}
    
    .navTabs .navTab.selected .tabLinks a {
        text-shadow: none;
    }
    
    .messageUserBlock a.username {
        color: #fff;
    }
    
    .bbCodeQuote .attribution {
        background: var(--main-bg);
        color: #fff;
    border-bottom: 1px solid var(--thrrd-bg);
    border-left: 2px solid var(--third-bg);
    }
    
    .bbCodeQuote .quoteContainer {
        background: var(--second-bg)''
    border-bottom: 1px solid var(--thrrd-bg);
    border-left: 2px solid var(--third-bg);
    }
    
.bbCodeQuote {
    border-color: transparent;
}
    
.bbCodeBlock {
    background-color: var(--second-bg);
    margin: 1em 140px 1em 0;
    border: 1px solid var(--third-bg);
    overflow: auto;
}
    
.bbCodeQuote .quoteContainer .quoteExpand {
    background: linear-gradient(to bottom,rgba(251,251,251,0) 0%,#1d1d1d 80%);
}
    
.message .dark_postrating.likesSummary, .dark_postrating {
    color: #858585;
    background-color: var(--third-bg);
    border: 1px solid transparent;
}
    
    .section.styleChooser, .xenOverlay.chooserOverlay  {
        background: var(--second-bg);
    }
    
    .Menu .primaryContent {
        background: var(--second-bg);
        border-bottom: none;
    }
    
    .Menu .menuHeader h3 {
        font-weight: 600;
    }
    
    .Menu .secondaryContent {
        background: var(--second-bg);
        border-bottom: none;
    }

.Menu {
    border: 1px solid var(--third-bg);
    box-shadow: 1px 1px 20px var(--third-bg);
    }
    
.blockLinksList a:hover, .blockLinksList a:focus, .blockLinksList li.kbSelect a, .blockLinksList label:hover, .blockLinksList label:focus, .blockLinksList li.kbSelect label {
    color: #fff;
    }
    
.primaryContent {
    background-color: var(--third-bg);
    border-bottom: none;
    }
    
.secondaryContent {
    background-color: var(--third-bg);
    border-bottom: none;
    }
    
.sectionMain {
    background-color: var(--main-bg);
    padding: 8px;
    margin: 16px auto;
    border: 1px solid transparent;
    border-radius: 6px;
}
    
.subHeading {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    background-color: var(--main-bg);
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    }
    
    .subHeading a {
        color: #ccc;
        font-weight: 600;
    }
    
    .subHeading a:hover {
        color: #fff;
    }
    
.sectionFooter {
    overflow: hidden;
    zoom: 1;
    font-size: 11px;
    color: #535353;
    background-color: var(--second-bg);
    padding: 10px 16px;
}
    
.PageNav a {
    color: #ccc;
    text-decoration: none;
    background-color: var(--third-bg);
    border: 1px solid transparent;
    border-radius: 3px!important;
    }
    
.PageNav a:hover {
    color: #fff;
    text-decoration: none;
    background-color: var(--main-bg);
    border: 1px solid transparent;
    border-radius: 3px!important;
    }
    
.textCtrl {
    color: #ccc;
    background-color: var(--main-bg);
    border: 1px solid transparent;
    }
    
.xenOverlay .formOverlay {
    color: #ccc;
    background-color: var(--second-bg);
    padding: 8px;
    border: 2px solid transparent;
}
    
.xenOverlay .formOverlay .heading {
    font-size: 12pt;
    color: #fff;
    background-color: var(--third-bg);
    }
    
    #userBar .navTabs {
    background: var(--main-bg);
        border-bottom: none;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .Menu .sectionFooter {
        background: var(--third-bg);
    }
    
    a.concealed:hover, .concealed a:hover {
        color: #fff;
    }

a[href]:hover {
        color: #fff;
    }
    
.profilePage .mast .section.infoBlock {
    border: 1px solid var(--third-bg);
    }
    
.dark_postrating_member {
    border-color: transparent;
    color: #ccc;
}
    
.dark_postrating_member td {
    border-color: transparent;
}
    
.profilePage .mainProfileColumn {
    margin-left: 200px;
    border-left: 1px solid var(--third-bg);
    }
    
    .profilePage .tabs.mainTabs {
        background: var(--third-bg)
    }
    
    .profilePage .tabs.mainTabs li.active a {
        background: var(--main-bg);
        color: #fff;
    }
    
.tabs li a, .tabs.noLinks li {
    color: #ccc;
    text-decoration: none;
    background-color: var(--second-bg);
    padding: 0 16px;
    margin-right: -1px;
    margin-bottom: -1px;
    border: 1px solid transparent;
    }
    
    .profilePage .tabs.mainTabs li a:hover {
        background: var(--third-bg);
        color: #fff;
    }
    
.tabs {
    border-bottom: 1px solid var(--third-bg);
    }
    
.textHeading, .xenForm .sectionHeader {
    color: #fff;
    border-bottom: 1px solid var(--main-bg);
}
    
.profilePage .primaryUserBlock .lastActivity {
    border-top: 1px solid var(--third-bg);
}
    
    .textWithCount.subHeading .text {
        color: #fff;
    }
    
    .pairs dt, .pairsInline dt, .pairsRows dt, .pairsColumns dt, .pairsJustified dt {
        color: #ccc;
    }
    
.xenForm fieldset, .xenForm .formGroup, .dataTable tr.dataRow td {
    border-color: var(--third-bg);
}
    
    .nodeList .categoryStrip {
        background: var(--third-bg);
        text-shadow: none;
        color: #ccc;
    }
    
    .nodeList .categoryStrip .nodeTitle a {
        color: #fff;
    }
    
    .nodeList .categoryStrip .nodeDescription {
        color: #ccc;
    }
    
.nodeList .node.level_2:nth-child(even) .nodeInfo, .nodeList .node.level_2:nth-child(even) .nodeInfo .nodeLastPost, li.node.forum.level_2.node_24, .forum_list .nodeList .nodeList, .forum_view .nodeList, .category_view .nodeList, .watch_forums .nodeList, .nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo {
    background: var(--second-bg);
    }
    
    .node.level_2 .nodeInfo {
        border-top: 1px solid var(--main-bg);
    }
    
.node .nodeLastPost {
    background-color: var(--third-bg);
    padding: 8px;
    border-bottom: 1px solid transparent;
    }
    
.node .forumNodeInfo .nodeIcon, .node .categoryForumNodeInfo .nodeIcon {
    background: var(--third-bg) url(//static.spigotmc.org/styles/spigot/style/node-sprite.png) no-repeat 0 0;
}
    
    .node .nodeText .nodeTitle a, .subForumList .nodeTitle a {
        color: #ccc;
    }
    
    .node .nodeText .nodeTitle a:hover, .subForumList .nodeTitle a:hover {
        color: #fff;
    }
    
.redactor_toolbar {
    background-color: var(--second-bg);
    border-bottom: 1px solid transparent;
    }
    
.redactor_box {
    font-size: 0;
    border: 1px solid var(--third-bg);
    }
    
    .redactor_toolbar li.redactor_btn_group ul {
    background-color: var(--second-bg);
        border: 1px solid transparent;
    }
    
.bbCodeBlock .type {
    font-size: 12px;
    font-family: droid sans,Arial,sans-serif;
    color: #fff;
    background-color: var(--second-bg);
    padding: 8px;
    border-bottom: 1px solid var(--third-bg);
}
    
.bbCodeBlock pre, .bbCodeBlock .code {
    background-color: var(--second-bg);
    }
    
.attachedFiles {
    background-color: var(--second-bg);
    margin: 1em 140px 1em 0;
    border: 1px solid var(--htird-bg);
    overflow: auto;
}
    
.attachedFiles .attachmentList {
    background: var(--second-bg)
}
    
.attachment .boxModelFixer {
    background-color: var(--third-bg);
    border: 1px solid transparent;
    }
    
.attachment .thumbnail {
    border-right: 1px solid transparent;
    }
    
.attachedFiles .attachedFilesHeader {
    color: #fff;
    background-color: var(--second-bg);
    border-bottom: 1px solid var(--third-bg);
}
    
.message .signature {
    color: #7f7f7f;
    border: 0 dashed var(--main-bg);
    }
    
.articleItem .metaData {
    border-bottom: 1px dashed var(--main-bg);
    }
    
.button {
    color: #ccc;
    background-color: var(--third-bg);
    border-top-color: #fff;
    }
    
    .secondaryContent a, body .muted, body a.muted, body .muted a  {
        color: #ccc;
    }
    
.threadListItem {
    border-top: 1px solid var(--main-bg);
}
    
#navigation .navTabs .navTab.selected .navLink:after {
    background: var(--main-bg);
}
    
#navigation .navTabs .navTab.selected .navLink:before {
    background: var(--main-bg);
}
    
.spigot_headerReadAboutWrapper {
    background: var(--second...

Reviews

No reviews yet.