I have a temporary fix for that. It will be better eventually, but I'm going to wait for Roll20 to finish the fixes to Dark Mode first. It's too volatile right now. I also need to experiment with some of the css variables that Dark Mode employs so that the style can be all-in-on, rather than either/or. This isn't perfect (vertical spacing is a touch too high), but it's a lot better.
.rollabil.btn.dfontd20{
margin-right: 10px;
font-size: 1.2em;
color: black;
padding: 0px;
}
.attributesabilities .abil {
right: 0;
top: 10px;
width: auto;
padding-left: 3px;
background-color: #eee !important;
margin-bottom: 2px;
}
#rightsidebar .paddedtable button {
padding-top: 0px;
padding-bottom: 0px;
}
.attributesabilities .abil {
padding-top: 3px;
padding-bottom: 1px;
}
.dd-list .journalitem .name, .dd-list .library-item .name {
top: 0px;
}
.dd-list .journalitem .token, .dd-list .library-item .token {
top: 0px;
}
.dd-item .folder-title {
background-color: var( --dark-gray-disabled, #eee) !important;
border-radius:0px;
padding: 3px 0px 7px 0px;
line-height:13px;
}
.dd-content {
padding: 0px 0px 0px 0px!important;
border-radius:0px;
}
.dd-content.static {
padding-left: 3px !important;
}
a#advancedSearch{
box-shadow:inset 0px 1px 0px 0px #f5978e;
background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
background-color:#f24537;
border-radius:6px;
border:1px solid #d02718;
display:inline-block;
color:#ffffff;
padding:0px 5px;
}
#jukeboxfolderroot .playbackcontrol {
margin-left: 18px;
}
#compendium .searchroot .dd-item .dd-content .token img {
padding: 0px;
max-width: 19px;
max-height: 19px;
}
#compendium .searchroot .dd-item .dd-content .token {
top: 0px;
}
#compendium .searchroot .dd-item .dd-content .sourcefooter {
width:40px;
height: 18px;
position: absolute;
top: 0px;
right: 0px;
font-size: 6px;
}
.expandcontroller {
position: relative;
bottom:10px;
}
#compendium .searchroot .dd-item .dd-content .sourcefooter {
font-size: 12px;
}
.inapp .sourcefooter,.inapp.expansion3 .sourcefooter, .inapp.expansion9 .sourcefooter, .inapp.expansion13 .sourcefooter, .inapp.expansion16 .sourcefooter {
background-size: 15px 10px;
background-image:none;
padding-top: 5px;
top: 0px !important;
}
.dd-item, .dd-empty, .dd-placeholder {
min-height: 21px;
font-size: 12px;
line-height: 20px;
}
.dd-list .handout img, .dd-list .archivetable img, .dd-list .journalitem img, .dd-list .library-item img{
max-width: 20px;
max-height: 20px;
}
.dd-item>button {
height: 16px;
margin: 0px;
font-size: 14px;
top: 0px;
}
.dd-handle {
top: 0px;
width: 20px;
padding: 0px 10px;
}
.compendium-removed-expansions {
background-color: #fff;
border: none;
border-radius: 4px;
clear: both;
padding: 0px;
margin-bottom: 0px;
font-style: italic;
color: #aaa;
}
#recentuploads li::after {
background-color: white;
content: attr(data-filesize);
display: inline-block;
font-size: 0.8em;
padding-left: 3px;
position: absolute;
right: 0;
}