Storium Dark Mode by crius

/* ==UserStyle==
@name           Storium Dark Mode
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Work in Progress
@author         Crius
==/UserStyle== */
@-moz-document url-prefix("https://storium.com/") {
    body {
        background-color: #333 !important;
        color: #CCC !important;
    }
    
    .tutorial-interceptor {
        color: #CCC !important;
    }

    .header-stack {
        background-color: #333 !important;
    }

    .header-stack > .content > h1 > a > img {
        filter: brightness(100%) grayscale(100%) opacity(0.1) drop-shadow(0 0 0 #CCC) drop-shadow(0 0 0 #CCC) drop-shadow(0 0 0 #CCC) drop-shadow(0 0 0 #CCC);
    }

    #page {
        background-color: #333 !important;
    }

    .details-content {
        background-color: #333 !important;
    }

    .tab {
        background-color: #333 !important;
        color: #CCC !important;
    }

    .smallcap {
        color: #CCC !important;
    }

    .general-avatar-bubble {
        background-color: #666 !important;
        color: #CCC !important;
    }

    .bubble {
        background-color: #666 !important;
        color: #CCC !important;
    }

    .well {
        background-color: #333 !important;
    }

    .well > div > div > div > div > div {
        color: #666 !important;
    }

    .card {
        background-color: #333 !important;
        color: #CCC !important;
    }

    .card .face {
        background-color: #333 !important;
        color: #CCC !important;
    }

    .card .clipCover {
        background-color: #333 !important;
        color: #CCC !important;
    }
    
    .card .clipRect {
        background-color: #333 !important;
    }

    .card .face .content {
        background-color: #333 !important;
    }

    .card .face .title {
        background-color: #333 !important;
        color: #CCC !important;
    }

    .card .face .content .description {
        background-color: #333 !important;
        color: #CCC !important;
    }

    .attributes-item {
        background-color: #666 !important;
        color: #CCC !important;
    }

    .table-striped > tbody > tr:nth-child(odd) > td,
    tr.found {
        background-color: transparent !important;
    }

    .l-title {
        color: #CCC !important;
    }

    .l-tab {
        background-color: #333 !important;
        border-color: #666 !important;
    }

    .l-content {
        background-color: #333 !important;
        border-color: #666 !important;
    }

    .ngpopover > div {
        background-color: #333 !important;
        border-color: #666 !important;
    }

    .ngpopover > div > p {
        background-color: #333 !important;
        border-color: #666 !important;
    }

    .ngpopover > div {
        border-color: transparent transparent rgba(0, 0, 0, 0.7) !important;
    }

    .character-popover .cp-name {
        background-color: #333 !important;
    }

    .stacked-card {
        background-color: #333 !important;
    }

    .stacked-card.active {
        color: #999 !important;
    }

    .stack-size span.stack-bubble {
        background-color: #333 !important;
    }
    
    .lbox-entry-edit-form-wrapper .entry-edit-form {
        background-color: #333 !important;
    }
    
    .card-stack-inner-2 {
        background-color: #333 !important;
    }
    
    .ng-modal-window {
        background-color: #333 !important;
    }
    
    .ng-modal-footer {
        background-color: #333 !important;
    }

    a {
        color: #0f8cb1;
    }

    a:hover {
        color: #22b5e1
    }

    .content > div > div > p {
        color: #CCC !important;
    }

    .content > p {
        color: #CCC !important;
    }
    
    .entry-preview {
        background-color: #333 !important;
    }
    
    .poll-toast {
        background-color: #554 !important;
    }
}