Skip to content

roll20 adjusted dark mode by yoibey

Details

Authoryoibey

LicenseNo License

Categoryroll20

Created

Updated

Size1.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

3/4/22 - Adjusts some colors on Roll20's new dark mode. Condenses the line heights in the journal tab.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         roll20 adjusted dark mode
@version      20220424.01.09
@namespace    userstyles.world/user/yoibey
@description  04/24/22 - Cut out some (now?) unneeded stuff, made adjustments.
@author       yoibey
@license      No License
==/UserStyle== */

@-moz-document domain("roll20.net") {
    /* Journal tab */
    .dd-item, .dd-empty, .dd-placeholder {
        min-height: 28px;
    }

    .dd-list .journalitem .token, .dd-list .library-item .token {
        top: 0px !important;
    }
    .dd-list .journalitem .name, .dd-list .library-item .name {
        top: 3px !important;
    }
    .folder-title, .dd-content {
        font-weight: bold !important;
    }
    .dd-content {
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .dd-unsortable, .dd-sortablehandle {
        top:-2px !important;
        padding: 0px !important;
    }

    /* Chat tab */
    .textchatcontainer .rollresult.quantumRoll {
        background-color:inherit;
    }
    .sheet-darkmode.textchatcontainer .formula, .sheet-darkmode.textchatcontainer .rolled {
        padding-top: 3px;
        padding-bottom: 3px;
    }
    .diceroll .didroll {
        text-shadow: -1px -1px -1px var(--dark-background);/*, 4px -4px 4px var(--dark-background), -4px 4px 4px var(--dark-background), 4px 4px 4px var(--dark-background)*/
    }
    .didroll {
        font-weight:bold;
    }
    .ui-widget-content:not(#textchat), .ui-widget-content, .textchatcontainer .rolled {
        color: var(--dark-primarytext)
    }
    .textchatcontainer .formula, .textchatcontainer .rolled {
        background: inherit !important;
    }

    
    /* Hand out popup*/  
    .tab-pane.charsheet, .tab-pane.charsheet > h1,h2,h3,h4,h5 {
        background-color: #1f1f1f;
        color: #B3B3B3;
    }
    
}

Reviews

No reviews yet.