3/4/22 - Adjusts some colors on Roll20's new dark mode. Condenses the line heights in the journal tab.
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
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;
}
}